ok
Mini Shell
<?php include "header.php";?>
<div class="content-wrapper">
<!--<section class="content-header">
<h1>Invoice Details</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Invoice Details</li> </ol>
</section>-->
<div class="col-lg-12 alerts">
<div id="custom-alerts" style="display:none;">
<div class="alert alert-dismissable">
<div class="custom-msg"></div>
</div>
</div>
<?php if ($error) { ?>
<div class="alert alert-danger alert-dismissable">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4><i class="icon fa fa-ban"></i> Error</h4>
<?= $error; ?>
</div>
<?php } if ($warning) { ?>
<div class="alert alert-warning alert-dismissable">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4><i class="icon fa fa-warning"></i> warning</h4>
<?= $warning; ?>
</div>
<?php } if ($message) { ?>
<div class="alert alert-success alert-dismissable">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4> <i class="icon fa fa-check"></i> Success</h4>
<?= $site_name; ?>
</div>
<?php } ?>
</div>
<div class="clearfix"></div>
<script type="text/javascript">
$(document).ready(function() {
emp_data();
function emp_data(){
var client =$('#client').val();
var payment_status =$('#payment_status').val();
var start_date =$('#start_date').val();
var end_date =$('#end_date').val();
var search_table =$('#search_table').val();
var financial_year =$('#financial_year').val();
var submitted_status =$('#submitted_status').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'api/invoice-data-table.php',
data:{client:client,payment_status:payment_status,start_date:start_date,end_date:end_date,search:search_table,financial_year:financial_year,submitted_status:submitted_status},
type: 'POST'},
bDestroy: true,
"buttons": [
{ extend: 'copyHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5,6,7,8,9,10,11,12,13,14,15 ] } },
{ extend: 'excelHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5,6,7,8,9,10,11,12,13,14,15 ] } },
{ extend: 'csvHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5,6,7,8,9,10,11,12,13,14,15 ] } },
{ extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': false,
exportOptions: { columns: [ 0, 1, 2, 3, 4, 5,6,7,8,9,10,11,12,13,14,15 ] } },
{ extend: 'colvis', text: 'Columns'},
]
});
count();
}
function count(){
$('#c').empty();
var client =$('#client').val();
var payment_status =$('#payment_status').val();
var start_date =$('#start_date').val();
var end_date =$('#end_date').val();
var search_table =$('#search_table').val();
var financial_year =$('#financial_year').val();
var submitted_status =$('#submitted_status').val();
$.ajax({
type: 'POST',
url: 'api/invoice-count-api.php',
data:{client:client,payment_status:payment_status,start_date:start_date,end_date:end_date,search:search_table,financial_year:financial_year,submitted_status:submitted_status},
success: function(response) {
console.log(response);
$('#c').append(response);
}
});
}
$('#search_table').keyup(function() {
var client =$('#client').val();
var payment_status =$('#payment_status').val();
var start_date =$('#start_date').val();
var end_date =$('#end_date').val();
var search_table =$('#search_table').val();
var financial_year =$('#financial_year').val();
var submitted_status =$('#submitted_status').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'api/invoice-data-table.php',
data:{client:client,payment_status:payment_status,start_date:start_date,end_date:end_date,search:search_table,financial_year:financial_year,submitted_status:submitted_status},
type: 'POST'},
bDestroy: true,
"buttons": [
{ extend: 'copyHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5,6,7,8,9,10,11,12,13,14,15 ] } },
{ extend: 'excelHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5,6,7,8,9,10,11,12,13,14,15 ] } },
{ extend: 'csvHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5,6,7,8,9,10,11,12,13,14,15 ] } },
{ extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': false,
exportOptions: { columns: [ 0, 1, 2, 3, 4, 5,6,7,8,9,10,11,12,13,14,15 ] } },
{ extend: 'colvis', text: 'Columns'},
]
});
document.getElementById("search_table").focus();
});
$('#client,#payment_status,#start_date,#end_date,#financial_year,#submitted_status').change(function() {
emp_data();
});
$('#filter').click(function() {
emp_data();
});
});
function delete_item(id){
let text = "If Confirm you want to Delete this Invoice!";
if (confirm(text) == true) {
$.ajax({
type: 'POST',
url: 'api/delete.php',
data: {type:'invoice_delete',delete_id:id},
success: function(response) {
console.log(response);
emp_datas();
}
});
}
}
function emp_datas(){
var client =$('#client').val();
var payment_status =$('#payment_status').val();
var start_date =$('#start_date').val();
var end_date =$('#end_date').val();
var search_table =$('#search_table').val();
var financial_year =$('#financial_year').val();
var submitted_status =$('#submitted_status').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'api/invoice-data-table.php',
data:{client:client,payment_status:payment_status,start_date:start_date,end_date:end_date,search:search_table,financial_year:financial_year,submitted_status:submitted_status},
type: 'POST'},
bDestroy: true,
"buttons": [
{ extend: 'copyHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ] } },
{ extend: 'excelHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ] } },
{ extend: 'csvHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ] } },
{ extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': false,
exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ] } },
{ extend: 'colvis', text: 'Columns'},
]
});
}
</script>
<script type="text/javascript">
$(document).ready(function(){
/*$('#form').hide();
$('.toggle_form').click(function(){
$("#form").slideToggle();
return false;
});*/
});
</script>
<section class="content">
<div class="row">
<div class="col-xs-12">
<div style="background:white;">
<div class="box-header">
<!-- <a href="#" class="btn btn-default btn-sm toggle_form pull-right" style='margin-left: 5px;'>
Show/Hide</a>-->
<a href="invoice-add.php" class="btn btn-success btn-sm pull-right"><i class="fa fa-plus-circle"></i> Add Invoice</a>
<h3 class="box-title">Invoice List</h3>
</div>
<div class="box-body">
<div id="form" class="panel panel-warning">
<div class="panel-body">
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<label class="control-label" for="customer">Select Client</label>
<select name="client" class="form-control select2" style="width:100%" id="client">
<option value="0">All Client</option>
<?php $statement = $pdo->prepare("SELECT * FROM `tbl_client` where type=1");
$statement->execute();
$location_result = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach ($location_result as $result) {
echo "<option value=".$result['id'].">".$result['name']."</option>";
}?>
</select>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="control-label" for="user">Payment Status</label>
<select name="payment_status" class="form-control select2" id="payment_status" data-placeholder="Payment Method" style="width:100%;">
<option value="0">All</option>
<option value="1">Fully Paid</option>
<option value="2">Partially Paid</option>
<option value="3">Un-Paid</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label class="required" for="location">Financial Year</label>
<select name="financial_year" class="form-control select2" id="financial_year" data-placeholder="Payment Method" style="width:100%;">
<option value="0">All Year</option>
<?php for($y=2020;$y<2035;$y++){ $f_y=$y."-".($y+1-2000);?>
<option value="<?=$f_y?>" <?php if(isset($_GET['financial_year']) && $_GET['financial_year']==$f_y){echo "selected";}?>><?=$f_y?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-sm-3" hidden>
<div class="form-group">
<label class="control-label" for="user">Submitted Status</label>
<select name="submitted_status" class="form-control select2" id="submitted_status" data-placeholder="Payment Method" style="width:100%;">
<option value="0">All</option>
<option value="1">Submitted</option>
<option value="2">Not Submitted</option>
</select>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<label class="control-label" for="start_date">Start Date</label>
<input type="text" name="start_date" value="<?php if(isset($_GET['start_date'])){ echo $_GET['start_date']; } ?>" class="form-control datetimepicker" id="start_date" />
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<label class="control-label" for="end_date">End Date</label>
<input type="text" name="end_date" value="<?php if(isset($_GET['end_date'])){ echo $_GET['end_date']; } ?>" class="form-control datetimepicker" id="end_date" />
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<label class="control-label" for="end_date">Action</label><br>
<button id="filter" type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
<div id="c"></div>
</div>
</div>
<div class="clearfix"></div>
<div id="c"></div>
<div class="table-responsive">
<table id="StData" class="table table-striped table-bordered table-condensed table-hover" style="margin-bottom:5px;">
<thead>
<tr>
<td colspan="17" class="p0"><input type="text" class="form-control b0" name="search_table" id="search_table" placeholder="Search Here" style="width:100%;background-color: darkblue;color: white;"></td>
</tr>
<tr class="active">
<th style="min-width:100px;">Action</th>
<th>S.no</th>
<th>Invoice No</th>
<th>Period</th>
<th>Invoice Date</th>
<th>Without Tax Amount</th>
<th>Tax %</th>
<th>Tax Amount</th>
<th>Total Amount(including Tax)</th>
<th>Client Name</th>
<th>GST Number</th>
<th>Payment Status</th>
<th>Total Amount</th>
<th>Total Received</th>
<th>Total Reduction</th>
<th>Total Pending</th>
<!--<th>Submitted Status</th> -->
</tr>
</thead>
<tbody>
<tr>
<td colspan="17" class="dataTables_empty"><center> Loading Pls Wait Data</center></td>
</tr>
</tbody>
</table>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</section>
<?php include "footer.php";?>
Zerion Mini Shell 1.0