Postgres DAL

2025-12-01 22:44:15 -07:00
parent 06f3129fb9
commit eeb63fa510
5 changed files with 437 additions and 38 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Traxer</title>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Traxer Transit Map</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link
    rel="stylesheet"
@@ -14,11 +14,25 @@
    src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
    crossorigin=""
  ></script>
+  <!-- SlideTo plugin -->
+<script src='https://unpkg.com/leaflet.marker.slideto@0.2.0/Leaflet.Marker.SlideTo.js'></script>
 </head>
-<body>
-     <div id="map" class="w-full h-screen"></div>
- 
-</body>
-<script src="app.js"></script>
+<body class="h-full">

+  <!-- Filter UI -->
+  <div class="p-4 bg-gray-100">
+    <label class="mr-2 font-semibold">Show Vehicles:</label>
+    <select id="filterSelect" class="border p-1 rounded">
+      <option value="all">All Routes</option>
+      <option value="lrt">LRT + FrontRunner</option>
+    </select>
+  </div>
+
+  <!-- Map -->
+  <div id="map" class="w-full h-[70vh]"></div>
+
+  <!-- App JS -->
+  <script src="app.js"></script>
+
+</body>
 </html>