menambahkan fitur statistik pada sidebar dan memindahkan tombol login dari bawah sidebar ke header sidebar

2026-06-12 15:51:04 +07:00
parent 04e4529195
commit 21307a323e
3 changed files with 217 additions and 23 deletions
@@ -161,6 +161,7 @@ function perbaruiWarnaPrasejahtera() {
            p.marker.addTo(layerTidakTercakup);
        }
    }
+    updateRingkasan();
 }

 // --- MANAJEMEN MODE UI ---
@@ -928,4 +929,26 @@ function buatHeatmap() {
            1.0: '#e74c3c'   // merah  = kepadatan sangat tinggi
        }
    }).addTo(map);
+}
+
+function updateRingkasan() {
+    let totalPrasejahtera = Object.keys(dataPrasejahtera).length;
+    let totalIbadah       = Object.keys(dataIbadah).length;
+    let totalTercakup     = layerTercakup.getLayers().length;
+    let totalTidak        = layerTidakTercakup.getLayers().length;
+    let persen            = totalPrasejahtera > 0
+        ? Math.round((totalTercakup / totalPrasejahtera) * 100) : 0;
+
+    document.getElementById('stat-total').textContent    = totalPrasejahtera;
+    document.getElementById('stat-tercakup').textContent = totalTercakup;
+    document.getElementById('stat-tidak').textContent    = totalTidak;
+    document.getElementById('stat-persen').textContent   = persen + '%';
+    document.getElementById('stat-ibadah').textContent   = totalIbadah;
+
+    // Update progress bar
+    document.getElementById('stat-progress').style.width = persen + '%';
+
+    // Warna progress bar berdasarkan persentase
+    let warna = persen >= 70 ? '#27ae60' : persen >= 40 ? '#f39c12' : '#e74c3c';
+    document.getElementById('stat-progress').style.background = warna;
 }