khantey/nrml_dashboard
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make nav-bar sticky

Browse Source
This commit is contained in:
Khantey Long
2026-03-19 09:50:21 +07:00
parent e80cb128bf
commit aab4bd25dc
2 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
dashboard/app/Services/DashboardService.php
View File

@@ -684,11 +684,12 @@ class DashboardService
return SurveillanceCase::selectRaw(" return SurveillanceCase::selectRaw("
CASE CASE
WHEN patient_age_inday < 365 THEN '0-1y' WHEN patient_age_inday < 365 THEN '<1 year'
WHEN patient_age_inday < 1825 THEN '1-5y' WHEN patient_age_inday < 1825 THEN '1–4 years'
WHEN patient_age_inday < 6570 THEN '5-18y' WHEN patient_age_inday < 6570 THEN '5–17 years'
WHEN patient_age_inday < 21900 THEN '18-60y' WHEN patient_age_inday < 16425 THEN '18–44 years'
ELSE '60+y' WHEN patient_age_inday < 23725 THEN '45–64 years'
ELSE '65+ years'
END as age_group, END as age_group,
COUNT(*) as total COUNT(*) as total
") ")

13
dashboard/resources/views/layouts/app.blade.php
View File

@@ -7,10 +7,10 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" /> <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script> <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<script src="/js/dashboard/filter.js"></script> <script src="/js/dashboard/filter.js"></script>
<script src="/js/dashboard/charts.js"></script> <script src="/js/dashboard/charts.js"></script>
@@ -41,6 +41,11 @@
background: white; background: white;
border-bottom: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;
padding-left: 15px; padding-left: 15px;
position: sticky;
top: 0;
z-index: 1000;
background: white;
border-bottom: 1px solid #dcdcdc;
} }
/* NAV ITEMS */ /* NAV ITEMS */
@@ -57,14 +62,12 @@
background: #cce0d4; background: #cce0d4;
} }
/* ACTIVE TAB */
.active-tab { .active-tab {
color: #0B8F3C; color: #0B8F3C;
border-bottom: 3px solid #0B8F3C; border-bottom: 3px solid #0B8F3C;
background: #e5efe8; background: #e5efe8;
} }
/* CONTENT */
.content-area { .content-area {
padding: 25px; padding: 25px;
} }