CHANGE_UI_Issues - VADIVEL J 2025-09-24

This commit is contained in:
vadivelJ96 2025-09-24 15:48:44 +05:30
parent 5a707d9722
commit 18c59da89b
22 changed files with 2061 additions and 2036 deletions

View File

@ -210,7 +210,7 @@
$(document).ready(function() {
$('#datatable-buttons').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [{

View File

@ -70,7 +70,7 @@
$(document).ready(function() {
$('#tickets-table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>",
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>",
buttons: [{
extend: 'csv',
text: 'CSV',

View File

@ -297,7 +297,7 @@ table.dataTable thead th {
$(document).ready(function()
{
$('#tickets-table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",

View File

@ -590,7 +590,7 @@
$(document).ready(function() {
$('#tickets-table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [{

View File

@ -461,7 +461,7 @@ $('body').on('click', '.reload', function() {
$(document).ready(function() {
$('#tickets-table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
"buttons": [{

View File

@ -93,9 +93,9 @@ $(document).ready(function () {
if (ticketsTable.length) {
var table = ticketsTable.DataTable({
scrollX: true,
dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // search left, buttons right
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-3'i><'col-sm-2'l><'col-sm-7'p>>",
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
language: {
search: "_INPUT_",
searchPlaceholder: "Search..."

View File

@ -342,7 +342,7 @@
// for datatable
$(document).ready(function() {
$('#hr_tickets_table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
"buttons": [{

View File

@ -182,7 +182,7 @@
$(document).ready(function() {
$('#tickets-table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [{

View File

@ -4,15 +4,16 @@
<div class="container-fluid-min">
<div class="col-xl-12" id="outstanding_filter">
<div class="card-body">
<div id="accordion" class="mb-3">
<label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
<h4>Filters</h4>
<div class="card mb-1">
<h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
</a>
</label>
<div class="card mb-1">
</h4>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<!-- <div class="text-center"> -->
@ -63,6 +64,8 @@
</div>
</div>
</div>
</div>
<div id="report"></div>
</div>

View File

@ -175,7 +175,7 @@
$(document).ready(function(){
$('#tickets-table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>" ,
buttons: [

View File

@ -1555,6 +1555,16 @@
margin-left: auto;
}
/* Fix DataTables buttons alignment inside card-body */
.card-body .card-body .dt-buttons
,
.card-body .card-body .datatable-buttons {
margin-right: 0 !important;
padding-right: 2.25rem !important; /* match card-body padding */
}
</style>

View File

@ -7,22 +7,17 @@
<div class="container-fluid-min">
<div class="row" id="lead_filter_div">
<div class="col-12" style="margin-top: -12px;">
<div class="card-body">
<div id="accordion" class="mb-3">
<div class="card mb-1">
<h5 class="m-1">
<div class="row">
<div class="col-md-6" style="position: relative;left: 17px;">
<h4 style="text-align: left;">Filter</h4>
</div>
<div class="col-md-6">
<a style="text-align: right;" id="toggleIcon" class="text-dark float-right"
data-toggle="collapse" href="#collapseOne" aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary"
style="font-size: 28px;"></i>
<h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
</a>
</div>
</div>
</h5>
</h4>
<div id="collapseOne" class="collapse hide" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<div class="form-group">
@ -132,6 +127,8 @@
</div>
</div>
</div>
</div>
<!-- end page title -->

View File

@ -25,15 +25,16 @@
<div class="container-fluid-min">
<div class="col-12" id="outstanding_filter">
<div class="card-body">
<div id="accordion" class="mb-3">
<label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
<h4>Filters</h4>
<div class="card mb-1">
<h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
</a>
</label>
<div class="card mb-1">
</h4>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<div class="form-group">
@ -159,6 +160,7 @@
</div>
</div>
</div>
</div>
<div class="col-12" id="outstanding_list">
<div class="card">

View File

@ -168,16 +168,16 @@ table.dataTable thead th {
<div class="container-fluid-min">
<div class="col-12" id="endorsement_filter">
<div class="card-body">
<div id="accordion" class="mb-3">
<label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
<span class="font-color-black ml-2">Filters</span>
<div class="card mb-1">
<h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
</a>
</label>
<div class="card mb-1">
</h4>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<div class="form-group">
@ -291,6 +291,8 @@ table.dataTable thead th {
</div>
</div>
</div>
<div class="col-12" id="endorsement_list">
<div class="card">
<div class="card-body">

View File

@ -27,7 +27,8 @@ table.dataTable tbody td {
}
.column-header {
margin-right: 10px; /* Adjust this value as needed */
margin-right: 10px;
/* Adjust this value as needed */
}
.form-section {
@ -45,6 +46,7 @@ table.dataTable tbody td {
.addbtnStyle {
margin-left: 20px !important;
}
.custom-dropdown-menu {
display: none;
position: absolute;
@ -133,28 +135,19 @@ table.dataTable tbody td {
.slider.round:before {
border-radius: 50%;
}
#inception_filter{
margin-bottom:-20px !important;
margin-left:30px !important;
}
#inception_list{
margin-left:20px !important;
}
</style>
<div class="col-12" id="inception_filter">
<div class="card-body">
<div id="accordion" class="mb-3">
<label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
<span class="font-color-black">Filters</span>
<div class="card mb-1">
<h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
</a>
</label>
<div class="card mb-1">
</h4>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<div class="form-group">
@ -261,6 +254,8 @@ table.dataTable tbody td {
</div>
</div>
</div>
<div class="col-12" id="inception_list">
@ -279,22 +274,54 @@ table.dataTable tbody td {
<table data-custom-table-css="table" class="table table-striped mb-0 nowrap" cellspacing="0" id="tickets-table">
<thead class="bg-light">
<tr>
<th><div class="column-header">S.No.</div></th>
<th><div class="column-header">Issuer</div></th>
<th><div class="column-header">Business Type</div></th>
<th><div class="column-header">Client Type</div></th>
<th><div class="column-header">Client / Branch</div></th>
<th><div class="column-header">Insurer</div></th>
<th><div class="column-header">Policy</div></th>
<th><div class="column-header">Policy No</div></th>
<th><div class="column-header">Policy Issue Date</div></th>
<th><div class="column-header">D.O.C</div></th>
<th><div class="column-header">D.O.E</div></th>
<th><div class="column-header">No of Insured</div></th>
<th><div class="column-header">No of Dependents</div></th>
<th><div class="column-header">Status</div></th>
<th><div class="column-header">User</div></th>
<th><div class="column-header">Action</div></th>
<th>
<div class="column-header">S.No.</div>
</th>
<th>
<div class="column-header">Issuer</div>
</th>
<th>
<div class="column-header">Business Type</div>
</th>
<th>
<div class="column-header">Client Type</div>
</th>
<th>
<div class="column-header">Client / Branch</div>
</th>
<th>
<div class="column-header">Insurer</div>
</th>
<th>
<div class="column-header">Policy</div>
</th>
<th>
<div class="column-header">Policy No</div>
</th>
<th>
<div class="column-header">Policy Issue Date</div>
</th>
<th>
<div class="column-header">D.O.C</div>
</th>
<th>
<div class="column-header">D.O.E</div>
</th>
<th>
<div class="column-header">No of Insured</div>
</th>
<th>
<div class="column-header">No of Dependents</div>
</th>
<th>
<div class="column-header">Status</div>
</th>
<th>
<div class="column-header">User</div>
</th>
<th>
<div class="column-header">Action</div>
</th>
</tr>
</thead>
@ -371,7 +398,6 @@ table.dataTable tbody td {
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const table = document.getElementById("tickets-table");
@ -451,7 +477,9 @@ document.addEventListener("DOMContentLoaded", function () {
activeDropdown.style.display = 'none';
activeDropdown = null;
}
}, { once: true });
}, {
once: true
});
});
});
@ -466,7 +494,6 @@ document.addEventListener("DOMContentLoaded", function () {
</script>
<script>
var client_list = ''; // local variable for storing the client branch list
var branch_list = ''; // local variable for storing the client branch list
var policy_list = ''; // local variable for storing the client policy list
@ -552,20 +579,19 @@ $(document).ready(function() {
dom: "<'row'<'col-sm-7'f><'col-sm-5 text-right'B>>" + // Filter left, buttons right
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
buttons: [
{
buttons: [{
extend: 'collection',
text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
className: 'btn app-btn-secondary ',
buttons: [
{
buttons: [{
extend: 'csv',
text: '<i class="mdi mdi-file-delimited " ></i><span class=" btn-custom"> CSV </span>',
title: 'Policy-Tranction-Inception-List',
exportOptions: {
columns: ':not(:last-child)'
},
} ]},
}]
},
{
text: 'Add',
className: 'buttons-html5 addbtnStyle',
@ -659,8 +685,7 @@ $(document).ready(function(){
//--------------------------------------------------------------------------------------------------------
function hide_list_show_add()
{
function hide_list_show_add() {
$('#page_title').text('Add Policy')
$('#inception_form_id')[0].reset();
$('#client_id').val('').change().prop('disabled', false);
@ -689,8 +714,7 @@ function hide_list_show_add()
$('.branchdiv').show();
}
function show_list_hide_add()
{
function show_list_hide_add() {
$('#pt_onboarding').hide()
$('#inception_list').show()
$('#inception_filter').show();
@ -699,8 +723,7 @@ function show_list_hide_add()
count = 0
}
function getClientAndBranchAndPolicy()
{
function getClientAndBranchAndPolicy() {
$.ajax({
url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
type: "GET",
@ -729,8 +752,7 @@ function getClientAndBranchAndPolicy()
});
}
function appendClients(data)
{
function appendClients(data) {
$('#client_id').empty();
$('#client_id').append($('<option>', {
@ -763,8 +785,7 @@ function appendClients(data)
});
}
function appendVehicles(data, vehicle_id)
{
function appendVehicles(data, vehicle_id) {
$('#vehicle_no').empty();
$('#vehicle_no').append($('<option>', {
@ -792,8 +813,7 @@ function appendVehicles(data, vehicle_id)
});
}
function appendBranch(data)
{
function appendBranch(data) {
$('#client_branch_id').empty();
@ -812,8 +832,7 @@ function appendBranch(data)
});
}
function appendRenewalPolicies(data)
{
function appendRenewalPolicies(data) {
console.log('appendRenewalPolicies', data);
console.log('appendRenewalPolicies', $('#source_client_policy_id'));
@ -926,8 +945,7 @@ function appendRenewalPolicies(data)
// }
// }
function getPolicyDetailsByPolicyId(input)
{
function getPolicyDetailsByPolicyId(input) {
var policy_id = $(input).val()
if (policy_id) {
@ -950,8 +968,7 @@ function getPolicyDetailsByPolicyId(input)
}
}
function addHTMLInput(data = null)
{
function addHTMLInput(data = null) {
const container = document.getElementById('dynamic-form-container');
const newRow = document.createElement('div');
newRow.className = 'form-row dynamic-form-row';
@ -977,8 +994,7 @@ function addHTMLInput(data = null)
}
}
function removeHTMLInput(element)
{
function removeHTMLInput(element) {
const container = document.getElementById('dynamic-form-container');
const rows = container.querySelectorAll('.dynamic-form-row');
@ -988,8 +1004,7 @@ function removeHTMLInput(element)
}
}
function appendBasePolicyList(data, select = null)
{
function appendBasePolicyList(data, select = null) {
console.log('---------------------------------------------------------------')
console.log('first')
console.log('---------------------------------------------------------------')
@ -1012,8 +1027,7 @@ function appendBasePolicyList(data, select = null)
});
}
function appendUnits(data)
{
function appendUnits(data) {
$('#units').empty()
$('#units').append($('<option>', {
value: '',
@ -1037,14 +1051,12 @@ function appendUnits(data)
});
}
function fileupload(input)
{
function fileupload(input) {
var myModal = new bootstrap.Modal(document.getElementById('file_upload'));
myModal.show();
}
function logSelectedIds()
{
function logSelectedIds() {
var selectedIds = [];
$('.row-select:checked').each(function() {
selectedIds.push($(this).data('id'));
@ -1054,8 +1066,7 @@ function logSelectedIds()
}
function appendFileTableBody(data)
{
function appendFileTableBody(data) {
console.log(data);
$('#table_bd').empty();
@ -1090,8 +1101,7 @@ function appendFileTableBody(data)
});
}
function checkInputs()
{
function checkInputs() {
let isValid = true;
// Iterate through each dynamic row
@ -1124,13 +1134,11 @@ function checkInputs()
return isValid;
}
function validateForm()
{
function validateForm() {
return checkInputs(); // Call checkInputs before form submission
}
function addHTMLInputForVehicleFileUpload(data = null)
{
function addHTMLInputForVehicleFileUpload(data = null) {
const container = document.getElementById('dynamic-form-container-for-vehicle-file-upload');
const newRow = document.createElement('div');
newRow.className = 'form-row dynamic-form-row';
@ -1156,8 +1164,7 @@ function addHTMLInputForVehicleFileUpload(data = null)
}
}
function appendVehicleFileTableBody(data)
{
function appendVehicleFileTableBody(data) {
console.log(data);
// Clear the table body
@ -1194,8 +1201,7 @@ function appendVehicleFileTableBody(data)
});
}
function removeHTMLInputForVehicleFileUpload(element)
{
function removeHTMLInputForVehicleFileUpload(element) {
const container = document.getElementById('dynamic-form-container-for-vehicle-file-upload');
const rows = container.querySelectorAll('.dynamic-form-row');
@ -1479,8 +1485,7 @@ $('#issue_type').change(function(){
if (policy_list != '' && branch_id != '') {
console.log(policy_list[branch_id]);
let data = policy_list[branch_id];
if(issue_type == 2)
{
if (issue_type == 2) {
appendRenewalPolicies(data);
}
}
@ -1488,8 +1493,7 @@ $('#issue_type').change(function(){
//--------------------------------------------------------------------------------------------------------
function formatDateforpolicy(dateStr)
{
function formatDateforpolicy(dateStr) {
let dateParts = dateStr.split('-');
let year = dateParts[0];
@ -1502,19 +1506,16 @@ function formatDateforpolicy(dateStr)
return date;
}
function onlyNumbers(event)
{
function onlyNumbers(event) {
var charcode;
charcode = event.which || event.keyCode;
if (charcode >= 48 && charcode <= 57 || charcode == 46) return true;
return false;
}
</script>
<script>
$(document).ready(function() {
// getURLParams()
$('#client_id_for_search').select2();
@ -1522,8 +1523,7 @@ $(document).ready(function() {
$('#policy_type_for_search').select2();
})
function fetchEmpolyeeList(event)
{
function fetchEmpolyeeList(event) {
event.preventDefault(); // Prevent default action
var start_date = $('#startDate').val();
@ -1556,8 +1556,7 @@ function fetchEmpolyeeList(event)
window.location.href = apiURL;
}
function objectToQueryString(obj)
{
function objectToQueryString(obj) {
return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
}
@ -1661,8 +1660,7 @@ $(function() {
});
function hideDateField(input = null)
{
function hideDateField(input = null) {
let val = $('#date_type').val();
if (input) {
@ -1688,7 +1686,9 @@ function removePolicyTransaction(input, pt_id, policy_type_id) {
let url = '<?= base_url('policy_tranction/inception/removePolicyTransaction/') ?>' + pt_id;
// Include `pt_id` in the AJAX request if necessary
let requestData = { pt_id: pt_id };
let requestData = {
pt_id: pt_id
};
sendAjaxRequestForGlobal(url, 'GET', requestData, function(response) {
console.log('Data fetched successfully:', response);
@ -1706,5 +1706,4 @@ function removePolicyTransaction(input, pt_id, policy_type_id) {
}
});
}
</script>

View File

@ -219,7 +219,7 @@
$(document).ready(function() {
$('#tickets-table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [{

View File

@ -5,20 +5,21 @@
<div class="container-fluid-min">
<div class="col-12" id="bds_filter">
<div class="card-body">
<div id="accordion" class="mb-3">
<label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
<span class="font-color-black">Filter</span>
<div class="card mb-1">
<h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
</a>
</label>
<div class="card mb-1">
</h4>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<div class="form-group">
<div class="form-row">
<div class="form-group col-md-3">
<label for="client_branch">Client<span class="text-danger"></span></label>
<select class="form-control" id="client_id" name="client_id" onchange="getClientPolicyDataBasedOnClientAndInsuer()">
@ -141,6 +142,8 @@
</div>
</div>
</div>
<!-- end page title -->
<div id="file_list">

View File

@ -332,7 +332,7 @@
$(document).ready(function() {
$('#tickets-table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [{

View File

@ -2,6 +2,7 @@
<div class="row">
<!-- <h3 class="ml-3">Claim Reports</h3> -->
<div class="col-xl-12">
<div class="card-body">
<div id="accordion" class="mb-3">
<div class="card mb-1">
<h4 class="m-1">
@ -61,6 +62,8 @@
</div>
</div>
</div>
</div>
</div>
<div class="row" id="report"></div>
</div>

View File

@ -8,6 +8,7 @@
<div class="container-fluid-min">
<div class="row">
<div class="col-12" style="margin-top: -12px;">
<div class="card-body">
<div id="accordion" class="mb-3">
<div class="card mb-1">
<h4>
@ -134,6 +135,8 @@
</div>
</div>
</div>
</div>
<div class="row" id="ticket_list_div">
<?php include('ticket_list.php'); ?>

View File

@ -178,7 +178,7 @@
$(document).ready(function() {
$('#tickets-table').DataTable({
dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [{

View File

@ -25,15 +25,16 @@
<div class="container-fluid-min">
<div class="col-12" id="varience_filter">
<div class="card-body">
<div id="accordion" class="mb-3">
<label class="m-1 d-flex justify-content-between align-items-center">
<h4>Filters</h4>
<div class="card mb-1">
<h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
</a>
</label>
<div class="card mb-1">
</h4>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<div class="form-group">
@ -144,6 +145,8 @@
</div>
</div>
</div>
<div class="col-12" id="varience_list">
<div class="card">
<div class="card-body">