menambahkan fitur login dan edit data

2026-06-10 16:02:04 +07:00
parent 64ca4e3565
commit 7c1b4375e7
17 changed files with 1201 additions and 67 deletions
@@ -0,0 +1,77 @@
+<?php
+session_start();
+$isLoggedIn = isset($_SESSION['user']);
+$role = $isLoggedIn ? $_SESSION['role'] : 'viewer';
+?>
+<!DOCTYPE html>
+<html lang="id">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Sistem Pemetaan</title>
+    
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link rel="stylesheet" href="https://unpkg.com/@geoman-io/leaflet-geoman-free@latest/dist/leaflet-geoman.css" />
+    <link rel="stylesheet" href="assets/css/style.css">
+</head>
+<body>
+    <div id="sidebar">
+        <h3>Menu Pemetaan</h3>
+
+        <?php if ($isLoggedIn): ?>
+            <!-- Tampil kalau sudah login -->
+            <div class="user-info">
+                <i class="fa-solid fa-circle-user"></i>
+                <span><?= htmlspecialchars($_SESSION['nama']) ?></span>
+                <small><?= ucfirst($role) ?></small>
+            </div>
+
+            <?php if (in_array($role, ['admin', 'operator'])): ?>
+                <div class="mode-buttons">
+                    <button class="mode-btn" data-mode="prasejahtera" onclick="ubahMode('prasejahtera')">
+                        <i class="fa-solid fa-house-chimney-crack"></i> Prasejahtera
+                    </button>
+                    <button class="mode-btn mode-ibadah" data-mode="ibadah" onclick="ubahMode('ibadah')">
+                        <i class="fa-solid fa-place-of-worship"></i> Rumah Ibadah
+                    </button>
+                </div>
+            <?php endif; ?>
+
+            <?php if ($role === 'admin'): ?>
+                <a href="users.php" class="menu-link">
+                    <i class="fa-solid fa-users-gear"></i> Kelola User
+                </a>
+            <?php endif; ?>
+
+            <a href="logout.php" class="btn-logout">
+                <i class="fa-solid fa-right-from-bracket"></i> Logout
+            </a>
+
+        <?php else: ?>
+            <!-- Tampil kalau belum login (viewer) -->
+            <p class="viewer-info">
+                <i class="fa-solid fa-eye"></i> Anda melihat sebagai <b>Viewer</b>
+            </p>
+            <a href="login.php" class="btn-login">
+                <i class="fa-solid fa-right-to-bracket"></i> Login
+            </a>
+        <?php endif; ?>
+    </div>
+
+    <div id="map-container">
+        <div id="map"></div>
+    </div>
+
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+    <script src="https://unpkg.com/@geoman-io/leaflet-geoman-free@latest/dist/leaflet-geoman.min.js"></script>
+
+    <!-- Pass role ke JavaScript -->
+    <script>
+        const ROLE = '<?= $role ?>';
+    </script>
+
+    <script src="assets/js/script.js"></script>
+</body>
+</html>