CHANGE_MAIL_TEMPLATE_REFACTOR - VADIVEL J 2025-09-26

This commit is contained in:
vadivelJ96 2025-09-26 15:04:13 +05:30
parent 95704465b4
commit 5474d6b90c
8 changed files with 2958 additions and 3031 deletions

View File

@ -135,6 +135,9 @@ class EmployeeController extends AdminController
// dd($this->request->getGet()); // dd($this->request->getGet());
$this->myLogger->logme('error', 'list called'); $this->myLogger->logme('error', 'list called');
$data['page_name'] = "Members";
$this->loadLayout('employee_list', $data); $this->loadLayout('employee_list', $data);
} }
@ -789,6 +792,9 @@ class EmployeeController extends AdminController
} }
$this->myLogger->logme('error', 'list called'); $this->myLogger->logme('error', 'list called');
$data['page_name'] = "Endorsement";
$this->loadLayout('endorsement_list', $data); $this->loadLayout('endorsement_list', $data);
} }
@ -833,6 +839,9 @@ class EmployeeController extends AdminController
// dd($data); // dd($data);
$this->myLogger->logme('error', 'list called'); $this->myLogger->logme('error', 'list called');
$data['page_name'] = "Enrollment";
return $this->loadLayout('enrollment_list', $data); return $this->loadLayout('enrollment_list', $data);
} }
@ -3042,6 +3051,8 @@ class EmployeeController extends AdminController
// print_r($data); die; // print_r($data); die;
// } // }
$data['page_name'] = "Retail Endorsement";
$this->loadLayout('retail_endorsement_list', $data); $this->loadLayout('retail_endorsement_list', $data);
} }

View File

