2nd commit: Pemisahan halaman autentifikasi dengan halaman utama, modifikasi ikon, dan pemisahakan fitur berdasarkan role
This commit is contained in:
+8
-32
@@ -389,7 +389,7 @@
|
||||
<hr class="pop-divider">
|
||||
|
||||
<div class="pop-action-main">
|
||||
<button class="btn btn-success" id="btn-pd-bantuan" style="width:100%; padding: 12px; margin-bottom: 8px;">Catat Log Bantuan</button>
|
||||
<button class="btn btn-success admin-only" id="btn-pd-bantuan" style="width:100%; padding: 12px; margin-bottom: 8px;">Catat Log Bantuan</button>
|
||||
</div>
|
||||
|
||||
<div class="accordion-wrapper">
|
||||
@@ -401,8 +401,8 @@
|
||||
<button class="btn btn-success" id="btn-pd-riwayat-musibah" style="width:100%; margin-bottom:8px; padding: 10px;">Lihat Laporan Musibah</button>
|
||||
<button class="btn btn-success" id="btn-pd-riwayat-bantuan" style="width:100%; margin-bottom:8px; padding: 10px;">Lihat Log Bantuan</button>
|
||||
<div style="display:flex; gap:8px;">
|
||||
<button class="btn btn-warning" id="btn-pd-edit">Edit Data</button>
|
||||
<button class="btn btn-danger" id="btn-pd-hapus">Hapus</button>
|
||||
<button class="btn btn-warning admin-only" id="btn-pd-edit">Edit Data</button>
|
||||
<button class="btn btn-danger admin-only" id="btn-pd-hapus">Hapus</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -424,8 +424,8 @@
|
||||
<hr class="pop-divider">
|
||||
|
||||
<div style="display:flex; gap:8px;">
|
||||
<button class="btn btn-warning" id="btn-ib-edit">Edit Data</button>
|
||||
<button class="btn btn-danger" id="btn-ib-hapus">Hapus</button>
|
||||
<button class="btn btn-warning admin-only" id="btn-ib-edit">Edit Data</button>
|
||||
<button class="btn btn-danger admin-only" id="btn-ib-hapus">Hapus</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -600,8 +600,8 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4 style="border-bottom:1px solid var(--border); padding-bottom:5px; color: var(--navy);">Tambah Anggota Baru</h4>
|
||||
<div style="display:grid; grid-template-columns: 1fr 1fr 1fr; gap:10px;">
|
||||
<h4 class="admin-only" style="border-bottom:1px solid var(--border); padding-bottom:5px; color: var(--navy);">Tambah Anggota Baru</h4>
|
||||
<div class="admin-only" style="display:grid; grid-template-columns: 1fr 1fr 1fr; gap:10px;">
|
||||
<div class="form-group"><label>NIK</label><input type="text" id="anggota-nik" placeholder="16 Digit NIK"></div>
|
||||
<div class="form-group"><label>Nama Lengkap</label><input type="text" id="anggota-nama"></div>
|
||||
<div class="form-group"><label>Tanggal Lahir</label><input type="date" id="anggota-lahir"></div>
|
||||
@@ -661,31 +661,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="auth-screen" class="auth-overlay">
|
||||
<div class="auth-box">
|
||||
<h2 style="color: var(--navy); margin-top: 0; text-align: center; border-bottom: 2px solid var(--border); padding-bottom: 10px;">WebGIS Pontianak</h2>
|
||||
|
||||
<!-- Toggle Tabs Form -->
|
||||
<div style="display:flex; margin-bottom: 20px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border);">
|
||||
<button id="tab-login" class="auth-tab active" onclick="switchAuthTab('login')">Masuk</button>
|
||||
<button id="tab-register" class="auth-tab" onclick="switchAuthTab('register')">Daftar</button>
|
||||
</div>
|
||||
|
||||
<!-- Form Autentikasi -->
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
<input type="text" id="auth-username" placeholder="Masukkan username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Password</label>
|
||||
<input type="password" id="auth-password" placeholder="Masukkan password">
|
||||
</div>
|
||||
|
||||
<button id="btn-submit-auth" class="btn btn-save" style="width: 100%; padding: 12px; margin-top: 15px; font-size: 1rem;" onclick="eksekusiAuth()">Login Sistem</button>
|
||||
|
||||
<p id="auth-error-msg" style="color: var(--red-danger); font-size: 0.8rem; text-align: center; margin-top: 10px; font-weight: bold; min-height: 15px;"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
+10
-10
@@ -7,7 +7,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="sidebar-container">
|
||||
<div id="sidebar-header">WebGis-Pontianak</div>
|
||||
<div id="sidebar-header">WebGIS-Pontianak</div>
|
||||
<!-- Tab Navigasi -->
|
||||
<div class="sidebar-tabs">
|
||||
<button class="tab-btn active" onclick="switchTab('tab-kemiskinan')">Pemetaan</button>
|
||||
@@ -16,12 +16,12 @@
|
||||
<!-- TAB 1: KEMISKINAN (BARU) -->
|
||||
<div id="tab-kemiskinan" class="tab-content active">
|
||||
<div class="control-panel">
|
||||
<button class="btn-gps" onclick="lokasiSaya()">📍 Arahkan ke Lokasi Saya</button>
|
||||
<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" style="margin-bottom: 0; padding: 10px 12px;">
|
||||
<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">
|
||||
@@ -29,15 +29,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Tombol Kelola Program Pelatihan -->
|
||||
<button class="btn btn-warning" onclick="bukaModalPelatihan()" style="margin-bottom: 10px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;">
|
||||
<span style="font-size: 1.2rem;">📋</span> 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">
|
||||
<div class="modern-action-box admin-only">
|
||||
<label>Mode Penambahan Data:</label>
|
||||
<select id="pilihan-marker-baru" class="modern-select">
|
||||
<option value="ibadah">🕌 Pusat Radius (Rumah Ibadah)</option>
|
||||
<option value="penduduk">🏠 Data Keluarga (Penduduk)</option>
|
||||
<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
|
||||
@@ -58,9 +58,9 @@
|
||||
<!-- TAB 2: FILTER & SPBU (LAMA) -->
|
||||
<div id="tab-filter" class="tab-content">
|
||||
<div id="filter-bar">
|
||||
<button class="filter-tool-btn" onclick="bukaModalFilterLayer()">⚙️</button>
|
||||
<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()">🔍</button>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user