ok
Mini Shell
<?php (defined('BASEPATH')) OR exit('No direct script access allowed'); ?>
<?php
$v = "?v=1";
if ($this->input->post('product')){
$v .= "&product=".$this->input->post('product');
}
if ($this->input->post('start_date')){
$v .= "&start_date=".$this->input->post('start_date');
}
if ($this->input->post('end_date')) {
$v .= "&end_date=".$this->input->post('end_date');
}
?>
<script type="text/javascript">
$(document).ready(function() {
function status(x) {
var paid = '<?= lang('paid'); ?>';
var partial = '<?= lang('partial'); ?>';
var due = '<?= lang('due'); ?>';
if (x == 'paid') {
return '<div class="text-center"><span class="sale_status label label-success">'+paid+'</span></div>';
} else if (x == 'partial') {
return '<div class="text-center"><span class="sale_status label label-primary">'+partial+'</span></div>';
} else if (x == 'due') {
return '<div class="text-center"><span class="sale_status label label-danger">'+due+'</span></div>';
} else {
return '<div class="text-center"><span class="sale_status label label-default">'+x+'</span></div>';
}
}
var table = $('#SLRData').DataTable({
'ajax' : { url: '<?=site_url('reports/get_all_sale_items/'. $v);?>', type: 'POST', "data": function ( d ) {
d.<?=$this->security->get_csrf_token_name();?> = "<?=$this->security->get_csrf_hash()?>";
}},
"buttons": [
{ extend: 'copyHtml5', 'footer': true, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5, 6, 7 ] } },
{ extend: 'excelHtml5', 'footer': true, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5, 6, 7 ] } },
{ extend: 'csvHtml5', 'footer': true, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5, 6, 7 ] } },
{ extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': true,
exportOptions: { columns: [ 0, 1, 2, 3, 4, 5, 6, 7 ] } },
{ extend: 'colvis', text: 'Columns'},
],
"pageLength": 25,
"aaSorting": [[ 1, "desc" ]],
"columns": [
{ "data": "sale_items_id", "visible": false },
{ "data": "hold_ref", "className": "text-center" },
{ "data": "sale_date", "className": "text-center" },
{ "data": "customer_name", "className": "text-center" },
{ "data": "product_name", "className": "text-center"},
{ "data": "quantity", "className": "text-center"},
{ "data": "product_type", "className": "text-center"},
{ "data": "due_date", "className": "text-center" }
],
"footerCallback": function ( tfoot, data, start, end, display ) {
var api = this.api(), data;
$(api.column(5).footer()).html( cf(api.column(5).data().reduce( function (a, b) { return pf(a) + pf(b); }, 0)) );
/*$(api.column(4).footer()).html( cf(api.column(4).data().reduce( function (a, b) { return pf(a) + pf(b); }, 0)) );
$(api.column(6).footer()).html( cf(api.column(6).data().reduce( function (a, b) { return pf(a) + pf(b); }, 0)) );
$(api.column(7).footer()).html( cf(api.column(7).data().reduce( function (a, b) { return pf(a) + pf(b); }, 0)) );*/
}
});
$('#search_table').on( 'keyup change', function (e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (((code == 13 && table.search() !== this.value) || (table.search() !== '' && this.value === ''))) {
table.search( this.value ).draw();
}
});
table.columns().every(function () {
var self = this;
$( 'input.datepicker', this.footer() ).on('dp.change', function (e) {
self.search( this.value ).draw();
});
$( 'input:not(.datepicker)', this.footer() ).on('keyup change', function (e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (((code == 13 && self.search() !== this.value) || (self.search() !== '' && this.value === ''))) {
self.search( this.value ).draw();
}
});
$( 'select', this.footer() ).on( 'change', function (e) {
self.search( this.value ).draw();
});
});
});
</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-sm-12">
<div class="box box-primary">
<div class="box-header">
<a href="#" class="btn btn-default btn-sm toggle_form pull-right"><?= lang("show_hide"); ?></a>
<h3 class="box-title"><?= lang('customize_report'); ?></h3>
</div>
<div class="box-body">
<div id="form" class="panel panel-warning">
<div class="panel-body">
<?= form_open("reports/sale_items_report");?>
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<label class="control-label" for="product"><?= lang("product"); ?></label>
<?php
$pro[0] = lang("select")." ".lang("product");
foreach($products as $product){
$pro[$product->id] = $product->name;
}
echo form_dropdown('product', $pro, set_value('product'), 'class="form-control select2" style="width:100%" id="product"'); ?>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="control-label" for="start_date"><?= lang("start_date"); ?></label>
<input type="date" name="start_date" class="form-control" id="start_date">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="control-label" for="end_date"><?= lang("end_date"); ?></label>
<input type="date" name="end_date" class="form-control" id="end_date">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="control-label" for="submit"> </label><br>
<button type="submit" class="btn btn-primary"><?= lang("submit"); ?></button>
</div>
</div>
</div>
<?= form_close();?>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-sm-12">
<div class="table-responsive">
<table id="SLRData" class="table table-striped table-bordered table-condensed table-hover">
<thead>
<tr>
<td colspan="8" class="p0"><input type="text" class="form-control b0" name="search_table" id="search_table" placeholder="<?= lang('type_hit_enter'); ?>" style="width:100%;"></td>
</tr>
<tr class="active">
<th style="max-width:30px;"><?= lang("id"); ?></th>
<th class="col-sm-2">DC Number</th>
<th class="col-sm-2"><?= lang("date"); ?></th>
<th class="col-sm-2">Customer Name</th>
<th class="col-sm-2">Product Name</th>
<th class="col-sm-2">Product Quantity</th>
<th class="col-sm-2">Product Type</th>
<th class="col-sm-1">Due Date</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8" class="dataTables_empty"><?= lang('loading_data_from_server'); ?></td>
</tr>
</tbody>
<tfoot>
<tr class="active">
<th style="max-width:30px;"><input type="text" class="text_filter" placeholder="[<?= lang('id'); ?>]"></th>
<th class="col-sm-1">DC Number</th>
<th class="col-sm-2"><span class="datepickercon"><input type="text" class="text_filter datepicker" placeholder="[<?= lang('date'); ?>]"></span></th>
<th class="col-sm-2"><input type="text" class="text_filter" placeholder="[<?= lang('customer'); ?>]"></th>
<th class="col-sm-1">Customer Name</th>
<th class="col-sm-1">Product Quantity</th>
<th class="col-sm-1">Product Type</th>
<th class="col-sm-2">Due Date</th>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
<?php if ($this->input->post('customer')) { ?>
<div class="row">
<div class="col-md-3">
<button class="btn bg-purple btn-lg btn-block" style="cursor:default;">
<strong><?= $this->tec->formatMoney($total_sales->number, 0); ?></strong>
<?= lang("sales"); ?>
</button>
</div>
<div class="col-md-3">
<button class="btn btn-primary btn-lg btn-block" style="cursor:default;">
<strong><?= $this->tec->formatMoney($total_sales->amount); ?></strong>
<?= lang("amount"); ?>
</button>
</div>
<div class="col-md-3">
<button class="btn btn-success btn-lg btn-block" style="cursor:default;">
<strong><?= $this->tec->formatMoney($total_sales->paid); ?></strong>
<?= lang("paid"); ?>
</button>
</div>
<div class="col-md-3">
<button class="btn btn-warning btn-lg btn-block" style="cursor:default;">
<strong><?= $this->tec->formatMoney($total_sales->amount-$total_sales->paid); ?></strong>
<?= lang("due"); ?>
</button>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<script src="<?= $assets ?>plugins/bootstrap-datetimepicker/js/moment.min.js" type="text/javascript"></script>
<script src="<?= $assets ?>plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('.datetimepicker').datetimepicker({
format: 'YYYY-MM-DD HH:mm'
});
$('.datepicker').datetimepicker({format: 'YYYY-MM-DD', showClear: true, showClose: true, useCurrent: false, widgetPositioning: {horizontal: 'auto', vertical: 'bottom'}, widgetParent: $('.dataTable tfoot')});
});
</script>
Zerion Mini Shell 1.0