@ -45,25 +45,20 @@ table.dataTable tbody td {
color: #16181b !important; color: #16181b !important;
cursor: pointer !important; cursor: pointer !important;
} }
.row{
margin-right:20px !important;
margin-left:30px !important;
}
</style> </style>
<div class="row"> <div class="row">
<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">
<div class="card mb-1"> <div class="card mb-1">
<h3 class="m-1"> <h4>
<span>Members</span> Filter
<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>
</h3> </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"> <div class="card-body">
<!-- <div class="text-center"> --> <!-- <div class="text-center"> -->
@ -140,11 +135,14 @@ table.dataTable tbody td {
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<?php // include('employee_data_list.php');?> <?php // include('employee_data_list.php');
?>
<div id="employee_table_list"></div> <div id="employee_table_list"></div>
@ -337,10 +335,8 @@ function init() {
} }
} }
} }
</script> </script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
// Initialize select2 // Initialize select2
$("#clients").select2(); $("#clients").select2();
@ -655,8 +651,7 @@ document.getElementById('toggleIcon').addEventListener('click', function() {
}); });
function sendManualEcard(input) function sendManualEcard(input) {
{
console.log('sendManualEcard function called'); console.log('sendManualEcard function called');
var client_id = $('#clients').val() var client_id = $('#clients').val()
@ -667,8 +662,7 @@ function sendManualEcard(input)
console.log('client_id', client_id); console.log('client_id', client_id);
console.log('client_branch_id', client_branch_id); console.log('client_branch_id', client_branch_id);
if(client_id == 0 || client_branch_id == 0 || policy_id == 0) if (client_id == 0 || client_branch_id == 0 || policy_id == 0) {
{
Swal.fire({ Swal.fire({
title: "warning!", title: "warning!",
text: 'Please select the Client, Client Branch and Policy.', text: 'Please select the Client, Client Branch and Policy.',
@ -718,5 +712,4 @@ function sendManualEcard(input)
}); });
} }
</script> </script>

View File

@ -15,17 +15,18 @@
</style> </style>
<div class="container-fluid-min"> <div class="container-fluid-min">
<h2>Endorsement</h2>
<div class="row"> <div class="row">
<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">
<div class="card mb-1"> <div class="card mb-1">
<label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center"> <h4>
<span class="font-color-black">Filters</span> Filter
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" aria-expanded="true"> <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> <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
</a> </a>
</label> </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"> <div class="card-body">
<!-- <div class="text-center"> --> <!-- <div class="text-center"> -->
@ -76,6 +77,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row" id="client_list"> <div class="row" id="client_list">
@ -594,8 +597,7 @@
dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-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-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>", "<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [ buttons: [{
{
text: '<i class="mdi mdi-plus" ></i><span class=" btn-custom"> Create New Ticket </span>', text: '<i class="mdi mdi-plus" ></i><span class=" btn-custom"> Create New Ticket </span>',
className: 'btn app-btn-primary mr-2', className: 'btn app-btn-primary mr-2',
action: function(e, dt, node, config) { action: function(e, dt, node, config) {
@ -606,8 +608,7 @@
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 ',
@ -657,8 +658,10 @@
}, },
paging: true, paging: true,
// pagingType: 'full_numbers' // pagingType: 'full_numbers'
columnDefs: [ columnDefs: [{
{ type: 'scientific', targets: 0 } // Apply custom sorting type to the first column type: 'scientific',
targets: 0
} // Apply custom sorting type to the first column
], ],
}); });

View File

@ -31,12 +31,15 @@
box-shadow: 6px 5px 8px 0 #00000036; box-shadow: 6px 5px 8px 0 #00000036;
cursor: pointer; cursor: pointer;
} }
.click_hover .text-muted { .click_hover .text-muted {
color: #fff !important; color: #fff !important;
} }
.click_hover span { .click_hover span {
color: #fff !important; color: #fff !important;
} }
.card { .card {
border-radius: 10px; border-radius: 10px;
} }
@ -61,8 +64,7 @@
#categoryFilter_12 a, #categoryFilter_12 a,
#categoryFilter_13 a, #categoryFilter_13 a,
#categoryFilter_14 a #categoryFilter_14 a {
{
background-color: #00999E; background-color: #00999E;
box-shadow: 0px 2px 4px 0px #00000040; box-shadow: 0px 2px 4px 0px #00000040;
@ -94,14 +96,13 @@
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 2px 4px 0px #00000024 !important; box-shadow: 0px 2px 4px 0px #00000024 !important;
} }
</style> </style>
<div class="container-fluid-min"> <div class="container-fluid-min">
<h2>Enrollment</h2>
<div class="row visa_status_count_view"> <div class="row visa_status_count_view">
<div class="col-12"> <div class="col-12">
<div class="card-body">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<div class="row"> <div class="row">
@ -211,6 +212,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row" id="client_list"> <div class="row" id="client_list">
@ -278,9 +281,7 @@
</div><!-- /.modal --> </div><!-- /.modal -->
<script> <script>
function populateBranches() {
function populateBranches()
{
var clientId = document.getElementById('clients').value; var clientId = document.getElementById('clients').value;
var branchDropdown = document.getElementById('branch_id'); var branchDropdown = document.getElementById('branch_id');
@ -302,8 +303,7 @@
}); });
} }
function populatePolicies() function populatePolicies() {
{
console.log('populatePolicies function called'); console.log('populatePolicies function called');
var clientId = document.getElementById('clients').value; var clientId = document.getElementById('clients').value;
@ -334,8 +334,7 @@
}); });
} }
function filterTable(columnIndex, filterValue) function filterTable(columnIndex, filterValue) {
{
var table = $('#tickets-table').DataTable(); var table = $('#tickets-table').DataTable();
// Reset the search filter for all columns // Reset the search filter for all columns
@ -345,8 +344,7 @@
table.column(columnIndex).search(filterValue).draw(); table.column(columnIndex).search(filterValue).draw();
} }
function fetchEmpolyeeList(event) function fetchEmpolyeeList(event) {
{
event.preventDefault(); event.preventDefault();
var client_id = $('#clients').val(); var client_id = $('#clients').val();
@ -444,8 +442,7 @@
}); });
} }
$(document).ready(function() $(document).ready(function() {
{
function getUrlParameter(name) { function getUrlParameter(name) {
var params = new URLSearchParams(window.location.search); var params = new URLSearchParams(window.location.search);
@ -472,7 +469,9 @@
} }
if (history.pushState) { if (history.pushState) {
var newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname; var newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
window.history.pushState({path: newUrl}, '', newUrl); window.history.pushState({
path: newUrl
}, '', newUrl);
} }
setTimeout(() => { setTimeout(() => {
@ -514,13 +513,11 @@
// filename: 'Enrolment List' // filename: 'Enrolment List'
// } // }
// ], // ],
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: 'copy', extend: 'copy',
text: '<i class="mdi mdi-content-copy"></i>', text: '<i class="mdi mdi-content-copy"></i>',
titleAttr: 'Copy', titleAttr: 'Copy',
@ -549,8 +546,7 @@
className: 'app-btn-primary ', className: 'app-btn-primary ',
} }
] ]
} }],
],
initComplete: function() { initComplete: function() {
// Add custom class to the print button // Add custom class to the print button
$('.buttons-print').addClass('buttons-html5'); $('.buttons-print').addClass('buttons-html5');
@ -641,8 +637,7 @@
toggleContent(); toggleContent();
}); });
function toggleContent() function toggleContent() {
{
var content = document.getElementById("statusContent"); var content = document.getElementById("statusContent");
var toggleIcon = document.getElementById("toggleIcon"); var toggleIcon = document.getElementById("toggleIcon");
if (content.style.display === "none") { if (content.style.display === "none") {
@ -659,8 +654,7 @@
//---------------------------------------------------------------------------------------------------- //----------------------------------------------------------------------------------------------------
function uploadEnrollmentFile(input) function uploadEnrollmentFile(input) {
{
console.log('uploadEnrollmentFile called'); console.log('uploadEnrollmentFile called');
var client_id = $('#clients').val() var client_id = $('#clients').val()
@ -716,8 +710,7 @@
} }
function appendpolicy(data) function appendpolicy(data) {
{
$('#policy_id').empty(); $('#policy_id').empty();
$('#policy_id').append($('<option>', { $('#policy_id').append($('<option>', {
@ -813,8 +806,7 @@
}); });
function sendManualReminder(input) function sendManualReminder(input) {
{
console.log('sendManualReminder function called'); console.log('sendManualReminder function called');
var client_id = $('#clients').val() var client_id = $('#clients').val()

View File

@ -136,20 +136,17 @@
padding: 0px 40px 0px 40px !important; padding: 0px 40px 0px 40px !important;
} }
body[data-sidebar-size=condensed]:not([data-layout=compact]):not(.auth-fluid-pages) body[data-sidebar-size=condensed]:not([data-layout=compact]):not(.auth-fluid-pages) {
{
min-height: 100vh !important; min-height: 100vh !important;
} }
body .content-page { body .content-page {
margin-top: 90px !important; margin-top: 90px !important;
} }
</style> </style>
<!-- navbar --> <!-- navbar -->
<style> <style>
.nav-bar { .nav-bar {
position: fixed !important; position: fixed !important;
z-index: 1000; z-index: 1000;
@ -190,7 +187,6 @@
<!-- sidebar --> <!-- sidebar -->
<style> <style>
#side-menu .menu-logo a:hover { #side-menu .menu-logo a:hover {
background-color: transparent !important; background-color: transparent !important;
color: inherit !important; color: inherit !important;
@ -220,7 +216,8 @@
/* every <li> inside should be allowed to shrink */ /* every <li> inside should be allowed to shrink */
.left-side-menu li { .left-side-menu li {
flex-shrink: 1 !important; flex-shrink: 1 !important;
min-height: 0 !important; /* prevents flex bugs */ min-height: 0 !important;
/* prevents flex bugs */
} }
@ -246,8 +243,6 @@
padding: 8px !important; padding: 8px !important;
min-height: 43px !important; min-height: 43px !important;
} }
</style> </style>
<!-- rightbar --> <!-- rightbar -->
@ -765,10 +760,6 @@
padding: 15px !important; padding: 15px !important;
} }
table[data-custom-table="table"] thead.bg-light tr[role="row"]{
display:none !important;
}
table[data-custom-table-css="table"] thead.bg-light { table[data-custom-table-css="table"] thead.bg-light {
background-color: transparent !important; background-color: transparent !important;
} }
@ -782,7 +773,6 @@
border-bottom: 2px solid #F5FFFF !important; border-bottom: 2px solid #F5FFFF !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
</style> </style>
<!-- Datatable section starts --> <!-- Datatable section starts -->
@ -861,6 +851,85 @@
.buttons-html5 { .buttons-html5 {
margin-right: 10px !important; margin-right: 10px !important;
} }
.dataTables_scrollBody thead.bg-light tr,
.dataTables_scrollBody thead tr {
visibility: collapse !important;
/* hides + removes row space */
height: 0 !important;
}
.dataTables_scrollBody thead.bg-light th {
padding: 0 !important;
margin: 0 !important;
border: none !important;
height: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}
/* Wrapper around the search input */
.datatable-search-wrapper {
position: relative;
display: inline-block;
width: 100%;
}
/* The search input itself */
.dataTables_filter input {
background: #F0F0F0 !important;
color: #707070 !important;
font-weight: 400 !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
border-color: #F0F0F0 !important;
margin-left: 1px !important;
}
/* Placeholder styling */
.dataTables_filter input::placeholder {
color: #707070 !important;
font-weight: 400 !important;
}
/* The magnify icon */
.datatable-search-icon {
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #707070 !important;
font-size: 18px !important;
pointer-events: none;
/* prevents blocking typing */
}
.datatable-search {
margin-right: auto;
}
.datatable-buttons {
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 */
}
/* Applies only to tables with data-custom-table-css="table" */
table[data-custom-table-css="table"] tbody tr td {
padding: 8px 10px !important; /* spacing */
line-height: 20px; /* consistent spacing for text */
min-height: 40px; /* makes sense here if you use display:block */
vertical-align: middle; /* aligns text properly */
}
</style> </style>
@ -1023,7 +1092,8 @@
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 2px 2px 0px #00000040; box-shadow: 0px 2px 2px 0px #00000040;
overflow: hidden; overflow: hidden;
background-color: #F5FFFF !important; /* fallback */ background-color: #F5FFFF !important;
/* fallback */
} }
/* ✅ Toolbar (header) */ /* ✅ Toolbar (header) */
@ -1036,7 +1106,8 @@
/* ✅ Footer / status bar */ /* ✅ Footer / status bar */
.jodit .jodit-status-bar { .jodit .jodit-status-bar {
background-color: #F5FFFF !important; background-color: #F5FFFF !important;
border-top: 1px solid #ddd; /* optional: keep a light separator */ border-top: 1px solid #ddd;
/* optional: keep a light separator */
} }
/* ✅ Editable content (div mode) */ /* ✅ Editable content (div mode) */
@ -1051,25 +1122,22 @@
background-color: #F5FFFF !important; background-color: #F5FFFF !important;
border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;
} }
</style> </style>
<!-- jodit section inside modal --> <!-- jodit section inside modal -->
<style> <style>
/* ✅ Whole editor box */ /* ✅ Whole editor box */
.modal .jodit { .modal .jodit {
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 2px 2px 0px #00000040; box-shadow: 0px 2px 2px 0px #00000040;
overflow: hidden; overflow: hidden;
background-color: #ECECEC !important; /* fallback */ background-color: #ECECEC !important;
/* fallback */
} }
.modal .jodit p { .modal .jodit p {
background-color: #ECECEC !important; /* fallback */ background-color: #ECECEC !important;
/* fallback */
} }
/* ✅ Toolbar (header) */ /* ✅ Toolbar (header) */
@ -1082,7 +1150,8 @@
/* ✅ Footer / status bar */ /* ✅ Footer / status bar */
.modal .jodit .jodit-status-bar { .modal .jodit .jodit-status-bar {
background-color: #ECECEC !important; background-color: #ECECEC !important;
border-top: 1px solid #ddd; /* optional: keep a light separator */ border-top: 1px solid #ddd;
/* optional: keep a light separator */
} }
/* ✅ Editable content (div mode) */ /* ✅ Editable content (div mode) */
@ -1097,7 +1166,6 @@
background-color: #ECECEC !important; background-color: #ECECEC !important;
border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;
} }
</style> </style>
@ -1160,10 +1228,14 @@
/* Cancel Bootstrap's .form-control for file inputs */ /* Cancel Bootstrap's .form-control for file inputs */
input[type="file"].form-control { input[type="file"].form-control {
height: auto !important; /* remove forced height */ height: auto !important;
padding: initial !important; /* reset padding */ /* remove forced height */
font-size: inherit !important; /* reset font size */ padding: initial !important;
line-height: normal !important; /* reset line height */ /* reset padding */
font-size: inherit !important;
/* reset font size */
line-height: normal !important;
/* reset line height */
} }
@ -1201,8 +1273,7 @@
.buttons-collection, .buttons-collection,
input[type="submit"], input[type="submit"],
#get-emp-list, #get-emp-list,
.submit-btn .submit-btn {
{
color: #fff !important; color: #fff !important;
background-color: #E26728 !important; background-color: #E26728 !important;
border-color: #E26728 !important; border-color: #E26728 !important;
@ -1218,14 +1289,11 @@
} }
.cancel-btn, .cancel-btn,
.modal-footer .cancel-btn .modal-footer .cancel-btn {
{
color: #000000 !important; color: #000000 !important;
background-color: #ffffff !important; background-color: #ffffff !important;
border-color: #E26728 !important; border-color: #E26728 !important;
} }
</style> </style>
<!-- accordian --> <!-- accordian -->
@ -1500,78 +1568,7 @@
} }
</style> </style>
<style>
.dataTables_scrollBody thead.bg-light tr
{
visibility: collapse !important; /* hides + removes row space */
height: 0 !important;
}
.dataTables_scrollBody thead.bg-light th
{
padding: 0 !important;
margin: 0 !important;
border: none !important;
height: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}
/* Wrapper around the search input */
.datatable-search-wrapper {
position: relative;
display: inline-block;
width: 100%;
}
/* The search input itself */
.dataTables_filter input {
background: #F0F0F0 !important;
color: #707070 !important;
font-weight: 400 !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
border-color: #F0F0F0 !important;
margin-left : 1px !important;
}
/* Placeholder styling */
.dataTables_filter input::placeholder {
color: #707070 !important;
font-weight: 400 !important;
}
/* The magnify icon */
.datatable-search-icon {
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #707070 !important;
font-size: 18px !important;
pointer-events: none; /* prevents blocking typing */
}
.datatable-search {
margin-right: auto;
}
.datatable-buttons {
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>
</head> </head>
@ -1611,7 +1608,7 @@
<li class="li-seperate" id="dashboard-li"> <li class="li-seperate" id="dashboard-li">
<a href="<?= base_url('/dashboard/view') ?>" class="img-inactive"> <a href="<?= base_url('/dashboard/view') ?>" class="img-inactive">
<i class="ri-dashboard-line" style="color:black;"></i> <i class="ri-dashboard-line" style="color:black;"></i>
<span> Dashboard </span> <span style="color: #02a8b5;"> Dashboard </span>
</a> </a>
</li> </li>

View File

@ -265,82 +265,54 @@
<div class="col-6" style="align-self: center;"> <div class="col-6" style="align-self: center;">
<h4 style="position: relative;">Policy List </h4> <h4 style="position: relative;">Policy List </h4>
</div> </div>
<div> <div class="table-responsive">
<table data-custom-table-css="table" class="table mb-0 nowrap w-100 table-centered" cellspacing="0" id="tickets-table">
<thead class="bg-light">
<tr>
<th><div class="column-header">S.No&nbsp;</div></th>
<th><div class="column-header">Issuer&nbsp;</div></th>
<th><div class="column-header">Business Type&nbsp;</div></th>
<th><div class="column-header">Client Type&nbsp;</div></th>
<th><div class="column-header">Client / Branch&nbsp;</div></th>
<th><div class="column-header">Insurer&nbsp;</div></th>
<th><div class="column-header">Policy&nbsp;</div></th>
<th><div class="column-header">Policy No&nbsp;</div></th>
<th><div class="column-header">Policy Issue Date&nbsp;</div></th>
<th><div class="column-header">D.O.C&nbsp;</div></th>
<th><div class="column-header">D.O.E&nbsp;</div></th>
<th><div class="column-header">No of Insured&nbsp;</div></th>
<th><div class="column-header">No of Dependents&nbsp;</div></th>
<th><div class="column-header">Status&nbsp;</div></th>
<th><div class="column-header">User&nbsp;</div></th>
<th><div class="column-header">Action</div></th>
</tr>
</thead>
<div class="col-3" id="status_change" style="text-align: right; position: relative;top: 56px; left: 291px;">
<!-- <button type="button" id="btnAdd" class="btn btn-primary waves-effect waves-light" onclick="hide_list_show_add();">Add</button> -->
</div>
</div>
<div>
<table data-custom-table-css="table" class="table table-striped mb-0 nowrap" cellspacing="0" id="tickets-table"> <table data-custom-table-css="table" class="table table-striped mb-0 nowrap" cellspacing="0" id="tickets-table">
<thead class="bg-light"> <thead class="bg-light">
<tr> <tr>
<th> <th>
<div class="column-header">S.No.</div> <div class="column-header">S.No&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Issuer</div> <div class="column-header">Issuer&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Business Type</div> <div class="column-header">Business Type&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Client Type</div> <div class="column-header">Client Type&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Client / Branch</div> <div class="column-header">Client / Branch&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Insurer</div> <div class="column-header">Insurer&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Policy</div> <div class="column-header">Policy&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Policy No</div> <div class="column-header">Policy No&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Policy Issue Date</div> <div class="column-header">Policy Issue Date&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">D.O.C</div> <div class="column-header">D.O.C&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">D.O.E</div> <div class="column-header">D.O.E&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">No of Insured</div> <div class="column-header">No of Insured&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">No of Dependents</div> <div class="column-header">No of Dependents&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Status</div> <div class="column-header">Status&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">User</div> <div class="column-header">User&nbsp;</div>
</th> </th>
<th> <th>
<div class="column-header">Action</div> <div class="column-header">Action</div>
@ -630,8 +602,7 @@ $(document).ready(function() {
// } // }
// } // }
// ], // ],
buttons: [ buttons: [{
{
text: '<i class="mdi mdi-plus" ></i><span class=" btn-custom"> Add </span>', text: '<i class="mdi mdi-plus" ></i><span class=" btn-custom"> Add </span>',
className: 'btn app-btn-primary mr-2', className: 'btn app-btn-primary mr-2',
action: function(e, dt, node, config) { action: function(e, dt, node, config) {
@ -642,14 +613,12 @@ $(document).ready(function() {
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 ',
title: 'Policy-Tranction-Inception-List', title: 'Policy-Tranction-Inception-List',
} }]
]
} }
], ],
language: { language: {
@ -740,8 +709,7 @@ $(document).ready(function(){
//-------------------------------------------------------------------------------------------------------- //--------------------------------------------------------------------------------------------------------
function hide_list_show_add() function hide_list_show_add() {
{
$('#page_title').text('Add Policy') $('#page_title').text('Add Policy')
$('#inception_form_id')[0].reset(); $('#inception_form_id')[0].reset();
$('#client_id').val('').change().prop('disabled', false); $('#client_id').val('').change().prop('disabled', false);
@ -770,8 +738,7 @@ function hide_list_show_add()
$('.branchdiv').show(); $('.branchdiv').show();
} }
function show_list_hide_add() function show_list_hide_add() {
{
$('#pt_onboarding').hide() $('#pt_onboarding').hide()
$('#inception_list').show() $('#inception_list').show()
$('#inception_filter').show(); $('#inception_filter').show();
@ -780,8 +747,7 @@ function show_list_hide_add()
count = 0 count = 0
} }
function getClientAndBranchAndPolicy() function getClientAndBranchAndPolicy() {
{
$.ajax({ $.ajax({
url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>', url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
type: "GET", type: "GET",
@ -801,6 +767,8 @@ function getClientAndBranchAndPolicy()
} else { } else {
console.log('No data found'); console.log('No data found');
} }
}
});
} }
// Check on page load // Check on page load
@ -816,7 +784,7 @@ function getClientAndBranchAndPolicy()
e.preventDefault(); e.preventDefault();
toastr.warning('Please select Client and Client Branch before filling out the form.'); toastr.warning('Please select Client and Client Branch before filling out the form.');
}); });
});
// select2 document ready // select2 document ready
$(document).ready(function() { $(document).ready(function() {

View File

@ -12,12 +12,16 @@
position: relative; position: relative;
left: 79px; left: 79px;
} }
.emp_data_model { .emp_data_model {
font-size: 17px; /* keep fixed size */ font-size: 17px;
/* keep fixed size */
color: #555 !important; color: #555 !important;
cursor: pointer; cursor: pointer;
transition: transform 0.2s, color 0.2s; /* smooth hover effect */ transition: transform 0.2s, color 0.2s;
display: inline-block; /* important for transform */ /* smooth hover effect */
display: inline-block;
/* important for transform */
} }
.emp_data_model:hover { .emp_data_model:hover {
@ -27,16 +31,18 @@
</style> </style>
<div class="container-fluid-min"> <div class="container-fluid-min">
<h2>Retail Endorsement</h2>
<div class="row"> <div class="row">
<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">
<div class="card mb-1"> <div class="card mb-1">
<h5 class="m-1"> <h4>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" aria-expanded="true"> Filter
<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> <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"> <div class="card-body">
<!-- <div class="text-center"> --> <!-- <div class="text-center"> -->
@ -89,6 +95,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row" id="client_list"> <div class="row" id="client_list">
@ -353,13 +361,11 @@
// } // }
// } // }
// }], // }],
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 ',
@ -376,10 +382,8 @@
} }
} }
} }
}, }, ]
] }],
}
],
initComplete: function(settings, json) { initComplete: function(settings, json) {
$('.my_class').css({ $('.my_class').css({
"position": "relative", "position": "relative",
@ -396,8 +400,10 @@
}, },
paging: true, paging: true,
// pagingType: 'full_numbers' // pagingType: 'full_numbers'
columnDefs: [ columnDefs: [{
{ type: 'scientific', targets: 0 } // Apply custom sorting type to the first column type: 'scientific',
targets: 0
} // Apply custom sorting type to the first column
], ],
}); });

