feat: add dashboard feature with modular API endpoints and UI integration

This commit is contained in:
Syariffullah
2026-06-11 09:17:48 +07:00
parent b77d4f6869
commit db3ff299c1
13 changed files with 1054 additions and 17 deletions
+19 -1
View File
@@ -61,6 +61,10 @@
<span class="sidebar-emoji">🏠</span>
<span class="sidebar-label">Miskin</span>
</button>
<button class="sidebar-btn" id="menuDashboard" style="display:none;" title="Dashboard">
<span class="sidebar-emoji">📊</span>
<span class="sidebar-label">Dashboard</span>
</button>
<div class="sidebar-divider" id="sidebarAdminDivider" style="display:none;"></div>
<button class="sidebar-btn" id="menuUsers" style="display:none;" title="Manajemen Pengguna">
@@ -254,6 +258,17 @@
</div>
</div>
<!-- Dashboard Modal -->
<div id="dashboardModal" class="unified-modal">
<div class="modal-content">
<div class="modal-header">
<h3>📊 Dashboard Informasi</h3>
<span class="modal-close" id="closeDashboardModal">&times;</span>
</div>
<div id="dashboardBody"></div>
</div>
</div>
<!-- User Management Modal -->
<div id="userManagementModal" class="unified-modal">
<div class="modal-content" style="width: 700px; max-width: 95%;">
@@ -346,7 +361,7 @@
<div style="flex:1;">
<div style="font-size: 13px; font-weight: 700; color: #fbbf24; margin-bottom: 4px; letter-spacing: 0.3px;">DISCLAIMER DATA DUMMY</div>
<div style="font-size: 12px; line-height: 1.6; color: #cbd5e1;">
Seluruh data pada aplikasi ini termasuk <strong style="color:#fde68a;">nama penduduk, foto rumah, dan foto Kartu Keluarga (KK)</strong> merupakan <strong style="color:#fde68a;">data fiktif / dummy</strong> yang hanya digunakan untuk keperluan demonstrasi dan pengujian sistem. Bukan data nyata.
Seluruh data pada aplikasi ini termasuk <strong style="color:#fde68a;">nama kepala keluarga, foto rumah, dan foto Kartu Keluarga (KK)</strong> merupakan <strong style="color:#fde68a;">data fiktif / dummy</strong> yang hanya digunakan untuk keperluan demonstrasi dan pengujian sistem. Bukan data nyata.
</div>
</div>
<button onclick="document.getElementById('disclaimerBanner').style.display='none'" style="
@@ -386,5 +401,8 @@
<!-- Core Auth Feature -->
<script src="assets/js/features/auth.js?v=<?= time() ?>"></script>
<!-- Dashboard Feature -->
<script src="assets/js/features/dashboard.js?v=<?= time() ?>"></script>
</body>
</html>