FEAT_UI_CHANGES_IN_REPORTS
This commit is contained in:
Srinivas-Saravanan
parent
9486dd1e7d
commit
660647bcf5
File diff suppressed because it is too large
Load Diff
@ -25,6 +25,15 @@
|
||||
<link href="<?php echo base_url(); ?>assets/css/app-creative-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet"><!-- icons -->
|
||||
<link href="<?php echo base_url(); ?>assets/css/icons.min.css" rel="stylesheet" type="text/css">
|
||||
<style>
|
||||
|
||||
.dataTable tbody td {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.mb-3, .my-3 {
|
||||
margin-top: -53px;
|
||||
margin-bottom: -27px !important;
|
||||
}
|
||||
.mb25{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
@ -38,6 +47,17 @@
|
||||
.left{
|
||||
|
||||
}
|
||||
|
||||
th::before {
|
||||
margin-top: -13px !important;
|
||||
top: 6px !important;
|
||||
}
|
||||
|
||||
th::after{
|
||||
/* display: inline-block; */
|
||||
/* text-align: center; */
|
||||
top: 0px !important;
|
||||
}
|
||||
|
||||
|
||||
/* .form-group {
|
||||
@ -45,12 +65,12 @@
|
||||
padding: 5px;
|
||||
} */
|
||||
.body {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.table {
|
||||
font-size: 9px;
|
||||
border-spacing:0px;
|
||||
font-size: 12px;
|
||||
border-spacing:10px;
|
||||
|
||||
|
||||
}
|
||||
@ -67,9 +87,9 @@
|
||||
.table tbody{
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
max-height: 350px;
|
||||
max-height: 700px;
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
/* font-weight: bold; */
|
||||
|
||||
}
|
||||
.table thead th{
|
||||
@ -95,26 +115,7 @@
|
||||
padding: 0.10rem;
|
||||
}
|
||||
|
||||
#toggle-column-modal-button, #scroll-horizontal-datatable_wrapper .buttons-csv, #scroll-horizontal-datatable_filter label{
|
||||
z-index: 99;
|
||||
position: relative;
|
||||
}
|
||||
#scroll-horizontal-datatable_filter label{
|
||||
margin-top:15px;
|
||||
margin-left:-236px;
|
||||
}
|
||||
#scroll-horizontal-datatable_filter{
|
||||
margin-left:-246px;
|
||||
margin-right: 880px;
|
||||
margin-top: -67px;
|
||||
}
|
||||
#scroll-horizontal-datatable_wrapper .buttons-csv{
|
||||
height: 36px;
|
||||
padding: 6px 20px;
|
||||
line-height: 17px;
|
||||
margin-left: 42px;
|
||||
margin-top: -46px;
|
||||
}
|
||||
|
||||
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
margin: 23px 0;
|
||||
}
|
||||
@ -211,23 +212,23 @@ div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
|
||||
<option selected="selected"value="6">VENDOR GST</option>
|
||||
<option selected="selected" value="7">RECIPIENT</option>
|
||||
<option selected="selected"value="8">RECIPIENT GST</option>
|
||||
<option value="8">RECIPIENT GST</option>
|
||||
<option selected="selected"value="9">INVOICE NUMBER</option>
|
||||
<option selected="selected"value="10">INVOICE DATE</option>
|
||||
<option selected="selected"value="11">HSN</option>
|
||||
<option value="11">HSN</option>
|
||||
<option selected="selected"value="12">TAXABLE VALUE</option>
|
||||
<option selected="selected"value="13">CGST VALUE</option>
|
||||
<option selected="selected"value="14">CGST RATE</option>
|
||||
<option selected="selected"value="15">SGST VALUE</option>
|
||||
<option selected="selected"value="17">SGST RATE</option>
|
||||
<option selected="selected"value="18">IGST VALUE</option>
|
||||
<option selected="selected"value="19">IGST RATE</option>
|
||||
<option selected="selected"value="20">TOTAL INVOICE VALUE</option>
|
||||
<option selected="selected"value="21">TOTAL VALUE</option>
|
||||
<option selected="selected"value="22">STATUS</option>
|
||||
<option selected="selected"value="23">TICKET TYPE</option>
|
||||
<option selected="selected"value="24">AIRLINE FILE NAME</option>
|
||||
<option selected="selected"value="25">EXTRACTION DATE</option>
|
||||
<option value="13">CGST VALUE</option>
|
||||
<option value="14">CGST RATE</option>
|
||||
<option value="15">SGST VALUE</option>
|
||||
<option value="16">SGST RATE</option>
|
||||
<option value="17">IGST VALUE</option>
|
||||
<option value="18">IGST RATE</option>
|
||||
<option selected="selected"value="19">TOTAL INVOICE VALUE</option>
|
||||
<option selected="selected"value="20">TOTAL VALUE</option>
|
||||
<option selected="selected"value="21">STATUS</option>
|
||||
<option selected="selected"value="22">TICKET TYPE</option>
|
||||
<option selected="selected"value="23">AIRLINE FILE NAME</option>
|
||||
<option selected="selected"value="24">EXTRACTION DATE</option>
|
||||
<!-- <option selected="selected"value="26">BATCH ID</option> -->
|
||||
<!-- <option selected="selected" value="0">Icon for Select Option</option> -->
|
||||
</select>
|
||||
@ -246,39 +247,39 @@ div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<table id="scroll-horizontal-datatable" class="table w-100 nowrap">
|
||||
<table id="scroll-horizontal-datatable" class="table table-striped nowrap w-100">
|
||||
|
||||
<thead>
|
||||
<button id="toggle-column-modal-button" class="btn btn-link" data-toggle="modal" data-target="#columnModal" style="
|
||||
<!-- <button id="toggle-column-modal-button" class="btn btn-link" data-toggle="modal" data-target="#columnModal" style="
|
||||
margin-top: -43px;
|
||||
margin-right: 1228px;
|
||||
"> <i class="fa fa-eye"></i> </button>
|
||||
"> <i class="fa fa-eye"></i> </button> -->
|
||||
<tr>
|
||||
<th hidden>S.NO</th>
|
||||
<th hidden>INVOICE ID</th>
|
||||
<th>PAX NAME</th>
|
||||
<th>PNR</th>
|
||||
<th>TICKET NO</th>
|
||||
<th>VENDOR</th>
|
||||
<th>VENDOR GST</th>
|
||||
<th>RECIPIENT</th>
|
||||
<th>RECIPIENT GST</th>
|
||||
<th>INVOICE NUMBER</th>
|
||||
<th>INVOICE DATE</th>
|
||||
<th>HSN</th>
|
||||
<th>TAXABLE VALUE</th>
|
||||
<th>CGST VALUE</th>
|
||||
<th>CGST RATE</th>
|
||||
<th>SGST VALUE</th>
|
||||
<th>SGST RATE</th>
|
||||
<th>IGST VALUE</th>
|
||||
<th>IGST RATE</th>
|
||||
<th>TOTAL INVOICE VALUE</th>
|
||||
<th>TOTAL VALUE</th>
|
||||
<th>TKT</th>
|
||||
<th hidden>VENDOR</th>
|
||||
<th hidden>VENDOR GST</th>
|
||||
<th>REC</th>
|
||||
<th >REC GST</th>
|
||||
<th>INV NUMBER</th>
|
||||
<th>INV DATE</th>
|
||||
<th >HSN</th>
|
||||
<th>TAX VAL</th>
|
||||
<th >CGST VAL</th>
|
||||
<th >CGST RATE</th>
|
||||
<th >SGST VAL</th>
|
||||
<th >SGST RATE</th>
|
||||
<th >IGST VAL</th>
|
||||
<th >IGST RATE</th>
|
||||
<th>TOT INV VAL</th>
|
||||
<th>TOT VAL</th>
|
||||
<th>STATUS</th>
|
||||
<th>TICKET TYPE</th>
|
||||
<th>TKT TYPE</th>
|
||||
<th>AIRLINE FILE NAME</th>
|
||||
<th>EXTRACTION DATE</th>
|
||||
<th>EXTR DATE</th>
|
||||
<th>BATCH ID</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@ -291,26 +292,27 @@ div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
<td><?php echo $value->pax_name; ?></td>
|
||||
<td><?php echo $value->pnr; ?></td>
|
||||
<td><?php echo $value->ticket_no; ?></td>
|
||||
<td><?php echo $value->vendor; ?></td>
|
||||
<td><?php echo $value->vendor_gst; ?></td>
|
||||
<td hidden><?php echo $value->vendor; ?></td>
|
||||
<td hidden><?php echo $value->vendor_gst; ?></td>
|
||||
<td><?php echo $value->recepient; ?></td>
|
||||
<td><?php echo $value->recepient_gst; ?></td>
|
||||
<td><?php echo $value->invoice_no?></td>
|
||||
<td><?php echo $value->invoice_dt; ?></td>
|
||||
<td><?php echo $value->hsn; ?></td>
|
||||
<td><?php echo $value->taxable_value; ?></td>
|
||||
<td><?php echo $value->cgst_value;?></td>
|
||||
<td><?php echo $value->cgst_rate; ?></td>
|
||||
<td><?php echo $value->sgst_value; ?></td>
|
||||
<td><?php echo $value->sgst_rate; ?></td>
|
||||
<td><?php echo $value->igst_value; ?></td>
|
||||
<td><?php echo $value->igst_rate; ?></td>
|
||||
<td><?php echo $value->total_inv_value; ?></td>
|
||||
<td><?php echo $value->total_values; ?></td>
|
||||
<td style="text-align: right;"><?php echo (int) $value->taxable_value; ?></td>
|
||||
<td style="text-align: right;"><?php echo (int) $value->cgst_value;?></td>
|
||||
<td style="text-align: right;"><?php echo (int) $value->cgst_rate; ?></td>
|
||||
<!-- <td hidden>kkk</td> -->
|
||||
<td style="text-align: right;"><?php echo (int) $value->sgst_value; ?></td>
|
||||
<td style="text-align: right;"><?php echo (int) $value->sgst_rate; ?></td>
|
||||
<td style="text-align: right;"><?php echo (int) $value->igst_value; ?></td>
|
||||
<td style="text-align: right;"><?php echo (int) $value->igst_rate; ?></td>
|
||||
<td style="text-align: right;"><?php echo (int) $value->total_inv_value; ?></td>
|
||||
<td style="text-align: right;"><?php echo (int) $value->total_values; ?></td>
|
||||
<td><?php echo $value->status; ?></td>
|
||||
<td><?php echo $value->ticket_type; ?></td>
|
||||
<td><?php echo $value->airline_file_name; ?></td>
|
||||
<td><?php echo $value->extraction_date; ?></td>
|
||||
<td><?php echo date('d-m-Y', strtotime($value->extraction_date)); ?></td>
|
||||
<td><?php echo $value->batch_id; ?></td><?php
|
||||
}
|
||||
?>
|
||||
@ -388,15 +390,25 @@ div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
$(document).ready(function() {
|
||||
|
||||
oTable = $("#scroll-horizontal-datatable").DataTable({
|
||||
lengthChange: !1,
|
||||
lengthChange: true,
|
||||
"paging": true,
|
||||
"lengthMenu": [10, 25, 50, 100],
|
||||
"pageLength": 50,
|
||||
|
||||
dom: 'Bfrtip',
|
||||
// dom: 'Bflrtip',
|
||||
"dom": '<"row mb-3"<"col-md-4 d-flex justify-content-start align-items-center"l><"col-md-4 d-flex justify-content-end align-items-center"f><"col-md-4 d-flex justify-content-end align-self-start"B>>rtip',
|
||||
buttons: [
|
||||
{
|
||||
extend: "csvHtml5",
|
||||
exportOptions: {
|
||||
columns: [ 0, 1, 2, 3, 4, 23, 24, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18,19,20,21,22]
|
||||
}
|
||||
},
|
||||
{
|
||||
text: "Columns",
|
||||
action: function (e, dt, node, config) {
|
||||
$('#columnModal').modal('show');
|
||||
}
|
||||
}
|
||||
|
||||
// 'copyHtml5',
|
||||
@ -418,8 +430,13 @@ div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
//// }
|
||||
// ],
|
||||
scrollX: !0,
|
||||
"paging": true,
|
||||
"pageLength": 50,
|
||||
// "paging": false,
|
||||
// "pageLength": 50,
|
||||
"columnDefs": [{
|
||||
"targets": [11,8,13,14,15,16,17,18],
|
||||
"visible": false
|
||||
}],
|
||||
|
||||
language: {
|
||||
paginate: {
|
||||
previous: "<i class='mdi mdi-chevron-left'>",
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,329 +1,322 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TMC GST INV</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
|
||||
<meta content="Coderthemes" name="author" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<!-- App favicon -->
|
||||
<!-- <link rel="shortcut icon" href="<?php echo base_url(); ?>assets/images/favicon.ico">-->
|
||||
<link rel='shortcut icon' href=assets/images/tsplogo2.png>
|
||||
|
||||
<!-- third party css -->
|
||||
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-select-bs4/css//select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- third party css end -->
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TMC GST INV</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
|
||||
<meta content="Coderthemes" name="author" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<!-- App favicon -->
|
||||
<!-- <link rel="shortcut icon" href="<?php echo base_url(); ?>assets/images/favicon.ico">-->
|
||||
<link rel='shortcut icon' href=assets/images/tsplogo2.png>
|
||||
|
||||
<!-- Plugins css -->
|
||||
<link href="<?php echo base_url(); ?>assets/libs/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/clockpicker/bootstrap-clockpicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
|
||||
<!-- third party css -->
|
||||
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-select-bs4/css//select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- third party css end -->
|
||||
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="<?php echo base_url(); ?>assets/images/favicon.ico">
|
||||
<!-- Plugins css -->
|
||||
<link href="<?php echo base_url(); ?>assets/libs/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/clockpicker/bootstrap-clockpicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url(); ?>assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- App css -->
|
||||
<link href="<?php echo base_url(); ?>assets/css/bootstrap-creative.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
|
||||
<link href="<?php echo base_url(); ?>assets/css/app-creative.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="<?php echo base_url(); ?>assets/images/favicon.ico">
|
||||
|
||||
<link href="<?php echo base_url(); ?>assets/css/bootstrap-creative-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
|
||||
<link href="<?php echo base_url(); ?>assets/css/app-creative-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
|
||||
<!-- App css -->
|
||||
<link href="<?php echo base_url(); ?>assets/css/bootstrap-creative.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
|
||||
<link href="<?php echo base_url(); ?>assets/css/app-creative.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
|
||||
|
||||
<!-- icons -->
|
||||
<link href="<?php echo base_url(); ?>assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<style>
|
||||
.mb25{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.required{
|
||||
color: red;
|
||||
}
|
||||
#bs-select-1{
|
||||
max-height: 150px !important;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
.left{
|
||||
<link href="<?php echo base_url(); ?>assets/css/bootstrap-creative-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
|
||||
<link href="<?php echo base_url(); ?>assets/css/app-creative-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
|
||||
|
||||
}
|
||||
.table tr, table td {
|
||||
padding: 5px; /* Adjust the padding as needed to decrease the cell height */
|
||||
line-height: 2;
|
||||
/* Adjust the line-height as needed for tighter cell spacing */
|
||||
}
|
||||
.table tbody{
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
max-height: 350px;
|
||||
width: 100%;
|
||||
<!-- icons -->
|
||||
<link href="<?php echo base_url(); ?>assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
}
|
||||
.table thead th{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.dataTables_scrollBody
|
||||
{
|
||||
|
||||
max-height: 390px;
|
||||
width: 1129px;
|
||||
}
|
||||
.footer
|
||||
{
|
||||
padding-top: 19px;
|
||||
padding-right: 17px;
|
||||
padding-bottom: 2px;
|
||||
padding-left: 17px;
|
||||
}
|
||||
.highlight-gst-inv {
|
||||
background-color: #FFFFFF; /* Light grey for GST Invoice Number */
|
||||
}
|
||||
.highlight-gst-inv_fare {
|
||||
background-color: #FFFFFF; /* Light grey for GST Invoice Number */
|
||||
}
|
||||
|
||||
.highlight-tmc-tkt {
|
||||
background-color: #f0f0f0; /* Lighter grey for TMC Ticket Number */
|
||||
}
|
||||
.highlight-tmc-pax {
|
||||
background-color:#f0f0f0; /* Lighter grey for TMC Ticket Number */
|
||||
}
|
||||
.highlight-tmc-tkt_fare {
|
||||
background-color: #f0f0f0; /* Lighter grey for TMC Ticket Number */
|
||||
}
|
||||
|
||||
.highlight-airline-inv {
|
||||
background-color: #f0f0f0; /* Light grey for Airline Invoice Number */
|
||||
}
|
||||
|
||||
.highlight-airline-tkt {
|
||||
background-color: #f0f0f0; /* Light sandal for Airline Ticket Number */
|
||||
}
|
||||
.highlight-airline-tkt_fare {
|
||||
background-color: #f0f0f0; /* Light sandal for Airline Ticket Number */
|
||||
}
|
||||
|
||||
/* ...your existing styles */
|
||||
.fare-mismatch td {
|
||||
|
||||
color:red; /* Ensures text is readable on dark red background */
|
||||
}
|
||||
|
||||
|
||||
<style>
|
||||
.mb25{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.required{
|
||||
color: red;
|
||||
}
|
||||
#bs-select-1{
|
||||
max-height: 150px !important;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
.left{
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* .form-group {
|
||||
.dataTable tbody td {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
th::before {
|
||||
margin-top: -16px !important;
|
||||
top: 6px !important;
|
||||
margin-right: 4px !important;
|
||||
}
|
||||
|
||||
th::after {
|
||||
/* display: inline-block; */
|
||||
/* text-align: center; */
|
||||
top: -2px !important;
|
||||
margin-right: 4px !important;
|
||||
}
|
||||
|
||||
.mb25 {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: red;
|
||||
}
|
||||
|
||||
#bs-select-1 {
|
||||
max-height: 150px !important;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
|
||||
.left {}
|
||||
|
||||
.table tr,
|
||||
table td {
|
||||
padding: 5px;
|
||||
/* Adjust the padding as needed to decrease the cell height */
|
||||
line-height: 2;
|
||||
/* Adjust the line-height as needed for tighter cell spacing */
|
||||
}
|
||||
|
||||
.table tbody {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
/* max-height: 30px; */
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.table thead th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.dataTables_scrollBody {
|
||||
|
||||
/* max-height: 100px; */
|
||||
width: 1129px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding-top: 19px;
|
||||
padding-right: 17px;
|
||||
padding-bottom: 2px;
|
||||
padding-left: 17px;
|
||||
}
|
||||
|
||||
.highlight-gst-inv {
|
||||
background-color: #FFFFFF;
|
||||
/* Light grey for GST Invoice Number */
|
||||
}
|
||||
|
||||
.highlight-gst-inv_fare {
|
||||
background-color: #FFFFFF;
|
||||
/* Light grey for GST Invoice Number */
|
||||
}
|
||||
|
||||
.highlight-tmc-tkt {
|
||||
background-color: #f0f0f0;
|
||||
/* Lighter grey for TMC Ticket Number */
|
||||
}
|
||||
|
||||
.highlight-tmc-pax {
|
||||
background-color: #f0f0f0;
|
||||
/* Lighter grey for TMC Ticket Number */
|
||||
}
|
||||
|
||||
.highlight-tmc-tkt_fare {
|
||||
background-color: #f0f0f0;
|
||||
/* Lighter grey for TMC Ticket Number */
|
||||
}
|
||||
|
||||
.highlight-airline-inv {
|
||||
background-color: #f0f0f0;
|
||||
/* Light grey for Airline Invoice Number */
|
||||
}
|
||||
|
||||
.highlight-airline-tkt {
|
||||
background-color: #f0f0f0;
|
||||
/* Light sandal for Airline Ticket Number */
|
||||
}
|
||||
|
||||
.highlight-airline-tkt_fare {
|
||||
background-color: #f0f0f0;
|
||||
/* Light sandal for Airline Ticket Number */
|
||||
}
|
||||
|
||||
/* ...your existing styles */
|
||||
.fare-mismatch td {
|
||||
|
||||
color: red;
|
||||
/* Ensures text is readable on dark red background */
|
||||
}
|
||||
|
||||
|
||||
<style>.mb25 {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: red;
|
||||
}
|
||||
|
||||
#bs-select-1 {
|
||||
max-height: 150px !important;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
|
||||
.left {}
|
||||
|
||||
|
||||
/* .form-group {
|
||||
font-size: 11px;
|
||||
padding: 5px;
|
||||
} */
|
||||
.body {
|
||||
font-size: 10px;
|
||||
.body {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.table {
|
||||
font-size: 9px;
|
||||
border-spacing:0px;
|
||||
|
||||
|
||||
|
||||
.table {
|
||||
font-size: 12px;
|
||||
border-spacing: 0px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
.table tr, table td {
|
||||
padding: 5px;
|
||||
/* line-height: 2; */
|
||||
/* Adjust the line-height as needed for tighter cell spacing */
|
||||
display: inline-block;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.table tbody{
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
max-height: 350px;
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
.table thead th{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.dataTables_scrollBody
|
||||
{
|
||||
|
||||
max-height: 390px;
|
||||
width: 1129px;
|
||||
}
|
||||
.table tr,
|
||||
table td {
|
||||
padding: 5px;
|
||||
/* line-height: 2; */
|
||||
/* Adjust the line-height as needed for tighter cell spacing */
|
||||
}
|
||||
|
||||
.form-group {
|
||||
|
||||
}
|
||||
.table td, .table th {
|
||||
padding: 0.10rem;
|
||||
}
|
||||
.dt-buttons,.btn-group .flex-wrap
|
||||
{
|
||||
margin-top:-185px;
|
||||
.table tbody {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
/* max-height: 50px; */
|
||||
width: 100%;
|
||||
/* font-weight: bold; */
|
||||
|
||||
}
|
||||
#scroll-horizontal-datatable_filter label{
|
||||
margin-top:15px;
|
||||
margin-left:-236px;
|
||||
}
|
||||
#scroll-horizontal-datatable_filter {
|
||||
margin-left: -280px;
|
||||
margin-top: -122px;
|
||||
}
|
||||
#scroll-horizontal-datatable_filter label{
|
||||
z-index: 99;
|
||||
position: relative;
|
||||
margin-right: 872px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
.dataTables_scroll{
|
||||
margin-top:-27px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Style the container for the table with a fixed header */
|
||||
/* Style the container for the table with a fixed header */
|
||||
.table thead th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
.form-group {}
|
||||
|
||||
.table td,
|
||||
.table th {
|
||||
padding: 0.10rem;
|
||||
}
|
||||
|
||||
.dt-buttons .flex-wrap {
|
||||
margin-top: -185px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.mb-3,
|
||||
.my-3 {
|
||||
margin-top: -53px;
|
||||
margin-bottom: -27px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="loading" data-layout-mode="horizontal" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
|
||||
|
||||
<!-- Begin page -->
|
||||
<div id="wrapper">
|
||||
|
||||
<?php include('includes/top_nav.php'); ?>
|
||||
|
||||
<!-- ============================================================== -->
|
||||
<!-- Start Page Content here -->
|
||||
<!-- ============================================================== -->
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
<!-- Start Content-->
|
||||
<div class="container-fluid">
|
||||
|
||||
</head>
|
||||
|
||||
<body class="loading" data-layout-mode="horizontal" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
|
||||
|
||||
<!-- Begin page -->
|
||||
<div id="wrapper">
|
||||
|
||||
<?php include('includes/top_nav.php'); ?>
|
||||
|
||||
<!-- ============================================================== -->
|
||||
<!-- Start Page Content here -->
|
||||
<!-- ============================================================== -->
|
||||
|
||||
|
||||
|
||||
<!-- Start Content-->
|
||||
<div class="container-fluid">
|
||||
|
||||
<!-- start page title -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="page-title-box page-title-box-alt">
|
||||
<h4 class="page-title">TMC GST INV </h4>
|
||||
<div class="page-title-right">
|
||||
<ol class="breadcrumb m-0">
|
||||
<li class="breadcrumb-item"><a href="javascript: void(0);">Files</a></li>
|
||||
<li class="breadcrumb-item active">TMC GST INV</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!-- start page title -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="page-title-box page-title-box-alt">
|
||||
<h4 class="page-title">TMC GST INV </h4>
|
||||
<div class="page-title-right">
|
||||
<ol class="breadcrumb m-0">
|
||||
<li class="breadcrumb-item"><a href="javascript: void(0);">Files</a></li>
|
||||
<li class="breadcrumb-item active">TMC GST INV</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page title -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page title -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div style="margin-bottom: 2.5rem" class="row">
|
||||
<form class="col-md-12" method="post" action="<?php echo base_url('corporate/tmc_gst_inv'); ?>">
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6" ><h4 class="page-title">TMC RECON</h4><br></div>
|
||||
<div class="form-group col-md-6 d-flex justify-content-end align-items-center">
|
||||
<div class="col-md-5"></div>
|
||||
<div class="col-md-5 d-flex justify-content-end">
|
||||
<input class="form-control input-daterange-datepicker" type="text" name="date" value="<?php echo $selected_data; ?>" />
|
||||
</div>
|
||||
<div class="col-md-2 d-flex justify-content-end">
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="row" style="margin-bottom:20px;">
|
||||
<form method="post" action="<?php echo base_url('corporate/tmc_gst_inv'); ?>">
|
||||
<h4 style="
|
||||
margin-top: -18px;
|
||||
">TMC GST INV</h4><br>
|
||||
<div class="form-row" style="
|
||||
margin-left: 782px;">
|
||||
<!--
|
||||
<div class="form-group col-md-2">
|
||||
<label for="inputEmail4" class="col-form-label">GST No</label>
|
||||
<select name="gst_no" class="form-control">
|
||||
<?php
|
||||
// foreach($gstno_list->result() as $gstno_i){
|
||||
// echo '<option>'.$gstno_i->gn_gstno.'</option>';
|
||||
// }
|
||||
?>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-5" style="margin-top:-34px;">
|
||||
<label for="from_date">From</label>
|
||||
<!-- <input type="date" class="form-control" id="from_date" name="from_date" style="
|
||||
margin-top: -34px;" value="<?php echo isset($_POST['from_date']) ? $_POST['from_date'] : ''; ?>"> -->
|
||||
<input type="date" class="form-control" id="from_date" name="from_date" style="
|
||||
margin-top: -34px;z-index: 99;
|
||||
position: relative;" value="2020-01-01">
|
||||
|
||||
</div>
|
||||
<div class="form-group col-md-5"style="margin-top:-34px;">
|
||||
<label for="to_date">To</label>
|
||||
|
||||
<!-- <input type="date" class="form-control" id="to_date" name="to_date" style="
|
||||
margin-top: -34px;"value="<?php echo isset($_POST['to_date']) ? $_POST['to_date'] : ''; ?>"> -->
|
||||
<input type="date" class="form-control" id="to_date" name="to_date" style="
|
||||
margin-top: -34px;z-index: 99;
|
||||
position: relative;" value="<?php echo date('Y-m-d'); ?>">
|
||||
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label for="inputPassword4" class="col-form-label"></label>
|
||||
<button style="margin-top:-43px;font-size:12px;z-index: 99;
|
||||
position: relative;" type="submit" class="btn btn-primary">Submit</button><br>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- <label class="col-lg-3 col-form-label">Date</label>
|
||||
<!-- <label class="col-lg-3 col-form-label">Date</label>
|
||||
<div class="col-lg-12">
|
||||
<div id="reportrange" class="pull-right form-control">
|
||||
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
|
||||
<span></span>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<table id="scroll-horizontal-datatable" class="table w-100 nowrap">
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th>TMC Pax Name</th>
|
||||
<th>TMC Tkt number</th>
|
||||
<th>TMC Tkt Fare</th>
|
||||
<th>GST Inv Number</th>
|
||||
<th>GST Inv Value</th>
|
||||
<th>Airline Inv Number</th>
|
||||
<th>Airline Tkt Number</th>
|
||||
<th>Airline Tkt Fare</th>
|
||||
<!-- <th>RECIPIENT</th>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<table id="scroll-horizontal-datatable" class="table table-striped nowrap w-100">
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th>TMC PAX NAME</th>
|
||||
<th>TMC TKT NUMBER</th>
|
||||
<th>TMC TKT FARE</th>
|
||||
<th>GST INV NUMBER</th>
|
||||
<th>GST INV VALUE</th>
|
||||
<th>AIRLINE INV NUMBER</th>
|
||||
<th>AIRLINE TKT NUMBER</th>
|
||||
<th>AIRLINE TKT FARE</th>
|
||||
<!-- <th>RECIPIENT</th>
|
||||
<th>RECIPIENT GST</th>
|
||||
<th>INVOICE NUMBER</th>
|
||||
<th>INVOICE DATE</th>
|
||||
@ -343,28 +336,28 @@
|
||||
<th>EXTRACTION DATE</th>
|
||||
<th>BATCH ID</th>
|
||||
<th>INVOICE DATE</th> -->
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($data as $row): ?>
|
||||
<?php
|
||||
// Check if any fare value is empty
|
||||
$anyFareEmpty = empty($row->tmc_tkt_fare) || empty($row->gst_fare) || empty($row->airline_fare);
|
||||
?>
|
||||
<tr <?php if (!$anyFareEmpty && ($row->tmc_tkt_fare != $row->gst_fare || $row->tmc_tkt_fare != $row->airline_fare || $row->gst_fare != $row->airline_fare)) echo 'class="fare-mismatch"'; ?> >
|
||||
<td class="highlight-tmc-pax"><?php echo $row->tmc_pax; ?></td>
|
||||
<td class="highlight-tmc-tkt"><?php echo $row->tmc_ticket_no; ?></td>
|
||||
<td class="highlight-tmc-tkt_fare"><?php echo $row->tmc_tkt_fare; ?></td>
|
||||
<td class="highlight-gst-inv"><?php echo $row->gst_invoice_no; ?></td>
|
||||
<td class="highlight-gst-inv_fare"><?php echo $row->gst_fare; ?></td>
|
||||
<td class="highlight-airline-inv"><?php echo $row->airline_inv_no; ?></td>
|
||||
<td class="highlight-airline-tkt"><?php echo $row->airline_ticket_no; ?></td>
|
||||
<td class="highlight-airline-tkt_fare"><?php echo $row->airline_fare; ?></td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<!-- <tr>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($data as $row): ?>
|
||||
<?php
|
||||
// Check if any fare value is empty
|
||||
$anyFareEmpty = empty($row->tmc_tkt_fare) || empty($row->gst_fare) || empty($row->airline_fare);
|
||||
?>
|
||||
<tr <?php if (!$anyFareEmpty && ($row->tmc_tkt_fare != $row->gst_fare || $row->tmc_tkt_fare != $row->airline_fare || $row->gst_fare != $row->airline_fare)) echo 'class="fare-mismatch"'; ?>>
|
||||
<td class="highlight-tmc-pax"><?php echo $row->tmc_pax; ?></td>
|
||||
<td class="highlight-tmc-tkt"><?php echo $row->tmc_ticket_no; ?></td>
|
||||
<td style="text-align: right;" class="highlight-tmc-tkt_fare"><?php echo (int) $row->tmc_tkt_fare; ?></td>
|
||||
<td class="highlight-gst-inv"><?php echo $row->gst_invoice_no; ?></td>
|
||||
<td style="text-align: right;" class="highlight-gst-inv_fare"><?php echo (int) $row->gst_fare; ?></td>
|
||||
<td class="highlight-airline-inv"><?php echo $row->airline_inv_no; ?></td>
|
||||
<td class="highlight-airline-tkt"><?php echo $row->airline_ticket_no; ?></td>
|
||||
<td style="text-align: right;" class="highlight-airline-tkt_fare"><?php echo (int) $row->airline_fare; ?></td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<!-- <tr>
|
||||
<td><?php echo $value->tmc_pax; ?></td>
|
||||
<td><?php echo $value->tmc_tkt; ?></td>
|
||||
<td><?php echo $value->tmc_ticket_fare; ?></td>
|
||||
@ -373,17 +366,17 @@
|
||||
<td><?php echo $value->inv_invoice_no; ?></td>
|
||||
<td><?php echo $value->inv_tkt_no; ?></td>
|
||||
<td><?php echo $value->total_inv_value; ?></td> -->
|
||||
|
||||
<!-- <td><?php echo $value->inv_pnr; ?></td> -->
|
||||
|
||||
|
||||
<!-- <td><?php echo $value->recepient; ?></td>
|
||||
|
||||
<!-- <td><?php echo $value->inv_pnr; ?></td> -->
|
||||
|
||||
|
||||
<!-- <td><?php echo $value->recepient; ?></td>
|
||||
<td><?php echo $value->recepient_gst; ?></td>
|
||||
<td><?php echo $value->invoice_no?></td>
|
||||
<td><?php echo $value->invoice_no ?></td>
|
||||
<td><?php echo $value->invoice_dt; ?></td>
|
||||
<td><?php echo $value->hsn; ?></td>
|
||||
<td><?php echo $value->taxable_value; ?></td>
|
||||
<td><?php echo $value->cgst_value;?></td>
|
||||
<td><?php echo $value->cgst_value; ?></td>
|
||||
<td><?php echo $value->cgst_rate; ?></td>
|
||||
<td><?php echo $value->sgst_value; ?></td>
|
||||
<td><?php echo $value->sgst_rate; ?></td>
|
||||
@ -397,133 +390,212 @@
|
||||
<td><?php echo $value->extraction_date; ?></td>
|
||||
<td><?php echo $value->batch_id; ?></td>
|
||||
<td><?php echo $value->invdt; ?></td> -->
|
||||
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
<!-- </thead>
|
||||
|
||||
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
<!-- </thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div> <!-- end card body-->
|
||||
</div> <!-- end card -->
|
||||
</div><!-- end col-->
|
||||
</div>
|
||||
<!-- end row-->
|
||||
|
||||
</div> <!-- container -->
|
||||
</div> <!-- end card -->
|
||||
</div><!-- end col-->
|
||||
</div>
|
||||
<!-- end row-->
|
||||
|
||||
</div> <!-- content -->
|
||||
|
||||
<?php include('includes/footer.php'); ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div> <!-- container -->
|
||||
|
||||
|
||||
</div> <!-- content -->
|
||||
|
||||
<!-- ============================================================== -->
|
||||
<!-- End Page content -->
|
||||
<!-- ============================================================== -->
|
||||
<?php include('includes/footer.php'); ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Vendor js -->
|
||||
<script src="<?php echo base_url(); ?>assets/js/vendor.min.js"></script>
|
||||
|
||||
<!-- third party js -->
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/buttons.flash.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-select/js/dataTables.select.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/pdfmake/build/pdfmake.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/pdfmake/build/vfs_fonts.js"></script>
|
||||
|
||||
<!-- Plugins js-->
|
||||
<script src="<?php echo base_url(); ?>assets/libs/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/clockpicker/bootstrap-clockpicker.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/moment/min/moment.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
|
||||
<!-- Init js-->
|
||||
<script src="<?php echo base_url(); ?>assets/js/pages/form-pickers.init.js"></script>
|
||||
|
||||
|
||||
<!-- <script src="<?php echo base_url(); ?>assets/js/pages/datatables.init.js"></script> -->
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
|
||||
|
||||
<!-- App js -->
|
||||
<script src="<?php echo base_url(); ?>assets/js/app.min.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
oTable = $("#scroll-horizontal-datatable").DataTable({
|
||||
lengthChange: !1,
|
||||
"paging": true,
|
||||
"pageLength": 50,
|
||||
|
||||
// dom: 'Bfrtip',
|
||||
buttons: [
|
||||
{
|
||||
extend: "csvHtml5",
|
||||
exportOptions: {
|
||||
columns: [ 0, 1, 2, 3, 4,5,6,7]
|
||||
}
|
||||
}
|
||||
|
||||
// 'copyHtml5',
|
||||
// 'excelHtml5',
|
||||
// 'csvHtml5'
|
||||
// 'pdfHtml5'
|
||||
],
|
||||
|
||||
// buttons: [{
|
||||
// extend: "excelHtml5",
|
||||
// className: "btn-light"
|
||||
// }
|
||||
//// , {
|
||||
//// extend: "print",
|
||||
//// className: "btn-light"
|
||||
//// }, {
|
||||
//// extend: "pdf",
|
||||
//// className: "btn-light"
|
||||
//// }
|
||||
// ],
|
||||
scrollX: !0,
|
||||
language: {
|
||||
paginate: {
|
||||
previous: "<i class='mdi mdi-chevron-left'>",
|
||||
next: "<i class='mdi mdi-chevron-right'>"
|
||||
<!-- ============================================================== -->
|
||||
<!-- End Page content -->
|
||||
<!-- ============================================================== -->
|
||||
|
||||
<!-- Vendor js -->
|
||||
<script src="<?php echo base_url(); ?>assets/js/vendor.min.js"></script>
|
||||
|
||||
<!-- third party js -->
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/buttons.flash.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-select/js/dataTables.select.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/pdfmake/build/pdfmake.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/pdfmake/build/vfs_fonts.js"></script>
|
||||
|
||||
<!-- Plugins js-->
|
||||
<script src="<?php echo base_url(); ?>assets/libs/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/clockpicker/bootstrap-clockpicker.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/moment/min/moment.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
|
||||
<!-- Init js-->
|
||||
<script src="<?php echo base_url(); ?>assets/js/pages/form-pickers.init.js"></script>
|
||||
|
||||
|
||||
<!-- <script src="<?php echo base_url(); ?>assets/js/pages/datatables.init.js"></script> -->
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
|
||||
|
||||
<!-- App js -->
|
||||
<script src="<?php echo base_url(); ?>assets/js/app.min.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
oTable = $("#scroll-horizontal-datatable").DataTable({
|
||||
lengthChange: true,
|
||||
"paging": true,
|
||||
"lengthMenu": [10, 25, 50, 100],
|
||||
"pageLength": 50,
|
||||
|
||||
// dom: 'Bflrtip',
|
||||
"dom": '<"row mb-3"<"col-md-4 d-flex justify-content-start align-items-center"l><"col-md-4 d-flex justify-content-end align-items-center"f><"col-md-4 d-flex justify-content-end align-self-start"B>>rtip',
|
||||
buttons: [{
|
||||
extend: "csvHtml5",
|
||||
exportOptions: {
|
||||
columns: [0, 1, 2, 3, 4, 5, 6, 7]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
oTable.buttons().container().appendTo("#scroll-horizontal-datatable_wrapper .col-md-6:eq(0)"), $("#alternative-page-datatable").DataTable({
|
||||
pagingType: "full_numbers",
|
||||
drawCallback: function () {
|
||||
$(".dataTables_paginate > .pagination").addClass("pagination-rounded")
|
||||
|
||||
// 'copyHtml5',
|
||||
// 'excelHtml5',
|
||||
// 'csvHtml5'
|
||||
// 'pdfHtml5'
|
||||
],
|
||||
|
||||
// buttons: [{
|
||||
// extend: "excelHtml5",
|
||||
// className: "btn-light"
|
||||
// }
|
||||
//// , {
|
||||
//// extend: "print",
|
||||
//// className: "btn-light"
|
||||
//// }, {
|
||||
//// extend: "pdf",
|
||||
//// className: "btn-light"
|
||||
//// }
|
||||
// ],
|
||||
// scrollX: !0,
|
||||
language: {
|
||||
paginate: {
|
||||
previous: "<i class='mdi mdi-chevron-left'>",
|
||||
next: "<i class='mdi mdi-chevron-right'>"
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
oTable.buttons().container().appendTo("#scroll-horizontal-datatable_wrapper .col-md-6:eq(0)"), $("#alternative-page-datatable").DataTable({
|
||||
pagingType: "full_numbers",
|
||||
drawCallback: function() {
|
||||
$(".dataTables_paginate > .pagination").addClass("pagination-rounded")
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var $select_data = '<?php echo $selected_data; ?>';
|
||||
|
||||
// Set default start date to 01/01/2020
|
||||
var defaultStart = moment('01/01/2020', 'DD/MM/YYYY'); // ← Fixed start date
|
||||
var defaultEnd = moment(); // Today
|
||||
|
||||
// Use submitted dates if available
|
||||
if ($select_data && $select_data.indexOf(' - ') > -1) {
|
||||
var parts = $select_data.split(' - ');
|
||||
defaultStart = moment(parts[0], 'DD/MM/YYYY');
|
||||
defaultEnd = moment(parts[1], 'DD/MM/YYYY');
|
||||
}
|
||||
|
||||
// Initialize datepicker
|
||||
$('input.input-daterange-datepicker').daterangepicker({
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY',
|
||||
cancelLabel: 'Clear'
|
||||
},
|
||||
startDate: defaultStart,
|
||||
endDate: defaultEnd,
|
||||
ranges: {
|
||||
'Today': [moment(), moment()],
|
||||
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
||||
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||||
}
|
||||
}).on('apply.daterangepicker', function(ev, picker) {
|
||||
$(this).val(
|
||||
picker.startDate.format('DD/MM/YYYY') + ' - ' +
|
||||
picker.endDate.format('DD/MM/YYYY')
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
// Reset form on initial load if it's not a deliberate submission
|
||||
if (window.history.replaceState) {
|
||||
window.history.replaceState(null, null, window.location.pathname);
|
||||
}
|
||||
|
||||
var $select_data = '<?php echo $selected_data; ?>';
|
||||
var defaultStart = moment('01/01/2020', 'DD/MM/YYYY');
|
||||
var defaultEnd = moment();
|
||||
|
||||
if ($select_data && $select_data.indexOf(' - ') > -1) {
|
||||
var parts = $select_data.split(' - ');
|
||||
defaultStart = moment(parts[0], 'DD/MM/YYYY');
|
||||
defaultEnd = moment(parts[1], 'DD/MM/YYYY');
|
||||
}
|
||||
|
||||
$('input.input-daterange-datepicker').daterangepicker({
|
||||
locale: { format: 'DD/MM/YYYY', cancelLabel: 'Clear' },
|
||||
startDate: defaultStart,
|
||||
endDate: defaultEnd,
|
||||
ranges: {
|
||||
'Today': [moment(), moment()],
|
||||
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
||||
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||||
}
|
||||
}).on('apply.daterangepicker', function(ev, picker) {
|
||||
$(this).val(
|
||||
picker.startDate.format('DD/MM/YYYY') + ' - ' +
|
||||
picker.endDate.format('DD/MM/YYYY')
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user