first commit
This commit is contained in:
dev-chiefworks
@@ -0,0 +1,147 @@
|
||||
<!-- Dashboard content -->
|
||||
<div class="row">
|
||||
<div class="col-lg-9">
|
||||
<!-- Support tickets -->
|
||||
<div class="panel panel-flat">
|
||||
|
||||
</div>
|
||||
<div class="panel panel-white">
|
||||
<form class="search-block" action="/subscription/carpoolfriend/" method="GET" autocomplete="off">
|
||||
<div class="search-block-item">
|
||||
<div class="form-group" style="width: 100px">
|
||||
<label for="member_id">Member ID</label>
|
||||
<input type="search" class="form-control" id="member_id" name="member_id" value='<?= isset($member_id) ? $member_id : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group" style="width: 100px">
|
||||
<label for="carpool_id">Carpool ID</label>
|
||||
<input type="search" class="form-control" id="carpool_id" name="carpool_id" value='<?= isset($carpool_id) ? $carpool_id : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">Email</label>
|
||||
<input type="search" class="form-control" id="email" name="email" value='<?= isset($email) ? $email : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="search_text">Status</label>
|
||||
<?= $card_status ?>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="from_date">Added</label>
|
||||
<div class="default_date">
|
||||
<label for="default_date">One Last Month</label>
|
||||
<input type="checkbox" id="default_date" name="default_date" <?= $default_date === 'on' ? 'checked' : '' ?>>
|
||||
</div>
|
||||
<div class="search-by-date">
|
||||
<input type="search" class="form-control" id="from_date" name="from_date" value='<?= isset($from_date) ? $from_date : '' ?>'>
|
||||
|
||||
<input type="search" class="form-control" id="to_date" name="to_date" value='<?= isset($to_date) ? $to_date : '' ?>'>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
</div>
|
||||
<input type="hidden" name="action_hidden" value="search" />
|
||||
<div class="form-group">
|
||||
<button class="btn btn-primary btn-search" type="submit">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<?= $link ?>
|
||||
<div class="panel panel-flat">
|
||||
<div class="table-responsive">
|
||||
<?= $carpool_friend_table ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-flat">
|
||||
<div class="table-responsive"> </div>
|
||||
</div>
|
||||
<!-- /support tickets -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<!-- Recent Members -->
|
||||
<div class="panel panel-flat" style="background-color: #ccffff; height: 800px;">
|
||||
<div id="transp_detail">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Process</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Recent Members -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /dashboard content -->
|
||||
|
||||
<script src="/assets/js/plugins/pickers/datepicker.js"></script>
|
||||
<script src="/assets/js/app.js"></script>
|
||||
<script type="text/javascript">
|
||||
function processSubscription(assign_id) {
|
||||
//alert( subscripion_id );
|
||||
$('#sub_detail').html('Processing...');
|
||||
$('#subb' + assign_id).prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/subscription/procSubscription?proc=PROCESS&assign_id=" + assign_id
|
||||
}).done(function(data) {
|
||||
$('#sub_detail').html(data);
|
||||
$('#subb' + assign_id).prop('disabled', false);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
$('document').ready(function() {
|
||||
function enableDateInput() {
|
||||
$('#from_date, #to_date').val('');
|
||||
$('#from_date, #to_date').prop('readonly', false);
|
||||
$('#from_date, #to_date').css('pointer-events', 'auto');
|
||||
}
|
||||
|
||||
function disableDateInput() {
|
||||
setDefaultDateWithMonths('.search-block', 1);
|
||||
$('#from_date, #to_date').prop('readonly', true);
|
||||
$('#from_date, #to_date').css('pointer-events', 'none');
|
||||
}
|
||||
|
||||
// add library datepicker
|
||||
addDatePicker('#from_date, #to_date');
|
||||
|
||||
// detect change of checkbox
|
||||
$('#default_date').on('change', function() {
|
||||
if ($(this).prop('checked')) {
|
||||
disableDateInput();
|
||||
} else {
|
||||
enableDateInput();
|
||||
}
|
||||
})
|
||||
|
||||
// When init page default date checked
|
||||
const checked = <?= $default_date === 'on' ? 'true' : 'false' ?>;
|
||||
if (checked) {
|
||||
disableDateInput();
|
||||
}
|
||||
})
|
||||
//initMap();
|
||||
//
|
||||
</script>
|
||||
<style>
|
||||
.search-block-item {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.search-by-date {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.search-by-date input {
|
||||
width: 95px;
|
||||
}
|
||||
|
||||
.default_date {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btn-search {
|
||||
top: 27px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,132 @@
|
||||
<!-- Dashboard content -->
|
||||
<div class="row">
|
||||
<div class="col-lg-9">
|
||||
<!-- Support tickets -->
|
||||
<div class="panel panel-flat">
|
||||
</div>
|
||||
<div class="panel panel-white">
|
||||
<form class="search-block" action="/subscription/carpoolreport/" method="GET" autocomplete="off">
|
||||
<div class="search-block-item">
|
||||
<div class="form-group" style="width: 120px">
|
||||
<label for="email">Email</label>
|
||||
<input type="search" class="form-control" id="email" name="email" value='<?= isset($email) ? $email : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group" style="width: 120px">
|
||||
<label for="title">Title</label>
|
||||
<input type="search" class="form-control" id="title" name="title" value='<?= isset($title) ? $title : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group" style="width: 50px">
|
||||
<label for="pool">Pool</label>
|
||||
<input type="search" class="form-control" id="pool" name="pool" value='<?= isset($pool) ? $pool : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group" style="width: 50px">
|
||||
<label for="card_id">Card ID</label>
|
||||
<input type="search" class="form-control" id="card_id" name="card_id" value='<?= isset($card_id) ? $card_id : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group" style="width: 50px">
|
||||
<label for="search_text">Status</label>
|
||||
<input type="search" class="form-control" id="status" name="status" value='<?= isset($status) ? $status : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="from_date">Added</label>
|
||||
<div class="default_date">
|
||||
<label for="default_date">One Last Month</label>
|
||||
<input type="checkbox" id="default_date" name="default_date" <?= $default_date === 'on' ? 'checked' : '' ?>>
|
||||
</div>
|
||||
<div class="search-by-date">
|
||||
<input type="search" class="form-control" id="from_date" name="from_date" value='<?= isset($from_date) ? $from_date : '' ?>'>
|
||||
|
||||
<input type="search" class="form-control" id="to_date" name="to_date" value='<?= isset($to_date) ? $to_date : '' ?>'>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="action_hidden" value="search" />
|
||||
<div class="form-group">
|
||||
<button class="btn btn-primary btn-search" type="submit">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<?= $link ?>
|
||||
<div class="panel panel-flat">
|
||||
<div class="table-responsive">
|
||||
<?= $carpool_table ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-flat">
|
||||
<div class="table-responsive"> </div>
|
||||
</div>
|
||||
<!-- /support tickets -->
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<!-- Recent Members -->
|
||||
<div class="panel panel-flat" style="background-color: #ccffff; height: 800px;">
|
||||
<div id="transp_detail">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Process</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Recent Members -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /dashboard content -->
|
||||
<script src="/assets/js/plugins/pickers/datepicker.js"></script>
|
||||
<script src="/assets/js/app.js"></script>
|
||||
<script>
|
||||
$('document').ready(function() {
|
||||
function enableDateInput() {
|
||||
$('#from_date, #to_date').val('');
|
||||
$('#from_date, #to_date').prop('readonly', false);
|
||||
$('#from_date, #to_date').css('pointer-events', 'auto');
|
||||
}
|
||||
|
||||
function disableDateInput() {
|
||||
setDefaultDateWithMonths('.search-block', 1);
|
||||
$('#from_date, #to_date').prop('readonly', true);
|
||||
$('#from_date, #to_date').css('pointer-events', 'none');
|
||||
}
|
||||
|
||||
// add library datepicker
|
||||
addDatePicker('#from_date, #to_date');
|
||||
|
||||
// detect change of checkbox
|
||||
$('#default_date').on('change', function() {
|
||||
if ($(this).prop('checked')) {
|
||||
disableDateInput();
|
||||
} else {
|
||||
enableDateInput();
|
||||
}
|
||||
})
|
||||
|
||||
// When init page default date checked
|
||||
const checked = <?= $default_date === 'on' ? 'true' : 'false' ?>;
|
||||
if (checked) {
|
||||
disableDateInput();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<style>
|
||||
.search-block-item {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.search-by-date {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.search-by-date input {
|
||||
width: 95px;
|
||||
}
|
||||
|
||||
.default_date {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btn-search {
|
||||
top: 27px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,157 @@
|
||||
<!-- Dashboard content -->
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Support tickets -->
|
||||
<div class="panel panel-white">
|
||||
<!-- overall summary -->
|
||||
<?php if ( $overall_summary ): ?>
|
||||
<?php
|
||||
$overall_report = array();
|
||||
|
||||
array_walk( $overall_summary, function( $v, $k ) use ( &$overall_report ) {
|
||||
$overall_report[ $v['location'] ][] = array(
|
||||
'last_24hours' => $v['last_24hours'],
|
||||
'last_7days' => $v['last_7days'],
|
||||
'last_14days' => $v['last_14days'],
|
||||
'last_30days' => $v['last_30days'],
|
||||
'total_sub' => $v['total_sub'],
|
||||
'total_redeem' => $v['total_redeem'],
|
||||
'total_deals' => $v['cardid']
|
||||
);
|
||||
} );
|
||||
|
||||
$overall_total = array();
|
||||
array_walk( $overall_report, function( $value, $key ) use ( &$overall_total ) {
|
||||
$overall_total[ $key ]['last_24hours'] = array_sum( array_map( function( $e ) { return $e['last_24hours']; }, $value ) );
|
||||
$overall_total[ $key ]['last_7days'] = array_sum( array_map( function( $e ) { return $e['last_7days']; }, $value ) );
|
||||
$overall_total[ $key ]['last_14days'] = array_sum( array_map( function( $e ) { return $e['last_14days']; }, $value ) );
|
||||
$overall_total[ $key ]['last_30days'] = array_sum( array_map( function( $e ) { return $e['last_30days']; }, $value ) );
|
||||
$overall_total[ $key ]['total_sub'] = array_sum( array_map( function( $e ) { return $e['total_sub']; }, $value ) );
|
||||
$overall_total[ $key ]['total_redeem'] = array_sum( array_map( function( $e ) { return $e['total_redeem']; }, $value ) );
|
||||
$overall_total[ $key ]['total_deals'] = count( array_map( function( $e ) { return $e['total_redeem']; }, $value ) );
|
||||
} );
|
||||
?>
|
||||
<h3>Overall Summary</h3>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-bordered table-condensed">
|
||||
<thead class="bg-indigo">
|
||||
<tr>
|
||||
<th style="border-top: 1px solid #bbb;">Location</th>
|
||||
<th style="border-top: 1px solid #bbb;">Total Deals</th>
|
||||
<th style="border-top: 1px solid #bbb;">Total Subscribed in past 24 hours</th>
|
||||
<th style="border-top: 1px solid #bbb;">Total Subscribed in past 7 days</th>
|
||||
<th style="border-top: 1px solid #bbb;">Total Subscribed in past 14 days</th>
|
||||
<th style="border-top: 1px solid #bbb;">Total Subscribed in past 30 days</th>
|
||||
<th style="border-top: 1px solid #bbb;">Total Subscribed All Time</th>
|
||||
<th style="border-top: 1px solid #bbb;">Deals Redeemed</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ( $overall_total as $key => $item ): ?>
|
||||
<tr>
|
||||
<th><?php echo $key; ?></th>
|
||||
<td><?php echo $item['total_deals']; ?></td>
|
||||
<td><?php echo $item['last_24hours']; ?></td>
|
||||
<td><?php echo $item['last_7days']; ?></td>
|
||||
<td><?php echo $item['last_14days']; ?></td>
|
||||
<td><?php echo $item['last_30days']; ?></td>
|
||||
<td><?php echo $item['total_sub']; ?></td>
|
||||
<td><?php echo $item['total_redeem']; ?></td>
|
||||
</tr>
|
||||
<?php endforeach ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
|
||||
<!-- deals summary -->
|
||||
<div class="panel panel-flat">
|
||||
<h3>Deals Summary</h3>
|
||||
<div class="wrap-support-bar">
|
||||
<div class="pagination"><?php echo $link; ?></div>
|
||||
<div class="filter">
|
||||
<form class="search-block" action="/subscription/subscribed_deals/" method="GET" autocomplete="off">
|
||||
<div class="search-block-item">
|
||||
<div class="form-group" style="width: 80px" data-label="Card ID">
|
||||
<input type="search" class="form-control"
|
||||
name="card_id" value="<?= isset($card_id) ? $card_id : '' ?>"
|
||||
style="max-width: 100px"
|
||||
onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')">
|
||||
</div>
|
||||
<div class="form-group" data-label="Deal Name">
|
||||
<input type="search" class="form-control" name="name" value='<?= $name ?? ''; ?>'>
|
||||
</div>
|
||||
<div class="form-group" style="width: 102px" data-label="Location">
|
||||
<input type="search" class="form-control" name="location" value="<?= $location ?? ''; ?>">
|
||||
</div>
|
||||
<div class="form-group" style="width: 100px" data-label="Points">
|
||||
<?php echo $points; ?>
|
||||
</div>
|
||||
<input type="hidden" name="action_hidden" value="search" />
|
||||
<div class="form-group">
|
||||
<button class="btn btn-primary btn-search" type="submit">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-flat">
|
||||
<div class="table-responsive">
|
||||
<?php echo $summary_report; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /dashboard content -->
|
||||
<script src="/assets/js/plugins/pickers/datepicker.js"></script>
|
||||
<script src="/assets/js/app.js"></script>
|
||||
<script type="text/javascript">
|
||||
// datatable init
|
||||
$('.deals-subscribed').DataTable();
|
||||
</script>
|
||||
<style>
|
||||
.search-block-item {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.search-block-item .form-control{
|
||||
padding: 4px 6px !important;
|
||||
}
|
||||
.search-block-item .search-by-date{
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.search-by-date {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.search-by-date input {
|
||||
width: 95px;
|
||||
}
|
||||
|
||||
.default_date {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wrap-support-bar {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
.wrap-support-bar .pagination {
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.wrap-support-bar .filter .form-group::before {
|
||||
content: attr(data-label);
|
||||
position: absolute;
|
||||
bottom: 35px;
|
||||
}
|
||||
|
||||
.wrap-support-bar .filter .form-group {
|
||||
margin-right: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,167 @@
|
||||
|
||||
<!-- Dashboard content -->
|
||||
<div class="row">
|
||||
<div class="col-lg-9">
|
||||
<!-- Support tickets -->
|
||||
<div class="panel panel-flat">
|
||||
</div>
|
||||
<!-- Support tickets -->
|
||||
<div class="panel panel-white">
|
||||
<form class="search-block" action="/subscription/subscriptionreport/" method="GET" autocomplete="off">
|
||||
<div class="search-block-item">
|
||||
<div class="form-group" style="width: 80px">
|
||||
<label for="email">ID</label>
|
||||
<input type="search" class="form-control" id="id"
|
||||
name="id" value='<?= isset($id) ? $id : '' ?>'
|
||||
style="max-width: 100px"
|
||||
onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">Email</label>
|
||||
<input type="search" class="form-control" id="email" name="email" value='<?= isset($email) ? $email : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="title">Description</label>
|
||||
<input type="search" class="form-control" id="title" name="title" value='<?= isset($title) ? $title : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group" style="width: 102px">
|
||||
<label for="card_receipts">Card Reciept</label>
|
||||
<input type="search" class="form-control" id="card_receipts" name="card_receipts" value="<?= $card_receipts??'' ?>">
|
||||
</div>
|
||||
<div class="form-group" style="width: 92px">
|
||||
<label for="reciept_count">Num Reciepts</label>
|
||||
<input type="number" class="form-control" id="reciept_count" name="reciept_count" value="<?= $reciept_count??'' ?>">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="from_date">Date Subscribed</label>
|
||||
<div class="default_date">
|
||||
<label for="default_date">One Last Month</label>
|
||||
<input type="checkbox" id="default_date" name="default_date" <?= $default_date === 'on' ? 'checked' : '' ?>>
|
||||
</div>
|
||||
<div class="search-by-date">
|
||||
<input type="search" class="form-control" id="from_date" name="from_date" value='<?= isset($from_date) ? $from_date : '' ?>'>
|
||||
|
||||
<input type="search" class="form-control" id="to_date" name="to_date" value='<?= isset($to_date) ? $to_date : '' ?>'>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Ready</label>
|
||||
<?= $card_ready ?>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Dt. Completed</label>
|
||||
<?= $card_completed ?>
|
||||
</div>
|
||||
<input type="hidden" name="action_hidden" value="search" />
|
||||
<div class="form-group">
|
||||
<button class="btn btn-primary btn-search" type="submit">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<?= $link ?>
|
||||
<div class="panel panel-flat">
|
||||
<div class="table-responsive">
|
||||
<?= $subscription_table ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-flat">
|
||||
<div class="table-responsive">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /support tickets -->
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<!-- Recent Members -->
|
||||
<div class="panel panel-flat" style="background-color: #ccffff; height: 800px;">
|
||||
<div id="sub_detail">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Process</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Recent Members -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /dashboard content -->
|
||||
<script src="/assets/js/plugins/pickers/datepicker.js"></script>
|
||||
<script src="/assets/js/app.js"></script>
|
||||
<script type="text/javascript">
|
||||
function processSubscription(assign_id) {
|
||||
//alert( subscripion_id );
|
||||
$('#sub_detail').html('Processing...');
|
||||
$('#subb' + assign_id).prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/subscription/procSubscription?proc=PROCESS&assign_id=" + assign_id
|
||||
}).done(function(data) {
|
||||
$('#sub_detail').html(data);
|
||||
$('#subb' + assign_id).prop('disabled', false);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
$('document').ready(function() {
|
||||
function enableDateInput() {
|
||||
$('#from_date, #to_date').val('');
|
||||
$('#from_date, #to_date').prop('readonly', false);
|
||||
$('#from_date, #to_date').css('pointer-events', 'auto');
|
||||
}
|
||||
|
||||
function disableDateInput() {
|
||||
setDefaultDateWithMonths('.search-block', 1);
|
||||
$('#from_date, #to_date').prop('readonly', true);
|
||||
$('#from_date, #to_date').css('pointer-events', 'none');
|
||||
}
|
||||
|
||||
// add library datepicker
|
||||
addDatePicker('#from_date, #to_date');
|
||||
|
||||
// detect change of checkbox
|
||||
$('#default_date').on('change', function() {
|
||||
if ($(this).prop('checked')) {
|
||||
disableDateInput();
|
||||
} else {
|
||||
enableDateInput();
|
||||
}
|
||||
})
|
||||
|
||||
// When init page default date checked
|
||||
const checked = <?= $default_date === 'on' ? 'true' : 'false' ?>;
|
||||
if (checked) {
|
||||
disableDateInput();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<style>
|
||||
.search-block{
|
||||
padding: 12px 5px 4px 5px;
|
||||
}
|
||||
.search-block-item {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.search-block-item .form-control{
|
||||
padding: 4px 6px !important;
|
||||
}
|
||||
.search-block-item .search-by-date{
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.search-by-date {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.search-by-date input {
|
||||
width: 95px;
|
||||
}
|
||||
|
||||
.default_date {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btn-search {
|
||||
top: 27px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,150 @@
|
||||
<!-- Dashboard content -->
|
||||
<div class="row">
|
||||
<div class="col-lg-9">
|
||||
<!-- Support tickets -->
|
||||
<div class="panel panel-flat">
|
||||
</div>
|
||||
<!-- Support tickets -->
|
||||
<div class="panel panel-white">
|
||||
<form class="search-block" action="/subscription/surveyreport/" method="GET" autocomplete="off">
|
||||
<div class="search-block-item">
|
||||
<div class="form-group" style="width: 70px">
|
||||
<label for="member_id">Member ID</label>
|
||||
<input type="search" class="form-control" id="member_id" name="member_id" value='<?= isset($member_id) ? $member_id : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="title">Description</label>
|
||||
<input type="search" class="form-control" id="description" name="description" value='<?= isset($description) ? $description : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group" style="width: 100px">
|
||||
<label for="answer">Answer</label>
|
||||
<input type="search" class="form-control" id="answer" name="answer" value='<?= isset($answer) ? $answer : '' ?>'>
|
||||
</div>
|
||||
|
||||
<div class="form-group" style="width: 50px">
|
||||
<label for="action">Action</label>
|
||||
<input type="search" class="form-control" id="action" name="action" value='<?= isset($action) ? $action : '' ?>'>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="search_text">Status</label>
|
||||
<?= $card_status ?>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="from_date">Date</label>
|
||||
<div class="default_date">
|
||||
<label for="default_date">One Last Month</label>
|
||||
<input type="checkbox" id="default_date" name="default_date" <?= $default_date === 'on' ? 'checked' : '' ?>>
|
||||
</div>
|
||||
<div class="search-by-date">
|
||||
<input type="search" class="form-control" id="from_date" name="from_date" value='<?= isset($from_date) ? $from_date : '' ?>'>
|
||||
|
||||
<input type="search" class="form-control" id="to_date" name="to_date" value='<?= isset($to_date) ? $to_date : '' ?>'>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="action_hidden" value="search" />
|
||||
<div class="form-group">
|
||||
<button class="btn btn-primary btn-search" type="submit">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<?= $link ?>
|
||||
<div class="panel panel-flat">
|
||||
<div class="table-responsive">
|
||||
<?= $subscription_table ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-flat">
|
||||
<div class="table-responsive">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /support tickets -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<!-- Recent Members -->
|
||||
<div class="panel panel-flat" style="background-color: #ccffff; height: 800px;">
|
||||
<div id="sub_detail">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Process</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Recent Members -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /dashboard content -->
|
||||
<script src="/assets/js/plugins/pickers/datepicker.js"></script>
|
||||
<script src="/assets/js/app.js"></script>
|
||||
<script type="text/javascript">
|
||||
function processSubscription(assign_id) {
|
||||
//alert( subscripion_id );
|
||||
$('#sub_detail').html('Processing...');
|
||||
$('#subb' + assign_id).prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/subscription/procSubscription?proc=PROCESS&assign_id=" + assign_id
|
||||
}).done(function(data) {
|
||||
$('#sub_detail').html(data);
|
||||
$('#subb' + assign_id).prop('disabled', false);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
$('document').ready(function() {
|
||||
function enableDateInput() {
|
||||
$('#from_date, #to_date').val('');
|
||||
$('#from_date, #to_date').prop('readonly', false);
|
||||
$('#from_date, #to_date').css('pointer-events', 'auto');
|
||||
}
|
||||
|
||||
function disableDateInput() {
|
||||
setDefaultDateWithMonths('.search-block', 1);
|
||||
$('#from_date, #to_date').prop('readonly', true);
|
||||
$('#from_date, #to_date').css('pointer-events', 'none');
|
||||
}
|
||||
|
||||
// add library datepicker
|
||||
addDatePicker('#from_date, #to_date');
|
||||
|
||||
// detect change of checkbox
|
||||
$('#default_date').on('change', function() {
|
||||
if ($(this).prop('checked')) {
|
||||
disableDateInput();
|
||||
} else {
|
||||
enableDateInput();
|
||||
}
|
||||
})
|
||||
|
||||
// When init page default date checked
|
||||
const checked = <?= $default_date === 'on' ? 'true' : 'false' ?>;
|
||||
if (checked) {
|
||||
disableDateInput();
|
||||
}
|
||||
})
|
||||
//initMap();
|
||||
//
|
||||
</script>
|
||||
<style>
|
||||
.search-block-item {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.search-by-date {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.search-by-date input {
|
||||
width: 95px;
|
||||
}
|
||||
|
||||
.default_date {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btn-search {
|
||||
top: 27px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user