CHANGE_UI_Issues - VADIVEL J 2025-09-25

This commit is contained in:
vadivelJ96 2025-09-25 12:02:12 +05:30
parent 31dce409e5
commit cddc0ae6a5
8 changed files with 1050 additions and 1048 deletions

View File

@ -180,6 +180,9 @@ class BDSReportController extends AdminController
'BAP-Insurer' => 'bapInsurer', 'BAP-Insurer' => 'bapInsurer',
'Client' => 'client' 'Client' => 'client'
]; ];
$data['page_name'] = "IRBA Report";
return $this->loadLayout('irba_report', $data); return $this->loadLayout('irba_report', $data);
} else { } else {

View File

@ -1,22 +1,23 @@
<style> <style>
.table th, .table th,
.table td { .table td {
padding: 8px; padding: 8px;
} }
table.dataTable tbody td { table.dataTable tbody td {
padding: 4px 4px !important; padding: 4px 4px !important;
} }
.col-12 { .col-12 {
max-width: 98% !important; max-width: 98% !important;
} }
.dataTables_filter { .dataTables_filter {
position: absolute; position: absolute;
} }
.custom-dropdown-menu {
.custom-dropdown-menu {
display: none; display: none;
position: absolute; position: absolute;
background-color: #ffffff !important; background-color: #ffffff !important;
@ -26,40 +27,36 @@ table.dataTable tbody td {
min-width: 10rem; min-width: 10rem;
z-index: 9999; z-index: 9999;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
} }
.custom-dropdown-menu .dropdown-item { .custom-dropdown-menu .dropdown-item {
display: block !important; display: block !important;
width: 100% !important; width: 100% !important;
padding: 0.5rem 1rem !important; padding: 0.5rem 1rem !important;
color: #212529 !important; color: #212529 !important;
text-decoration: none !important; text-decoration: none !important;
background-color: transparent !important; background-color: transparent !important;
} }
.custom-dropdown-menu .dropdown-item:hover { .custom-dropdown-menu .dropdown-item:hover {
background-color: #f8f9fa !important; background-color: #f8f9fa !important;
color: #16181b !important; color: #16181b !important;
cursor: pointer !important; cursor: pointer !important;
} }
</style> </style>
<div class="col-12"> <div class="col-12">
<h4 class="ml-1 mb-3"> <span class="font-color-black">Business Team</span> </h4> <div class="card-body">
</div>
<div class="col-12">
<div id="accordion" class="mb-3"> <div id="accordion" class="mb-3">
<div class="card mb-1">
<h4 class="m-1">
<label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center"> <span>Filter</span>
<span class="font-color-black">Filters</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true"> 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> </a>
</label> </h4>
<div class="card mb-1">
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion"> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
<div class="form-group"> <div class="form-group">
@ -86,7 +83,7 @@ table.dataTable tbody td {
<option value="0" selected>Select Insurer</option> <option value="0" selected>Select Insurer</option>
<?php if (isset($insurer) && count($insurer)) { ?> <?php if (isset($insurer) && count($insurer)) { ?>
<?php foreach ($insurer as $value) { ?> <?php foreach ($insurer as $value) { ?>
<option value="<?= $value['id']?>"><?= $value['name']?></option> <option value="<?= $value['id'] ?>"><?= $value['name'] ?></option>
<?php } ?> <?php } ?>
<?php } ?> <?php } ?>
</select> </select>
@ -174,6 +171,8 @@ table.dataTable tbody td {
</div> </div>
</div> </div>
</div>
<div class="col-12" id="second_page"> <div class="col-12" id="second_page">
<div class="card"> <div class="card">
@ -200,7 +199,7 @@ table.dataTable tbody td {
</thead> </thead>
<tbody> <tbody>
<?php if (isset($business_list)) { ?> <?php if (isset($business_list)) { ?>
<?php foreach($business_list as $index => $row){ ?> <?php foreach ($business_list as $index => $row) { ?>
<tr> <tr>
<td><?= $index + 1 ?></td> <td><?= $index + 1 ?></td>
<td><?php echo $row['client_name']; ?></td> <td><?php echo $row['client_name']; ?></td>
@ -242,7 +241,7 @@ table.dataTable tbody td {
</div> </div>
<script> <script>
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function() {
const table = document.getElementById("scroll-horizontal-datatable"); const table = document.getElementById("scroll-horizontal-datatable");
// Create custom dropdown // Create custom dropdown
@ -328,13 +327,13 @@ document.addEventListener("DOMContentLoaded", function () {
activeDropdown = null; activeDropdown = null;
} }
}); });
}); });
</script> </script>
<script> <script>
// Datatable document ready // Datatable document ready
$(document).ready(function() { $(document).ready(function() {
var ticketsTable = $('#scroll-horizontal-datatable'); var ticketsTable = $('#scroll-horizontal-datatable');
@ -343,8 +342,7 @@ $(document).ready(function() {
dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
"<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
buttons: [ buttons: [{
{
extend: 'collection', extend: 'collection',
text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>', text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
className: 'btn app-btn-secondary ', className: 'btn app-btn-secondary ',
@ -385,8 +383,8 @@ $(document).ready(function() {
$(sheet).find('sheetData').append(totalRow); $(sheet).find('sheetData').append(totalRow);
} }
} }
]} ]
], }],
language: { language: {
search: "_INPUT_", search: "_INPUT_",
searchPlaceholder: "Search..." searchPlaceholder: "Search..."
@ -398,16 +396,16 @@ $(document).ready(function() {
} else { } else {
console.error("Table not found."); console.error("Table not found.");
} }
}); });
$(document).ready(function() { $(document).ready(function() {
getURLParams() getURLParams()
$('#client_id').select2(); $('#client_id').select2();
$('#insurer_id').select2(); $('#insurer_id').select2();
$('#policy_type_id').select2(); $('#policy_type_id').select2();
}) })
function fetchEmpolyeeList(event) { function fetchEmpolyeeList(event) {
event.preventDefault(); // Prevent default action event.preventDefault(); // Prevent default action
var start_date = $('#startDate').val(); var start_date = $('#startDate').val();
@ -434,13 +432,13 @@ function fetchEmpolyeeList(event) {
const apiURL = $('#get-emp-list').attr('href') + "?" + queryString; const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
console.log(apiURL); console.log(apiURL);
window.location.href = apiURL; window.location.href = apiURL;
} }
function objectToQueryString(obj) { function objectToQueryString(obj) {
return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&'); return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
} }
function getURLParams() { function getURLParams() {
const url = new URL(window.location.href); const url = new URL(window.location.href);
const params = new URLSearchParams(url.search); const params = new URLSearchParams(url.search);
@ -479,9 +477,9 @@ function getURLParams() {
} }
} }
$(function() { $(function() {
const url = new URL(window.location.href); const url = new URL(window.location.href);
const params = new URLSearchParams(url.search); const params = new URLSearchParams(url.search);
@ -506,7 +504,9 @@ $(function() {
$('#reportrange').daterangepicker({ $('#reportrange').daterangepicker({
startDate: start, startDate: start,
endDate: end, endDate: end,
locale: { format: 'DD-MM-YYYY' }, locale: {
format: 'DD-MM-YYYY'
},
ranges: { ranges: {
'Today': [moment(), moment()], 'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
@ -536,9 +536,9 @@ $(function() {
cb(start, end); // Update the displayed date range cb(start, end); // Update the displayed date range
}); });
}); });
function hideDateField(input = null) { function hideDateField(input = null) {
let val = $('#date_type').val(); let val = $('#date_type').val();
if (input) { if (input) {
@ -550,9 +550,9 @@ function hideDateField(input = null) {
} else { } else {
$('#date_div').hide() $('#date_div').hide()
} }
} }
function sendPolicyTransactionID(event, pt_id) { function sendPolicyTransactionID(event, pt_id) {
event.preventDefault(); // Prevent default action event.preventDefault(); // Prevent default action
console.log(pt_id); console.log(pt_id);
@ -565,5 +565,5 @@ function sendPolicyTransactionID(event, pt_id) {
const apiURL = $('#get-policy-list').attr('href') + "?" + queryString; const apiURL = $('#get-policy-list').attr('href') + "?" + queryString;
console.log(apiURL); console.log(apiURL);
window.location.href = apiURL; window.location.href = apiURL;
} }
</script> </script>

View File

@ -1,10 +1,10 @@
<style> <style>
.col-12 { .col-12 {
max-width: 98% !important; max-width: 98% !important;
} }
.autocomplete-suggestions { .autocomplete-suggestions {
border: 1px solid #d4d4d4; border: 1px solid #d4d4d4;
max-height: 150px; max-height: 150px;
overflow-y: auto; overflow-y: auto;
@ -13,30 +13,33 @@
width: inherit; width: inherit;
z-index: 1; z-index: 1;
} }
.autocomplete-suggestion { .autocomplete-suggestion {
padding: 8px; padding: 8px;
cursor: pointer; cursor: pointer;
} }
.autocomplete-suggestion:hover { .autocomplete-suggestion:hover {
background-color: #e9e9e9; background-color: #e9e9e9;
} }
</style> </style>
<div class="row"> <div class="row">
<div class="col-12" style="margin-top: -12px;"> <div class="col-12" style="margin-top: -12px;">
<div class="card-body">
<div id="accordion" class="mb-3"> <div id="accordion" class="mb-3">
<div class="card mb-1"> <div class="card mb-1">
<h5 class="m-1"> <h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true"> aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-down 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> </a>
</h5> </h4>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion"> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body" style="margin-top: 0px;"> <div class="card-body" style="margin-top: 0px;">
<div class="form-group"> <div class="form-group">
<form method="post" action="<?= base_url("/dmsSearch");?>" id='dms_search_form'> <form method="post" action="<?= base_url("/dmsSearch"); ?>" id='dms_search_form'>
<div class="form-row"> <div class="form-row">
<div class="form-group col-md-4"> <div class="form-group col-md-4">
@ -92,6 +95,8 @@
</div> </div>
</div> </div>
</div>
</div> </div>
<!-- end page title --> <!-- end page title -->
@ -117,7 +122,7 @@
</thead> </thead>
<tbody> <tbody>
<?php if (isset($files)) { ?> <?php if (isset($files)) { ?>
<?php foreach($files as $index => $row){ ?> <?php foreach ($files as $index => $row) { ?>
<tr> <tr>
<td><?= $index + 1 ?></td> <td><?= $index + 1 ?></td>
<td><?php echo $row['doc_name']; ?></td> <td><?php echo $row['doc_name']; ?></td>
@ -128,7 +133,7 @@
class="mdi mdi-download" class="mdi mdi-download"
style="font-size: 18px;" style="font-size: 18px;"
target="_blank" target="_blank"
href="<?= base_url("/downloadGdriveFile?client_id=" . $row['client_id'] . "&file_type=" . $row['file_type'] . "&file_name=" . $row['file_name']."&client_policy_id=".$row['client_policy_id']); ?>"> href="<?= base_url("/downloadGdriveFile?client_id=" . $row['client_id'] . "&file_type=" . $row['file_type'] . "&file_name=" . $row['file_name'] . "&client_policy_id=" . $row['client_policy_id']); ?>">
</a> </a>
</td> </td>
@ -147,36 +152,33 @@
<script> <script>
$(document).ready(function() {
$(document).ready(function() {
// $('#client_id').select2(); // $('#client_id').select2();
// $('#insurer_id').select2(); // $('#insurer_id').select2();
// $('#policy_type_id').select2(); // $('#policy_type_id').select2();
const customer_suggestions = <?php echo json_encode($customers); ?>; const customer_suggestions = <?php echo json_encode($customers); ?>;
const policy_suggestions = <?php echo json_encode($policies); ?>; const policy_suggestions = <?php echo json_encode($policies); ?>;
showSuggestions('customer','customer_suggestions','customer_id',customer_suggestions); showSuggestions('customer', 'customer_suggestions', 'customer_id', customer_suggestions);
showSuggestions('policy','policy_suggestions','policy_id',policy_suggestions); showSuggestions('policy', 'policy_suggestions', 'policy_id', policy_suggestions);
}) })
// Datatable document ready // Datatable document ready
$(document).ready(function() { $(document).ready(function() {
var ticketsTable = $('#scroll-horizontal-datatable'); var ticketsTable = $('#scroll-horizontal-datatable');
if (ticketsTable.length) { if (ticketsTable.length) {
ticketsTable.DataTable({ ticketsTable.DataTable({
scrollX: true, scrollX: true,
dom: "<'row'<'col-sm-2'f><'col-sm-10 text-right'B>>" + dom: "<'row'<'col-sm-2'f><'col-sm-10 text-right'B>>" +
"<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>", "<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [ buttons: [{
{
extend: 'collection', extend: 'collection',
text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>', text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
className: 'btn app-btn-secondary ', className: 'btn app-btn-secondary ',
buttons: [ buttons: [{
{
extend: 'csv', extend: 'csv',
text: '<i class="mdi mdi-file-delimited " ></i><span class=" btn-custom"> CSV </span>', text: '<i class="mdi mdi-file-delimited " ></i><span class=" btn-custom"> CSV </span>',
className: 'app-btn-primary ', className: 'app-btn-primary ',
@ -190,18 +192,19 @@ if (ticketsTable.length) {
className: 'app-btn-primary ', className: 'app-btn-primary ',
} }
] ]
} }],
],
paging: true, paging: true,
pageLength: 25, pageLength: 25,
order: [[0, 'desc']] order: [
[0, 'desc']
]
}); });
} else { } else {
console.error("Table not found."); console.error("Table not found.");
} }
}); });
function showSuggestions(inputID, suggestionBoxID,hiddenInputID,suggestions) { function showSuggestions(inputID, suggestionBoxID, hiddenInputID, suggestions) {
// console.log('showSuggestions'); // console.log('showSuggestions');
// console.log(suggestions);return; // console.log(suggestions);return;
@ -235,11 +238,10 @@ function showSuggestions(inputID, suggestionBoxID,hiddenInputID,suggestions) {
}); });
} }
}); });
} }
function fetchFileList(event) function fetchFileList(event) {
{
event.preventDefault(); event.preventDefault();
var customer = document.getElementById('customer').value; var customer = document.getElementById('customer').value;
@ -249,19 +251,19 @@ function fetchFileList(event)
var cus_doc_name = document.getElementById('cus_doc_name').value; var cus_doc_name = document.getElementById('cus_doc_name').value;
var policy_doc_name = document.getElementById('policy_doc_name').value; var policy_doc_name = document.getElementById('policy_doc_name').value;
if(policy == '' && customer == '') if (policy == '' && customer == '') {
{ alert('choose customer or policy');
alert('choose customer or policy');return false; return false;
} }
if(customer == '' && cus_doc_name != '') if (customer == '' && cus_doc_name != '') {
{ alert('choose customer');
alert('choose customer');return false; return false;
} }
if(policy == '' && policy_doc_name != '') if (policy == '' && policy_doc_name != '') {
{ alert('choose policy');
alert('choose policy');return false; return false;
} }
@ -269,8 +271,5 @@ function fetchFileList(event)
let customEvent = new CustomEvent('fetchFileListCustomEvent'); let customEvent = new CustomEvent('fetchFileListCustomEvent');
$('#dms_search_form').submit(); $('#dms_search_form').submit();
} }
</script> </script>

View File

@ -1,22 +1,23 @@
<style> <style>
.table th, .table th,
.table td { .table td {
padding: 8px; padding: 8px;
} }
table.dataTable tbody td { table.dataTable tbody td {
padding: 4px 4px !important; padding: 4px 4px !important;
} }
.col-12 { .col-12 {
max-width: 98% !important; max-width: 98% !important;
} }
.dataTables_filter { .dataTables_filter {
position: absolute; position: absolute;
} }
.custom-dropdown-menu {
.custom-dropdown-menu {
display: none; display: none;
position: absolute; position: absolute;
background-color: #ffffff !important; background-color: #ffffff !important;
@ -26,38 +27,36 @@ table.dataTable tbody td {
min-width: 10rem; min-width: 10rem;
z-index: 9999; z-index: 9999;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
} }
.custom-dropdown-menu .dropdown-item { .custom-dropdown-menu .dropdown-item {
display: block !important; display: block !important;
width: 100% !important; width: 100% !important;
padding: 0.5rem 1rem !important; padding: 0.5rem 1rem !important;
color: #212529 !important; color: #212529 !important;
text-decoration: none !important; text-decoration: none !important;
background-color: transparent !important; background-color: transparent !important;
} }
.custom-dropdown-menu .dropdown-item:hover { .custom-dropdown-menu .dropdown-item:hover {
background-color: #f8f9fa !important; background-color: #f8f9fa !important;
color: #16181b !important; color: #16181b !important;
cursor: pointer !important; cursor: pointer !important;
} }
</style> </style>
<div class="col-12">
<h4 class="ml-1 mb-3"> <span class="font-color-black">Finance Team</span> </h4>
</div>
<div class="col-12" id="finance_filter"> <div class="col-12" id="finance_filter">
<div class="card-body">
<div id="accordion" class="mb-3"> <div id="accordion" class="mb-3">
<label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center"> <div class="card mb-1">
<span class="font-color-black">Filters</span> <h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true"> aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-down 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> </a>
</label> </h4>
<div class="card mb-1">
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion"> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
<div class="form-group"> <div class="form-group">
@ -84,7 +83,7 @@ table.dataTable tbody td {
<option value="0" selected>Select Insurer</option> <option value="0" selected>Select Insurer</option>
<?php if (isset($insurer) && count($insurer)) { ?> <?php if (isset($insurer) && count($insurer)) { ?>
<?php foreach ($insurer as $value) { ?> <?php foreach ($insurer as $value) { ?>
<option value="<?= $value['id']?>"><?= $value['name']?></option> <option value="<?= $value['id'] ?>"><?= $value['name'] ?></option>
<?php } ?> <?php } ?>
<?php } ?> <?php } ?>
</select> </select>
@ -170,6 +169,7 @@ table.dataTable tbody td {
</div> </div>
</div> </div>
</div>
<div class="col-12" id="finance_list"> <div class="col-12" id="finance_list">
<div class="card"> <div class="card">
@ -196,7 +196,7 @@ table.dataTable tbody td {
</thead> </thead>
<tbody> <tbody>
<?php if (isset($finance_list)) { ?> <?php if (isset($finance_list)) { ?>
<?php foreach($finance_list as $index => $row){ ?> <?php foreach ($finance_list as $index => $row) { ?>
<tr> <tr>
<td><?= $index + 1 ?></td> <td><?= $index + 1 ?></td>
<td><?php echo $row['client_name']; ?></td> <td><?php echo $row['client_name']; ?></td>
@ -238,7 +238,7 @@ table.dataTable tbody td {
</div> </div>
<script> <script>
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function() {
const table = document.getElementById("scroll-horizontal-datatable"); const table = document.getElementById("scroll-horizontal-datatable");
// Create custom dropdown // Create custom dropdown
@ -324,14 +324,14 @@ document.addEventListener("DOMContentLoaded", function () {
activeDropdown = null; activeDropdown = null;
} }
}); });
}); });
</script> </script>
<script> <script>
// Datatable document ready // Datatable document ready
$(document).ready(function() { $(document).ready(function() {
var ticketsTable = $('#scroll-horizontal-datatable'); var ticketsTable = $('#scroll-horizontal-datatable');
@ -340,8 +340,7 @@ $(document).ready(function() {
dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
"<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
buttons: [ buttons: [{
{
extend: 'collection', extend: 'collection',
text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>', text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
className: 'btn app-btn-secondary ', className: 'btn app-btn-secondary ',
@ -382,8 +381,8 @@ $(document).ready(function() {
$(sheet).find('sheetData').append(totalRow); $(sheet).find('sheetData').append(totalRow);
} }
} }
]} ]
], }],
language: { language: {
search: "_INPUT_", search: "_INPUT_",
searchPlaceholder: "Search..." searchPlaceholder: "Search..."
@ -395,16 +394,16 @@ $(document).ready(function() {
} else { } else {
console.error("Table not found."); console.error("Table not found.");
} }
}); });
$(document).ready(function() { $(document).ready(function() {
getURLParams() getURLParams()
$('#client_id').select2(); $('#client_id').select2();
$('#insurer_id').select2(); $('#insurer_id').select2();
$('#policy_type_id').select2(); $('#policy_type_id').select2();
}) })
function fetchEmpolyeeList(event) { function fetchEmpolyeeList(event) {
event.preventDefault(); // Prevent default action event.preventDefault(); // Prevent default action
var start_date = $('#startDate').val(); var start_date = $('#startDate').val();
@ -431,13 +430,13 @@ function fetchEmpolyeeList(event) {
const apiURL = $('#get-emp-list').attr('href') + "?" + queryString; const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
console.log(apiURL); console.log(apiURL);
window.location.href = apiURL; window.location.href = apiURL;
} }
function objectToQueryString(obj) { function objectToQueryString(obj) {
return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&'); return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
} }
function getURLParams() { function getURLParams() {
const url = new URL(window.location.href); const url = new URL(window.location.href);
const params = new URLSearchParams(url.search); const params = new URLSearchParams(url.search);
@ -476,9 +475,9 @@ function getURLParams() {
} }
} }
$(function() { $(function() {
const url = new URL(window.location.href); const url = new URL(window.location.href);
const params = new URLSearchParams(url.search); const params = new URLSearchParams(url.search);
@ -503,7 +502,9 @@ $(function() {
$('#reportrange').daterangepicker({ $('#reportrange').daterangepicker({
startDate: start, startDate: start,
endDate: end, endDate: end,
locale: { format: 'DD-MM-YYYY' }, locale: {
format: 'DD-MM-YYYY'
},
ranges: { ranges: {
'Today': [moment(), moment()], 'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
@ -533,9 +534,9 @@ $(function() {
cb(start, end); // Update the displayed date range cb(start, end); // Update the displayed date range
}); });
}); });
function hideDateField(input = null) { function hideDateField(input = null) {
let val = $('#date_type').val(); let val = $('#date_type').val();
if (input) { if (input) {
@ -547,9 +548,9 @@ function hideDateField(input = null) {
} else { } else {
$('#date_div').hide() $('#date_div').hide()
} }
} }
function sendPolicyTransactionID(event, pt_id) { function sendPolicyTransactionID(event, pt_id) {
event.preventDefault(); // Prevent default action event.preventDefault(); // Prevent default action
console.log(pt_id); console.log(pt_id);
@ -562,5 +563,5 @@ function sendPolicyTransactionID(event, pt_id) {
const apiURL = $('#get-policy-list').attr('href') + "?" + queryString; const apiURL = $('#get-policy-list').attr('href') + "?" + queryString;
console.log(apiURL); console.log(apiURL);
window.location.href = apiURL; window.location.href = apiURL;
} }
</script> </script>

View File

@ -1,6 +1,4 @@
<div class="col-xl-12">
<h4 class="ml-1 mb-3"> <span class="font-color-black">IRBA</span> </h4>
</div>
<div class="container-fluid-min"> <div class="container-fluid-min">
<div class="col-xl-12" id="outstanding_filter"> <div class="col-xl-12" id="outstanding_filter">

View File

@ -212,10 +212,9 @@
background-color: #D4F5F6; background-color: #D4F5F6;
z-index: 700; z-index: 700;
padding: 0 !important; padding: 0 !important;
height: 90vh; /* full screen height */ height: 90% !important;
position: fixed !important;
display: flex; display: flex;
flex-direction: column; flex-flow: column wrap;
} }
/* every <li> inside should be allowed to shrink */ /* every <li> inside should be allowed to shrink */

View File

@ -36,7 +36,7 @@ table.dataTable thead th {
margin-bottom: 10px; margin-bottom: 10px;
} }
custom-dropdown-menu { .custom-dropdown-menu {
display: none; display: none;
position: fixed; position: fixed;
background-color: #ffffff !important; background-color: #ffffff !important;

View File

@ -1,14 +1,15 @@
<div class="container-fluid-min"> <div class="container-fluid-min">
<div class="col-xl-12"> <div class="col-xl-12">
<div class="card-body">
<div id="accordion" class="mb-3"> <div id="accordion" class="mb-3">
<label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center"> <div class="card mb-1">
<h4>Filters</h4> <h4 class="m-1">
<span>Filter</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true"> 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> </a>
</label> </h4>
<div class="card mb-1">
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion"> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
<!-- <div class="text-center"> --> <!-- <div class="text-center"> -->
@ -73,6 +74,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="report"></div> <div id="report"></div>