CHANGE_new_theme_ui_fixes - VADIVEL J 2025-09-27

app/Views/DashBoard.php

@@ -182,15 +182,14 @@
 
 </style>
 
-<p style="color:black;font-size:x-large;margin-left:20px !important;margin-bottom:20px;"><b>Dashboard</b></p>  
 
 <?php if(in_array(get_role_id(), [1,2,3,4,5]) || (in_array(ENROLLMENT_TEAM_ID, user_team()) || in_array(CLAIMS_TEAM_ID, user_team()) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
 
-<div class="row" id="client_add" style="margin-top: -32px;">
+<div class="row" id="client_add" >
     <div class="col-12">
         <!-- <div class="card"> -->
             <div class="card-body">
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     
                     <?php if(in_array(get_role_id(), [1,2,3,5])) { ?>
 

app/Views/bds_dash.php

@@ -162,7 +162,7 @@
 
     <div class="row d-flex  align-items-center">
         <div class="StatusTileHide" style="padding-left: 25px;">
-            <a href="#" onclick="hide_status_show_pending_tile()" ><b><i class="mdi mdi-chevron-left mdi-36px"></i></b> </a>
+            <a href="#" onclick="hide_status_show_pending_tile()" ><b><i class="mdi mdi-chevron-left mdi-36px chevron-left-dash"></i></b> </a>
         </div>
         <div class="StatusTileHide" style="display: none;padding-left: 15px;">
             <a href="#" id="mainMenuTiles">Current Tile : </a>

app/Views/claims_dash.php

@@ -202,7 +202,7 @@ $isActive = get_role_id() == STAFF_ROLE_ID && in_array(CLAIMS_TEAM_ID,user_team(
 
     <div class="row d-flex  align-items-center">
         <div class="goBack" style="padding-left: 25px;">
-            <a href="#" onclick="hideAndShowTile('2')" ><b><i class="mdi mdi-chevron-left mdi-36px"></i></b> </a>
+            <a href="#" onclick="hideAndShowTile('2')" ><b><i class="mdi mdi-chevron-left mdi-36px chevron-left-dash"></i></b> </a>
         </div>
         <div class="goBack" style="display: none;padding-left: 15px;">
             <a href="#" id="current_tile">Current Tile : </a>

app/Views/client_onboarding.php

@@ -316,7 +316,14 @@ body {
                 
                 <br>
 
-                <ul class="nav nav-pills navtab-bg" >
+                <div class="tab-wrapper">
+
+                </div>
+
+                <div class="tab-wrapper position-relative">
+                    <!-- Left Arrow -->
+                    <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active" id="general_tab">
@@ -379,6 +386,19 @@ body {
                         </a>
                     </li> -->
                 </ul>
+
+                                    <!-- Right Arrow -->
+                    <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                </div>
+
+                <div class="tab-wrapper position-relative">
+                    <!-- Left Arrow -->
+                    <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                    
+                    <!-- Right Arrow -->
+                    <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                </div>
+
                 <div class="tab-content">
 
                     <div class="tab-pane fade" id="hr-access-tab">

app/Views/import_export.php

@@ -58,7 +58,7 @@
 
     <div class="col-12">
         <div class="card-body">
-            <ul class="nav nav-pills navtab-bg">
+            <ul class="nav nav-pills navtab-bg" id="myTab">
                 <li class="nav-item d-flex justify-content-center align-items-center">
                     <a href="#general-q-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-1 active-tab" id="general_tab">
                         <span class="mr-1"><i class="mdi mdi-contacts"></i></span>

app/Views/insurer_onboarding.php

@@ -20,7 +20,7 @@
                         <span class="title-text ">Insurer</span>
                     </h4>
                 </div>
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active-tab active">

app/Views/kyc_onboarding.php

@@ -50,7 +50,7 @@ body {
                         <a href="<?= base_url("master/kyc/list"); ?>" ><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> </a>
                     </div>
                 </div> -->
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active-tab active">

app/Views/layout/footer.php

@@ -4,11 +4,16 @@
 
 <?php include(__DIR__ . '/../ticket_type_modal.php'); ?>
 
+</div>
 
-<!-- Footer Start -->
+<!-- ============================================================== -->
- <div style="display: block;">
+<!-- End Page content -->
-    <footer class="footer">
+<!-- ============================================================== -->
-        <div class="container-fluid">
+
+    <!-- Footer Start -->
+    <div style="background-color: white !important;">
+        <footer class="footer" style="background-color: white !important;">
+            <div class="">
                 <div class="row">
                     <div class="col-md-6">
                         <script>
@@ -26,14 +31,7 @@
             </div>
         </footer>
     </div>
-
+    <!-- end Footer -->
-<!-- end Footer -->
-
-</div>
-
-<!-- ============================================================== -->
-<!-- End Page content -->
-<!-- ============================================================== -->
 
 
 </div>
@@ -158,30 +156,31 @@
     };
 </script>
 <script>
-$(document).ready(function () {
+    $(document).ready(function() {
 
 
         var pageName = "<?= esc($page_name ?? '') ?>";
 
-    var titleHtml = (pageName && pageName !== "Dashboard")
+        var titleHtml = (pageName && pageName !== "Dashboard") ?
-                ? `<h3>${pageName}</h3>`
+            `<h3 style="margin-right:5px !important;">${pageName}</h3>` :
-                : " ";
+            " ";
 
-    if(pageName && pageName == "Dashboard"){
+        if (pageName && pageName == "Dashboard") {
-        titleHtml = `<h4>Welcome <?= esc(get_session_userdata()->first_name ?? 'NOT SET') ?></h4>`;
+            titleHtml = `<h6 style="margin-right:5px !important;">Welcome <?= esc(get_session_userdata()->first_name ?? 'NOT SET') ?></h6>
+                     <h3>Dashboard</h3>`;
         }
 
 
         $(".top-navbar-title").html(titleHtml);
 
 
-    $('#collapseOne').on('show.bs.collapse', function () {
+        $('#collapseOne').on('show.bs.collapse', function() {
             // When open
             $('#icon').removeClass('mdi-chevron-down').addClass('mdi-chevron-up');
             // $('#filterAccordion').removeAttr("style"); // remove bg/border when open
         });
 
-    $('#collapseOne').on('hide.bs.collapse', function () {
+        $('#collapseOne').on('hide.bs.collapse', function() {
             // When closed
             $('#icon').removeClass('mdi-chevron-up').addClass('mdi-chevron-down');
             // $('#filterAccordion').css({
@@ -191,8 +190,7 @@ $(document).ready(function () {
             //     "box-shadow": "0px 4px 4px 0px #00000040"
             // });
         });
-});
+    });
-
 </script>
 <script>
     var pullNotificationCount = 0;
@@ -210,7 +208,7 @@ $(document).ready(function () {
 
                     // console.log('responce', response)
 
-                    if(response.status == false){
+                    if (response.status == false) {
                         $('#notification_count').html('0')
                         console.log('The session is not set correctly. ')
                         return;
@@ -367,8 +365,7 @@ $(document).ready(function () {
                         // console.log(response[key].length)
                         // console.log('type', typeof response[key].length)
                         // console.log('key', response[key])
-                        if(response[key].length != 'undefined' && response[key].length != undefined)
+                        if (response[key].length != 'undefined' && response[key].length != undefined) {
-                        {
                             pendingActionCount = pendingActionCount + response[key].length;
                         }
                     }
@@ -511,7 +508,7 @@ $(document).ready(function () {
 
                             }
                         });
-                    }else{
+                    } else {
                         console.log('response.correction is undefined or null');
                     }
 
@@ -589,7 +586,7 @@ $(document).ready(function () {
                             }
 
                         });
-                    }else{
+                    } else {
                         console.log('response.deletion is undefined or null');
 
                     }
@@ -665,7 +662,7 @@ $(document).ready(function () {
                             }
 
                         });
-                    }else{
+                    } else {
                         console.log('response.si_enhancement is undefined or null');
 
                     }
@@ -739,7 +736,7 @@ $(document).ready(function () {
 
                             }
                         });
-                    }else{
+                    } else {
                         console.log('response.tpa is undefined or null');
 
                     }
@@ -813,7 +810,7 @@ $(document).ready(function () {
 
                             }
                         });
-                    }else{
+                    } else {
                         console.log('response.uhid is undefined or null');
                     }
                     localStorage.setItem('pendingActionCount', pendingActionCount)
@@ -861,9 +858,7 @@ $(document).ready(function () {
 
 
 <script>
-
+    function formatDate(dateString) {
-    function formatDate(dateString) 
-    {
         // Parse the input date string
         let date = new Date(dateString);
 
@@ -891,8 +886,7 @@ $(document).ready(function () {
         return formattedDate;
     }
 
-    function printCurrentTime() 
+    function printCurrentTime() {
-    {
         var now = new Date();
         var hours = now.getHours().toString().padStart(2, '0');
         var minutes = now.getMinutes().toString().padStart(2, '0');
@@ -902,12 +896,10 @@ $(document).ready(function () {
 
         return currentTime;
     }
-
 </script>
 
 <script>
-
+    function checkDuplicateTableFieldValue(tableName, fieldName, value, callback) {
-function checkDuplicateTableFieldValue(tableName, fieldName, value, callback) {
         $.ajax({
             url: '<?= base_url('util/checkDuplicateTableFieldValue') ?>', // Adjust this to your endpoint in CodeIgniter
             type: 'POST',
@@ -926,9 +918,9 @@ function checkDuplicateTableFieldValue(tableName, fieldName, value, callback) {
                 console.error('AJAX Error:', error);
             }
         });
-}
+    }
 
-function sendAjaxRequestForGlobal(url, method, data = {}, successCallback = null, errorCallback = null) {
+    function sendAjaxRequestForGlobal(url, method, data = {}, successCallback = null, errorCallback = null) {
         $.ajax({
             url: url,
             method: method,
@@ -949,9 +941,9 @@ function sendAjaxRequestForGlobal(url, method, data = {}, successCallback = null
                 }
             }
         });
-}
+    }
 
-function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes, Proceed!", cancelText = "Cancel", icon = "warning") {
+    function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes, Proceed!", cancelText = "Cancel", icon = "warning") {
         return Swal.fire({
             title: message,
             icon: icon,
@@ -963,9 +955,7 @@ function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes,
         }).then((result) => {
             return result.isConfirmed; // Returns true if confirmed, false otherwise
         });
-}
+    }
-
-
 </script>
 
 <script>
@@ -993,9 +983,9 @@ function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes,
             const params = dashboardHistory.tile_params;
 
             if (functionName && typeof window[functionName] === 'function') {
-                    if(params.majorType == 0 && params.minorType == 0){
+                if (params.majorType == 0 && params.minorType == 0) {
                     window[functionName]();
-                    }else{
+                } else {
                     window[functionName](params.majorType, params.minorType);
                 }
 
@@ -1013,7 +1003,6 @@ function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes,
         // slight delay ensures DOM/tab loads completely
         setTimeout(restoreDashboardHistoryIfNeeded, 100);
     });
-
 </script>
 
 <script>
@@ -1038,8 +1027,8 @@ function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes,
 
 
 <script>
-$(document).ready(function(){
+    $(document).ready(function() {
-    $('.nav-link').click(function(){
+        $('.nav-link').click(function() {
 
             // change bg color of tab
             $('.nav-link').removeClass('active-tab');
@@ -1048,28 +1037,76 @@ $(document).ready(function(){
 
 
         });
-});
+    });
 
-// function openModal(modalId) {
+    $(document).ready(function() {
-//     console.log('openModal called with ID:', modalId);
+        // find all nav anchors
-//     var modalEl = document.getElementById(modalId);
+        let $nav = $("ul.nav.nav-pills.navtab-bg");
 
-//     if (typeof bootstrap !== "undefined" && bootstrap.Modal && typeof bootstrap.Modal.getOrCreateInstance === "function") {
+        // check if no anchor has active classes
-//         // ✅ Bootstrap 5
+        if ($nav.find("a.active.active-tab").length === 0) {
-//         var modal = bootstrap.Modal.getOrCreateInstance(modalEl);
+            // add classes to the first anchor
-//         modal.show();
+            $nav.find("li:first-child a").addClass("active active-tab");
-//     } else if (typeof $ !== "undefined" && typeof $.fn.modal === "function") {
-//         // ✅ Bootstrap 4
-//         $('#' + modalId).modal('show');
-//     } else {
-//         console.error("No compatible Bootstrap modal found.");
-//     }
-// }
 
+            // also need to find the tab name and show only active image
+            let tab_name = $nav.find("li:first-child a").attr('href').split('-')[0];
+            tab_name = tab_name.replace('#', '');
+
+
+            switch (tab_name) {
+                case "leads":
+                    $('.active_leads').show();
+                    $('.inactive_leads').hide();
+                    break;
+                case "bds":
+                    $('.active_bds').show();
+                    $('.inactive_bds').hide();
+                    break;
+                case "claims":
+                    $('.active_claims').show();
+                    $('.inactive_claims').hide();
+                    break;
+                case "pending":
+                    $('.active_pending').show();
+                    $('.inactive_pending').hide();
+                    break;
+                default:
+                    break;
+            }
+
+        }
+    });
+
+    $(function(){
+        let $nav = $("ul ");
+
+        $(".left-btn").on("click", function(){
+            $nav.animate({ scrollLeft: $nav.scrollLeft() - 150 }, 200);
+        });
+
+        $(".right-btn").on("click", function(){
+            $nav.animate({ scrollLeft: $nav.scrollLeft() + 150 }, 200);
+        });
+    });
+
+    // function openModal(modalId) {
+    //     console.log('openModal called with ID:', modalId);
+    //     var modalEl = document.getElementById(modalId);
+
+    //     if (typeof bootstrap !== "undefined" && bootstrap.Modal && typeof bootstrap.Modal.getOrCreateInstance === "function") {
+    //         // ✅ Bootstrap 5
+    //         var modal = bootstrap.Modal.getOrCreateInstance(modalEl);
+    //         modal.show();
+    //     } else if (typeof $ !== "undefined" && typeof $.fn.modal === "function") {
+    //         // ✅ Bootstrap 4
+    //         $('#' + modalId).modal('show');
+    //     } else {
+    //         console.error("No compatible Bootstrap modal found.");
+    //     }
+    // }
 </script>
 
 
 </body>
 
 </html>
-

app/Views/layout/header.php

@@ -140,6 +140,10 @@
             min-height: 100vh !important;
         }
 
+        body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a i{
+            margin :0 px !important;
+        }
+
         body .content-page {
             margin-top: 90px !important;
         }
@@ -211,7 +215,7 @@
             padding: 0 !important;
             height: 90% !important;
             display: flex;
-            flex-flow: column wrap;
+            flex-flow: column nowrap;
         }
 
         /* every <li> inside should be allowed to shrink */
@@ -231,7 +235,6 @@
             min-height: 43px !important;
         }
 
-
         .li-seperate {
             margin: 10px 0px;
         }
@@ -244,8 +247,16 @@
             padding: 8px !important;
             min-height: 43px !important;
         }
+
+        .li-seperate a img
+        {
+            margin-left:4px !important;
+        }
+
+
     </style>
     
+
     <!-- rightbar -->
     <style>
         .right-bar {
@@ -279,7 +290,12 @@
         #main_tile,
         #mainMenuTiles {
             font-size: 25px !important;
-            font-weight: 600 !important;
+            font-weight: 500 !important;
+            color: #000 !important;
+        }
+
+        .chevron-left-dash{
+            color:#000;
         }
 
         .nav-link {
@@ -1569,6 +1585,45 @@
         }
     </style>
 
+    <!-- tab swich scrollable -->
+     <style>
+        .tab-wrapper {
+            display: flex;
+            align-items: center;
+            position: relative;
+        }
+
+        /* Make the UL a scrollable flex row */
+        #myTab {
+            display: flex;
+            flex-wrap: nowrap;      /* prevent wrapping */
+            overflow-x: auto;       /* enable horizontal scroll */
+            overflow-y: hidden;
+            white-space: nowrap;    /* keep items on one line */
+            scroll-behavior: smooth;
+            margin: 0;
+            padding: 0 40px;        /* leave space for arrows */
+        }
+
+        /* Hide scrollbars */
+        #myTab::-webkit-scrollbar { display: none; }
+        #myTab { -ms-overflow-style: none; scrollbar-width: none; }
+
+        .scroll-btn {
+            background: #f1f1f1;
+            border: none;
+            cursor: pointer;
+            font-size: 18px;
+            padding: 5px 10px;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: 10;
+        }
+        .left-btn { left: 0; }
+        .right-btn { right: 0; }
+     </style>
+
 
 
 
@@ -1600,7 +1655,8 @@
 
                     <li class="menu-logo">
                         <a href="<?= base_url('/dashboard/view') ?>">
-                            <img src="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.png" alt="Logo">
+                            <img src="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.png" 
+                            style="margin-left:2px;" alt="Logo">
                         </a>
                     </li>
 
@@ -1608,7 +1664,7 @@
 
                     <li class="li-seperate" id="dashboard-li">
                         <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; margin:4px;"></i>
                             <span style="color: #02a8b5;"> Dashboard </span>
                         </a>
                     </li>
@@ -1618,7 +1674,7 @@
                         <li class="li-seperate" id="clients-li">
                             <a href="<?= base_url('/client/list') ?>" class="img-inactive">
                                 <img style="border-radius: 5px;"
-                                    src="<?= base_url() . "public"; ?>/assets/images/clients_sb.png" alt="Logo" height="24">
+                                    src="<?= base_url() . "public"; ?>/assets/images/clients_sb.png" alt="Logo" height="20">
                                 <span> Clients </span>
                             </a>
                         </li>

app/Views/leads_dash.php

@@ -193,7 +193,7 @@ $isActive = get_role_id() == STAFF_ROLE_ID && in_array(ENROLLMENT_TEAM_ID, user_
 
     <div class="row d-flex  align-items-center">
         <div class="status_tile" style="padding-left: 25px;">
-            <a href="#" onclick="hide_and_show_tile('2')" ><b><i class="mdi mdi-chevron-left mdi-36px"></i></b> </a>
+            <a href="#" onclick="hide_and_show_tile('2')" ><b><i class="mdi mdi-chevron-left mdi-36px chevron-left-dash"></i></b> </a>
         </div>
         <div class="status_tile" style="padding-left: 15px;">
             <a href="#" id="main_tile">Current Tile : </a>

app/Views/login.php

@@ -162,3 +162,27 @@
 </body>
 
 </html>
+
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+
+    <?php 
+        $isLoggedIn = check_session();
+        $hasCookie = check_cookie();
+    ?>
+
+    // Safely inject PHP boolean into JavaScript
+    let alreadyLogin = <?= ($isLoggedIn && $hasCookie) ? 'true' : 'false' ?>;
+
+        console.log(typeof alreadyLogin);
+        console.log(alreadyLogin);
+
+    if (!alreadyLogin) {
+        localStorage.clear();
+        console.log("Local storage cleared (no session/cookie).");
+    } else {
+        console.log("Session & cookie found, local storage kept.");
+    }
+
+});
+</script>

app/Views/policy_type_onboarding.php

@@ -50,7 +50,7 @@ body {
                         <span class="title-text ">Policy Type</span>
                     </h4>
                 </div>
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active-tab active">

app/Views/pt_form_file_upload_tab.php

@@ -1,7 +1,7 @@
 <div class="row" id="pt_onboarding" style="position: relative; bottom: 25px; display:none;">
     <div class="col-xl-12">
         <div class="card-body">
-            <ul class="nav nav-pills navtab-bg">
+            <ul class="nav nav-pills navtab-bg" id="myTab">
                 <li class="nav-item">
                     <a href="#form" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2 active" id="general_tab">
                         <span class="mr-1"><i class="mdi mdi-contacts"></i></span>

app/Views/ticket_edit_onbording.php

@@ -53,7 +53,7 @@
                 </div>
 
                 <!-- Navigation Tabs -->
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-tab" data-toggle="tab" class="nav-link px-3 py-2 active label-font-size" id="general_tab"
                             aria-expanded="true">

app/Views/tpa_onboarding.php

@@ -49,7 +49,7 @@ body {
                         <a href="<?= base_url("master/tpa/list"); ?>"><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> </a>
                     </div> -->
                 </div>
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active-tab active">