185 lines
8.2 KiB
PHP
185 lines
8.2 KiB
PHP
<style>
|
||
.dataTables_filter{
|
||
margin-top: -35px;
|
||
|
||
}
|
||
.buttons-csv{
|
||
background-color: white;
|
||
color: #002B60;
|
||
border-color: #000;
|
||
}
|
||
.test {
|
||
box-shadow: 0 2px 6px 0 rgba(0,86,193,.5);
|
||
cursor: pointer;
|
||
color: #fff;
|
||
font-size: 15px;
|
||
padding: 10px;
|
||
width: 55px;
|
||
height: 25px;
|
||
line-height: 8px;
|
||
background: #00B4D5;
|
||
border-radius: 5px;
|
||
font-weight: 500;
|
||
display: block;
|
||
}
|
||
/* th{
|
||
text-align: center;
|
||
} */
|
||
</style>
|
||
<!-- start page title -->
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="page-title-box page-title-box-alt">
|
||
<h4 class="page-title">Members</h4>
|
||
<div class="page-title-right">
|
||
<ol class="breadcrumb m-0">
|
||
<li class="breadcrumb-item"><a href="<?= base_url() ?>member_add">
|
||
<button type="button" class="btn btn-primary waves-effect waves-light">Add</button>
|
||
</a></li>
|
||
<!-- <li class="breadcrumb-item"><a href="javascript: void(0);">Tables</a></li>
|
||
<li class="breadcrumb-item active">Datatables</li> -->
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end page title -->
|
||
|
||
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
|
||
<!-- <h4 class="header-title">Buttons example</h4>
|
||
<p class="text-muted font-13 mb-4">
|
||
|
||
</p> -->
|
||
|
||
<table id="datatable-buttons" class="table table-striped dt-responsive nowrap w-100">
|
||
<thead>
|
||
<tr>
|
||
<th hidden>id</th>
|
||
<th>Name</th>
|
||
<th>Mobile</th>
|
||
<th>Email</th>
|
||
<th>Credits</th>
|
||
<th>Status</th>
|
||
<th>Action</th>
|
||
</tr>
|
||
</thead>
|
||
|
||
|
||
<tbody>
|
||
<?php foreach ($Membersdata as $row)
|
||
{ ?>
|
||
<tr>
|
||
<td hidden><?php echo $row['id'];?></td>
|
||
<td><?php echo $row['name'];?></td>
|
||
<td style="text-align: center;"><?php echo $row['mobile'];?></td>
|
||
<td><?php echo $row['email'];?></td>
|
||
<td class="credit_usage" style="text-align: center;" id="<?php echo md5($row['id']);?>"><span class="test"><?php echo $row['credits'];?></span></td>
|
||
<td><?php if($row['is_active'] == 1){ echo "Active"; }else{ echo "Deactive"; }?></td>
|
||
<td><a href="<?= base_url() ?>member_edit/<?php echo md5($row['id']);?>"><i class="mdi mdi-lead-pencil" style="font-size:18px;"></i></a>
|
||
<?php if ($row['is_active'] == 1) { ?>
|
||
<a href="<?= base_url() ?>member_deactivate/<?php echo md5($row['id']);?>"><i class="mdi mdi-account-check-outline" title="Deactivate" style="font-size:18px;"></i></a>
|
||
<?php } else { ?>
|
||
<a href="<?= base_url() ?>member_activate/<?php echo md5($row['id']);?>"><i class="mdi mdi-account-cancel-outline" title="Activate" style="font-size:18px;"></i></a>
|
||
<?php } ?>
|
||
|
||
<i class="mdi mdi-eye-outline transaction" id="<?php echo md5($row['id']);?>" style="font-size:18px;" title="Transactions"></i>
|
||
</td>
|
||
|
||
|
||
</tr>
|
||
<?php } ?>
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
</div> <!-- end card body-->
|
||
</div> <!-- end card -->
|
||
</div><!-- end col-->
|
||
</div>
|
||
<!-- end row-->
|
||
|
||
<!-- Modal content for the Large example -->
|
||
<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title" id="myLargeModalLabel"></h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
</div>
|
||
<div class="modal-body" id="model-table" >
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script>
|
||
$(document).on('click','.credit_usage',function(){
|
||
|
||
var member_id = $(this).closest('td').attr('id');
|
||
|
||
$.ajax({
|
||
url:"<?= base_url(); ?>view_credit_details/"+member_id,
|
||
method: 'GET',
|
||
success: function(response) {
|
||
$('#myLargeModalLabel').html('Credits Details')
|
||
$('#model-table').html(response);
|
||
$('#bs-example-modal-lg').modal('show');
|
||
},
|
||
error: function(xhr, status, error) {
|
||
// Handle the error here
|
||
console.error(error);
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
<script>
|
||
$(document).on('click','.transaction',function(){
|
||
|
||
var member_id = $(this).closest('i').attr('id');
|
||
|
||
$.ajax({
|
||
url:"<?= base_url(); ?>/transactions_list/"+member_id,
|
||
method: 'GET',
|
||
success: function(response) {
|
||
$('#myLargeModalLabel').html('Transaction Details')
|
||
$('#model-table').html(response);
|
||
$('#bs-example-modal-lg').modal('show');
|
||
},
|
||
error: function(xhr, status, error) {
|
||
// Handle the error here
|
||
console.error(error);
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
|
||
|
||
<script>
|
||
$(document).ready(function() {
|
||
$('#datatable-buttons').DataTable({
|
||
"order": [[0, 'desc']], // Set initial sorting to descending on the first column
|
||
"dom": 'Bfrtip', // Show export buttons
|
||
// "buttons": ['copy', 'csv', 'excel', 'pdf'], // Enable export options
|
||
// "language": {
|
||
// "search": "Search: " // Customize search label
|
||
// }
|
||
});
|
||
});
|
||
</script>
|
||
|
||
|