CHANGE DASHBOARD THEME NEW - VADIVEL J 2025-08-16

This commit is contained in:
vadivelJ96 2025-08-16 18:54:53 +05:30
parent 15d8e2299d
commit f02686d59a
4 changed files with 57 additions and 15 deletions

View File

@ -278,7 +278,7 @@
<div data-toggle="modal" data-target="#right-modal" class="card dash-card"
onclick="getPendingActionClientDataForDashboard(this, 'SI Enhancement Pending', 'SI')">
<div class="card-block">
<h4 class="mb-3">SI Enhancment Pending</h4>
<h4 class="mb-3">SI Enhancment </h4>
<h2>
<span class="span-color"><?= $pendingActionsData['si_enhancement'] ?></span>
</h2>
@ -348,7 +348,10 @@ function getPendingActionClientDataForDashboard(input, headerName, type)
console.log('hi')
$(".modal-body").empty();
$("#right-modalLabel").html(`<h1 style="font-size:larger;">${headerName}</h1>`);
$("#right-modalLabel").html(
`<p style="font-size:25px;font-weight:600;">${headerName}</p>`
);
$.ajax({
url: '<?= base_url("util/featch_dashboard_data/") ?>' + type,

View File

@ -981,6 +981,17 @@ function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes,
</script>
<script>
$(document).ready(function() {
$('.img-inactive').on('click', function() {
$('.img-c').addClass('img-inactive');
$(this).removeClass('.img-inactive');
$(this).addClass('.img-active');
});
});
</script>
</body>

View File

@ -64,6 +64,9 @@
<link rel="manifest" href="../manifest.json">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
@ -466,6 +469,30 @@
});
</script>
<style>
.img-inactive{
background-color: white;
margin: 10px 12px;
border-radius: 5px;
border: 4px solid white;padding: 8px !important;
min-height: 43px !important;
}
.img-active{
background-color: #B7F0F2;
margin: 10px 12px;
border-radius: 5px;
border: 4px solid #00999E;padding: 8px !important;
min-height: 43px !important;
}
</style>
<style>
*{
font-family: 'Poppins', sans-serif !important;
}
</style>
@ -504,8 +531,8 @@
<li>
<a href="<?= base_url('/dashboard/view') ?>">
<i class="ri-dashboard-line"></i>
<a href="<?= base_url('/dashboard/view') ?>" class="img-inactive-not-working">
<i class="ri-dashboard-line" style="color:black;"></i>
<span > Dashboard </span>
</a>
</li>
@ -513,8 +540,8 @@
<!-- client -->
<?php if (in_array(get_role_id(), [1,2,3,5])) { ?>
<li>
<a href="<?= base_url('/client/list') ?>">
<img
<a href="<?= base_url('/client/list') ?>" class="img-inactive-not-working" >
<img style="border-radius: 5px;"
src="<?= base_url() . "public"; ?>/assets/images/clients_sb.png" alt="Logo" height="24">
<span> Clients </span>
</a>
@ -524,8 +551,8 @@
<!-- Enrollment process -->
<?php if (in_array(get_role_id(), [1,2,3,5]) || in_array(ENROLLMENT_TEAM_ID, user_team())) { ?>
<li>
<a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
<img
<a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect img-inactive-not-working" >
<img style="border-radius: 5px;"
src="<?= base_url() . "public"; ?>/assets/images/action_on_policies_sb.png" alt="Logo" height="20">
<span> Action on Policies </span>
</a>
@ -556,7 +583,7 @@
<?php if (get_role_id() == 1 || get_role_id() == 5) { ?>
<li>
<a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
<a href="#sidebarDashboards" data-toggle="collapse" class=" img-inactive-not-working">
<img
src="<?= base_url() . "public"; ?>/assets/images/masters_sb.png" alt="Logo" height="20">
<span> Masters </span>
@ -608,7 +635,7 @@
<!-- Claims -->
<?php if (in_array(get_role_id(), [1,2,3,5]) || in_array(CLAIMS_TEAM_ID, user_team())) { ?>
<li>
<a href="#sidebarDashboardsTicket" data-toggle="collapse" class="waves-effect">
<a href="#sidebarDashboardsTicket" data-toggle="collapse" class="waves-effect img-inactive-not-working">
<img
src="<?= base_url() . "public"; ?>/assets/images/claims_sb.png" alt="Logo" height="20">
<span> Claims </span>
@ -638,7 +665,7 @@
<!-- leads -->
<?php if (in_array(get_role_id(), [1,2,3,5]) || in_array(BUSINESS_SUPPORT_TEAM_ID, user_team()) || in_array(SALES_TEAM_ID, user_team())) { ?>
<li>
<a href="<?= base_url('/leads/list') ?>">
<a href="<?= base_url('/leads/list') ?>" class="img-inactive-not-working">
<img
src="<?= base_url() . "public"; ?>/assets/images/leads_sb.png" alt="Logo" height="20">
<span> Leads </span>
@ -649,7 +676,7 @@
<!-- BDS -->
<?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
<li>
<a href="#policyTransactions" data-toggle="collapse" class="waves-effect">
<a href="#policyTransactions" data-toggle="collapse" class="waves-effect img-inactive-not-working">
<img
src="<?= base_url() . "public"; ?>/assets/images/policy_transactions_sb.png" alt="Logo" height="20">
<span> Policy Transactions </span>
@ -798,7 +825,7 @@
<!-- Ad -->
<?php if (in_array(get_role_id(), [1,2,3,5])) { ?>
<li>
<a id="app_content_management" href="#sidebarDashboardsmenu" data-toggle="collapse" class="waves-effect" style="color: grey;">
<a id="app_content_management" href="#sidebarDashboardsmenu" data-toggle="collapse" class="waves-effect img-inactive-not-working" style="color: grey;">
<img
src="<?= base_url() . "public"; ?>/assets/images/app_content_mng_sb.png" alt="Logo" height="20">
<span>App Content Mgmt</span>
@ -816,7 +843,7 @@
</li>
<?php } ?>
<li>
<a id="user_manual" href="<?= base_url("autobookstackLogin") ?>" class="waves-effect" target="_blank" rel="noopener noreferrer">
<a id="user_manual" href="<?= base_url("autobookstackLogin") ?>" class="waves-effect img-inactive-not-working" target="_blank" rel="noopener noreferrer">
<img
src="<?= base_url() . "public"; ?>/assets/images/user_manual_sb.png" alt="Logo" height="20">
<span>User Manual</span>
@ -883,6 +910,7 @@
</div>
<!-- End of Top Bar -->
<br>
<!-- ============================================================== -->

View File

@ -11,7 +11,7 @@
<h5 class="m-1">
<div class="row">
<div class="col-md-6" style="position: relative;left: 17px;">
<h4 style="text-align: left;">Lead Filter</h4>
<h4 style="text-align: left; margin-left:30px;">Lead Filter</h4>
</div>
<div class="col-md-6">
<a style="text-align: right;" id="toggleIcon" class="text-dark float-right"