View File

@ -155,49 +155,6 @@
<h4 style="position: relative;">Variance Report</h4> <h4 style="position: relative;">Variance Report</h4>
</div> </div>
</div>
<div class="table-responsive">
<table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap">
<thead class="bg-light">
<tr>
<th>S.No</th>
<th>Client</th>
<th>Client Branch</th>
<th>Insurer</th>
<th>Insurer Branch</th>
<th>Policy</th>
<th>Endorsement No</th>
<th>Premium</th>
<th>Statement Premium</th>
<th>Premium Variance</th>
<th>Expected Amount</th>
<th>Statement Amount</th>
<th>Variance</th>
</tr>
</thead>
<tbody>
<?php if (isset($varience_list)) { ?>
<?php foreach ($varience_list as $index => $row) { ?>
<tr>
<td><?= $index + 1 ?></td>
<td><?php echo $row['client_name']; ?></td>
<td><?php echo $row['client_branch_name']; ?></td>
<td><?php echo $row['insurer_name']; ?></td>
<td><?php echo $row['insurer_branch_name']; ?></td>
<td><?php echo $row['policy_type'] . ' - ' . $row['policy_no']; ?></td>
<td><?php echo $row['endorsement_no']; ?></td>
<td class="right-align-input"><?php echo $row['original_premium']; ?></td>
<td class="right-align-input"><?php echo isset($row['statement_premium']) ? $row['statement_premium'] : '0.00'; ?></td>
<td class="right-align-input"><?php echo $row['premium_variance_amt']; ?></td>
<td class="right-align-input"><?php echo $row['exp_amt']; ?></td>
<td class="right-align-input"><?php echo isset($row['statement_amount']) ? $row['statement_amount'] : '0.00'; ?></td>
<td class="right-align-input"><?php echo isset($row['variance_amt']) ? $row['variance_amt'] : '0.00'; ?></td>
</tr>
<?php } ?>
<?php } ?>
</tbody>
</table>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap"> <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap">
@ -546,9 +503,9 @@ function getClientAndBranchAndPolicy()
error: function(xhr, status, error) { error: function(xhr, status, error) {
console.error(xhr.responseText); console.error(xhr.responseText);
console.error(status, error); console.error(status, error);
>>>>>>> 3e7d3426 (FIX_XL button and Search)
} }
}); });
}
$(document).ready(function() { $(document).ready(function() {
getClientAndBranchAndPolicy() getClientAndBranchAndPolicy()