71 lines
4.3 KiB
PHP
71 lines
4.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
</head>
|
|
<body>
|
|
<div id="sidebar-container">
|
|
<div id="sidebar-header">WebGIS-Pontianak</div>
|
|
<!-- Tab Navigasi -->
|
|
<div class="sidebar-tabs">
|
|
<button class="tab-btn active" onclick="switchTab('tab-kemiskinan')">Pemetaan</button>
|
|
<button class="tab-btn" onclick="switchTab('tab-filter')">Filter Map</button>
|
|
</div>
|
|
<!-- TAB 1: KEMISKINAN (BARU) -->
|
|
<div id="tab-kemiskinan" class="tab-content active">
|
|
<div class="control-panel">
|
|
<button class="btn-gps" onclick="lokasiSaya()"><i class='fa-solid fa-location-crosshairs'></i> Arahkan ke Lokasi Saya</button>
|
|
<button class="btn btn-danger" onclick="eksekusiLogout()" style="margin-top: 15px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px;">
|
|
<span style="font-size: 1.1rem;">🚪</span> Keluar Sesi (Logout)
|
|
</button>
|
|
<!-- Input Garis Kemiskinan -->
|
|
<div class="add-marker-box admin-only" style="margin-bottom: 0; padding: 10px 12px;">
|
|
<label>Batas Garis Kemiskinan (Rp):</label>
|
|
<div style="display:flex; gap:8px; margin-top:5px;">
|
|
<input type="number" id="input-garis-kemiskinan" placeholder="Loading..." class="modern-input">
|
|
<button class="btn btn-save" onclick="eksekusiUpdateGaris()" style="padding:8px 12px;">Simpan</button>
|
|
</div>
|
|
</div>
|
|
<!-- Tombol Kelola Program Pelatihan -->
|
|
<button class="btn btn-warning admin-only" onclick="bukaModalPelatihan()" style="margin-bottom: 10px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;">
|
|
<span style="font-size: 1.2rem;"><i class='fa-solid fa-clipboard-list'></i></span> Kelola Program Pelatihan
|
|
</button>
|
|
<!-- Tombol Tambah Marker Modern -->
|
|
<div class="modern-action-box admin-only">
|
|
<label>Mode Penambahan Data:</label>
|
|
<select id="pilihan-marker-baru" class="modern-select">
|
|
<option value="ibadah"><i class='fa-solid fa-mosque'></i> Pusat Radius (Rumah Ibadah)</option>
|
|
<option value="penduduk"><i class='fa-solid fa-house-chimney-user'></i> Data Keluarga (Penduduk)</option>
|
|
</select>
|
|
<button class="btn-modern-add" id="btn-add-kemiskinan" onclick="toggleKemiskinanMode()">
|
|
<span class="icon">+</span> Aktifkan Kursor Marker
|
|
</button>
|
|
</div>
|
|
<!-- Legenda Peta -->
|
|
<div class="map-legend">
|
|
<h4 class="legend-title">Keterangan Marker</h4>
|
|
<div class="legend-item"><span class="legend-color" style="background-color: var(--gold); border-radius:4px;"></span> Pusat Radius Ibadah</div>
|
|
<div class="legend-item"><span class="legend-color" style="background-color: #3182CE;"></span> Keluarga Bernaung</div>
|
|
<div class="legend-item"><span class="legend-color" style="background-color: #805AD5;"></span> Keluarga Luar Naungan</div>
|
|
<div class="legend-item"><span class="legend-color" style="background-color: #E53E3E;"></span> Kondisi Darurat (Musibah)</div>
|
|
</div>
|
|
</div>
|
|
<div id="kemiskinan-card-container" class="card-list-area"></div>
|
|
</div>
|
|
|
|
<!-- TAB 2: FILTER & SPBU (LAMA) -->
|
|
<div id="tab-filter" class="tab-content">
|
|
<div id="filter-bar">
|
|
<button class="filter-tool-btn" onclick="bukaModalFilterLayer()"><i class='fa-solid fa-gear'></i></button>
|
|
<span class="filter-label">Status SPBU:</span>
|
|
<button class="filter-tool-btn" onclick="bukaModalFilterSPBU()"><i class='fa-solid fa-filter'></i></button>
|
|
</div>
|
|
<div id="card-container" class="card-list-area"></div>
|
|
</div>
|
|
|
|
<button id="toggle-sidebar" onclick="toggleSidebar()">❮</button>
|
|
</div>
|
|
</body>
|
|
</html> |