60 lines
2.4 KiB
PHP
60 lines
2.4 KiB
PHP
<?php
|
|
require_once '../php/auth.php';
|
|
require_roles_page(['admin']);
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Panel Admin - WebGIS SPBU</title>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css"/>
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet-draw/dist/leaflet.draw.css"/>
|
|
<link rel="stylesheet" href="../css/style.css"/>
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<a href="index.php" class="back-btn" title="Lihat Dashboard Publik">←</a>
|
|
<div class="logo">
|
|
<div class="logo-icon" style="background:#3b82f6;">S</div>
|
|
<div class="logo-text">ADMIN<span style="color:#60a5fa;"> SPBU</span></div>
|
|
</div>
|
|
<div class="header-divider"></div>
|
|
<span style="font-size:12px;color:var(--muted);">Kelola Titik SPBU Pontianak</span>
|
|
|
|
<div class="legend">
|
|
<div class="legend-item"><div class="legend-dot" style="background:#4ade80"></div> SPBU 24 Jam</div>
|
|
<div class="legend-item"><div class="legend-dot" style="background:#f87171"></div> Tidak 24 Jam</div>
|
|
<div class="legend-item"><div class="legend-dot" style="background:#3b82f6"></div> Titik SPBU</div>
|
|
</div>
|
|
|
|
<div class="layer-sep"></div>
|
|
<div class="layer-control">
|
|
<button class="layer-btn btn-24 active" id="btn24" onclick="toggleLayer('24jam')">
|
|
<span class="dot" style="background:#4ade80"></span>
|
|
24 Jam
|
|
</button>
|
|
<button class="layer-btn btn-tidak active" id="btnTidak" onclick="toggleLayer('tidak')">
|
|
<span class="dot" style="background:#f87171"></span>
|
|
Tidak 24 Jam
|
|
</button>
|
|
<div class="layer-sep"></div>
|
|
<a href="logout.php" class="layer-btn" style="text-decoration:none; color:#ef4444; border-color:#ef444433;">Keluar</a>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="map"></div>
|
|
|
|
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
|
|
<script src="https://unpkg.com/leaflet-draw/dist/leaflet.draw.js"></script>
|
|
<script>window.IS_ADMIN = true;</script>
|
|
<script src="../js/draw_spbu_point.js?v=<?= time() ?>"></script>
|
|
|
|
</body>
|
|
</html>
|