2nd commit: Pemisahan halaman autentifikasi dengan halaman utama, modifikasi ikon, dan pemisahakan fitur berdasarkan role

This commit is contained in:
2026-06-12 22:45:38 +07:00
parent d556912ea5
commit 319a5c878f
15 changed files with 248 additions and 236 deletions
+8 -32
View File
@@ -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>