feat: menambah fungsionalitas status koneksi pada header

2026-06-09 23:27:48 +07:00
parent e30d1b4891
commit 49a8d0e0d4
3 changed files with 43 additions and 2 deletions
@@ -914,4 +914,30 @@ function showDashboard(ibadahName, totalKK, sudahBantuan, belumBantuan, families

 function closeDashboard() {
    document.getElementById('dashboard-sidebar').classList.remove('open');
-}
+}
+
+// ==========================================
+// 16. SISTEM MONITORING KONEKSI DINAMIS
+// ==========================================
+function updateConnectionStatus() {
+    var statusEl = document.getElementById('connection-status');
+    if (!statusEl) return;
+
+    if (navigator.onLine) {
+        statusEl.classList.remove('offline');
+        statusEl.classList.add('online');
+        statusEl.setAttribute('title', 'Koneksi Stabil');
+    } else {
+        statusEl.classList.remove('online');
+        statusEl.classList.add('offline');
+        statusEl.setAttribute('title', 'Koneksi Terputus - Peta mungkin tidak dimuat sempurna');
+    }
+}
+
+// Event listeners untuk mendeteksi perubahan status koneksi
+window.addEventListener('online', updateConnectionStatus);
+window.addEventListener('offline', updateConnectionStatus);
+
+// Jalankan saat pertama kali dimuat
+document.addEventListener('DOMContentLoaded', updateConnectionStatus);
+updateConnectionStatus();