|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/kanvakanva.com/public_html/application/views/admin/customers/ |
Upload File : |
<section>
<h2>Customer Listing</h2>
<br>
<?= $this->session->flashdata('success'); //to display success message ?>
<?= $this->session->flashdata('result'); //to display result message ?>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.4/css/buttons.dataTables.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.flash.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.print.min.js"></script>
<!-- date range picker lib -->
<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script> -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<div class="row container">
<?= form_open('admin/customers/filter_date', 'class="form-inline"'); ?>
<div class="form-group">
<label for="inputsm">Join Date : </label>
<input type="text" name="daterange" class="form-control" size="21" value="<?= date("Y/m/d", strtotime($start_date)); ?> - <?= date("Y/m/d", strtotime($end_date)); ?>" />
</div>
<script type="text/javascript">
$('input[name="daterange"]').daterangepicker({
locale: {
format: 'YYYY/MM/DD'
}
});
</script>
<button type="submit" class="btn btn-primary">Submit</button>
<?= form_close() ?>
</div>
<div style="margin-top: 30px;">
<table id="example" class="display" style="width:100%">
<thead>
<tr>
<th>Customer</th>
<th>Email</th>
<th>Mobile/Phone</th>
<th>Address</th>
<th>District</th>
<th>Province</th>
<th>Post Code</th>
<th>Country</th>
<th>Join Date</th>
</tr>
</thead>
<tbody>
<?php foreach($customers as $customer): ?>
<tr>
<td><?= ucwords($customer->name); ?> </td>
<td><?= $customer->email; ?></td>
<td><?= $customer->phone; ?></td>
<td><?= ucwords($customer->address); ?></td>
<td><?= ucwords($customer->district); ?></td>
<td><?= ucwords($customer->province); ?></td>
<td><?= ucwords($customer->postcode); ?></td>
<td><?= ucwords($customer->country); ?></td>
<td><?= date('j M Y', strtotime($customer->join_date)); ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
<br>
<script type="text/javascript">
$(document).ready(function() {
$('#example').DataTable( {
ordering: false,
pageLength: 50,
dom: 'Bfrtip',
buttons: [
{
extend: 'excel',
title: 'Data Customers'
},
]
} );
} );
</script>
</section>