powji/webgis-pemetaan-sosial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
powji17
2026-06-12 15:51:04 +07:00
parent 04e4529195
commit 21307a323e
3 changed files with 217 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebGISPovertyMapping/index.php
+82 -7
View File
@@ -20,7 +20,12 @@ $role = $isLoggedIn ? $_SESSION['role'] : 'viewer';
<div class="sidebar-header">
<i class="fa-solid fa-map-location-dot"></i>
Sistem Pemetaan
<span style="flex:1;">Sistem Pemetaan</span>
<?php if ($isLoggedIn): ?>
<a href="logout.php" class="btn-logout-header" title="Logout">
<i class="fa-solid fa-right-from-bracket"></i>
</a>
<?php endif; ?>
</div>
<div class="sidebar-body">
@@ -33,6 +38,44 @@ $role = $isLoggedIn ? $_SESSION['role'] : 'viewer';
<small><?= ucfirst($role) ?></small>
</div>
<div class="sidebar-divider"></div>
<span class="sidebar-label">Statistik</span>
<div class="sidebar-stats">
<div class="stat-row">
<span class="stat-label">
<i class="fa-solid fa-house-chimney-crack"></i> Total Prasejahtera
</span>
<span class="stat-value" id="stat-total">—</span>
</div>
<div class="stat-divider"></div>
<div class="stat-row">
<span class="stat-label">
<span class="stat-dot" style="background:#27ae60;"></span> Tercakup
</span>
<span class="stat-value green" id="stat-tercakup">—</span>
</div>
<div class="stat-row">
<span class="stat-label">
<span class="stat-dot" style="background:#e74c3c;"></span> Belum Tercakup
</span>
<span class="stat-value red" id="stat-tidak">—</span>
</div>
<div class="stat-progress-wrap">
<div class="stat-progress-bar">
<div class="stat-progress-fill" id="stat-progress" style="width:0%"></div>
</div>
<span class="stat-persen" id="stat-persen">0%</span>
<span class="stat-persen-label">tercakup</span>
</div>
<div class="stat-divider"></div>
<div class="stat-row">
<span class="stat-label">
<i class="fa-solid fa-place-of-worship"></i> Rumah Ibadah
</span>
<span class="stat-value" id="stat-ibadah">—</span>
</div>
</div>
<?php if (in_array($role, ['admin', 'operator'])): ?>
<div class="sidebar-divider"></div>
<span class="sidebar-label">Input Data</span>
@@ -87,11 +130,6 @@ $role = $isLoggedIn ? $_SESSION['role'] : 'viewer';
</label>
</div>
<div class="sidebar-divider"></div>
<a href="logout.php" class="btn-logout">
<i class="fa-solid fa-right-from-bracket"></i> Logout
</a>
<?php else: ?>
<div class="viewer-info">
@@ -102,8 +140,45 @@ $role = $isLoggedIn ? $_SESSION['role'] : 'viewer';
</a>
<div class="sidebar-divider"></div>
<span class="sidebar-label">Visualisasi</span>
<span class="sidebar-label">Statistik</span>
<div class="sidebar-stats">
<div class="stat-row">
<span class="stat-label">
<i class="fa-solid fa-house-chimney-crack"></i> Total Prasejahtera
</span>
<span class="stat-value" id="stat-total">—</span>
</div>
<div class="stat-divider"></div>
<div class="stat-row">
<span class="stat-label">
<span class="stat-dot" style="background:#27ae60;"></span> Tercakup
</span>
<span class="stat-value green" id="stat-tercakup">—</span>
</div>
<div class="stat-row">
<span class="stat-label">
<span class="stat-dot" style="background:#e74c3c;"></span> Belum Tercakup
</span>
<span class="stat-value red" id="stat-tidak">—</span>
</div>
<div class="stat-progress-wrap">
<div class="stat-progress-bar">
<div class="stat-progress-fill" id="stat-progress" style="width:0%"></div>
</div>
<span class="stat-persen" id="stat-persen">0%</span>
<span class="stat-persen-label">tercakup</span>
</div>
<div class="stat-divider"></div>
<div class="stat-row">
<span class="stat-label">
<i class="fa-solid fa-place-of-worship"></i> Rumah Ibadah
</span>
<span class="stat-value" id="stat-ibadah">—</span>
</div>
</div>
<div class="sidebar-divider"></div>
<span class="sidebar-label">Visualisasi</span>
<div class="layer-control">
<label class="layer-item">
<input type="checkbox" checked onchange="toggleLayer('tercakup', this)">