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

@ -16,6 +16,7 @@ table.dataTable tbody td {
.dataTables_filter { .dataTables_filter {
position: absolute; position: absolute;
} }
.custom-dropdown-menu { .custom-dropdown-menu {
display: none; display: none;
position: absolute; position: absolute;
@ -44,22 +45,18 @@ table.dataTable tbody td {
} }
</style> </style>
<div class="col-12">
<h4 class="ml-1 mb-3"> <span class="font-color-black">Business Team</span> </h4>
</div>
<div class="col-12"> <div class="col-12">
<div class="card-body">
<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">
@ -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">
@ -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..."
@ -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')],

View File

@ -13,26 +13,29 @@
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">
@ -92,6 +95,8 @@
</div> </div>
</div> </div>
</div>
</div> </div>
<!-- end page title --> <!-- end page title -->
@ -147,7 +152,6 @@
<script> <script>
$(document).ready(function() { $(document).ready(function() {
// $('#client_id').select2(); // $('#client_id').select2();
// $('#insurer_id').select2(); // $('#insurer_id').select2();
@ -170,13 +174,11 @@ if (ticketsTable.length) {
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,11 +192,12 @@ 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.");
@ -238,8 +241,7 @@ 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;
} }
@ -270,7 +272,4 @@ function fetchFileList(event)
$('#dms_search_form').submit(); $('#dms_search_form').submit();
} }
</script> </script>

View File

@ -16,6 +16,7 @@ table.dataTable tbody td {
.dataTables_filter { .dataTables_filter {
position: absolute; position: absolute;
} }
.custom-dropdown-menu { .custom-dropdown-menu {
display: none; display: none;
position: absolute; position: absolute;
@ -44,20 +45,18 @@ table.dataTable tbody td {
} }
</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">
@ -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">
@ -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..."
@ -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')],

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>