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>
|
||||
Reference in New Issue
Block a user