feat: Modern Theme and Dashboard Enhancements

- Implemented Modern Theme (Inter font, Rounded UI, Indigo/White palette)
- Updated Login Page with gradient background and modern card
- Added Age Demographics to Dashboard (Stats count)
- Integrated Chart.js for Population Donut Chart
- Made Dashboard Info Boxes clickable with Age Category filtering
- Updated Resident Data table to support age filtering
This commit is contained in:
2026-01-18 22:02:48 +08:00
parent 7c71bdc1f9
commit 80951b57a0
6 changed files with 386 additions and 7 deletions

View File

@@ -33,6 +33,14 @@
$jk = mysqli_real_escape_string($koneksi, $_GET['jekel']);
$sql_filter = " AND p.jekel='$jk'";
}
if(isset($_GET['kategori'])){
$kat = mysqli_real_escape_string($koneksi, $_GET['kategori']);
if($kat=="Balita") $sql_filter .= " AND TIMESTAMPDIFF(YEAR, tgl_lh, CURDATE()) BETWEEN 0 AND 5";
elseif($kat=="Anak") $sql_filter .= " AND TIMESTAMPDIFF(YEAR, tgl_lh, CURDATE()) BETWEEN 6 AND 12";
elseif($kat=="Remaja") $sql_filter .= " AND TIMESTAMPDIFF(YEAR, tgl_lh, CURDATE()) BETWEEN 13 AND 17";
elseif($kat=="Dewasa") $sql_filter .= " AND TIMESTAMPDIFF(YEAR, tgl_lh, CURDATE()) BETWEEN 18 AND 59";
elseif($kat=="Lansia") $sql_filter .= " AND TIMESTAMPDIFF(YEAR, tgl_lh, CURDATE()) >= 60";
}
$sql = $koneksi->query("SELECT p.id_pend, p.nik, p.nama, p.jekel, p.desa, p.rt, p.rw, a.id_kk, k.no_kk, k.kepala from
tb_pdd p left join tb_anggota a on p.id_pend=a.id_pend