got config save working

This commit is contained in:
2025-07-06 21:01:27 -06:00
parent 22f2fb510c
commit f1a4c7a9cc
16 changed files with 2279 additions and 429 deletions

View File

@@ -18,40 +18,83 @@
<div id="app">
<!-- Header -->
<header class="header">
<h1>Location Map Viewer</h1>
<h1>NocoDB Map Viewer</h1>
<div class="header-actions">
<button id="refresh-btn" class="btn btn-secondary" title="Refresh locations">
🔄 Refresh
<div class="user-info">
<span class="user-email" id="user-email">Loading...</span>
</div>
<div class="location-count" id="location-count">0 locations</div>
</div>
<!-- Mobile dropdown menu -->
<div class="mobile-dropdown" id="mobile-dropdown">
<button class="mobile-dropdown-toggle" id="mobile-dropdown-toggle">
<span></span>
</button>
<span id="location-count" class="location-count">Loading...</span>
<div class="mobile-dropdown-content" id="mobile-dropdown-content">
<!-- Admin link will be added here dynamically if user is admin -->
<div class="mobile-dropdown-item location-info">
<span id="mobile-location-count">0 locations</span>
</div>
<div class="mobile-dropdown-item user-info">
<span id="mobile-user-email">Loading...</span>
</div>
</div>
</div>
</header>
<!-- Map Container -->
<!-- Map container -->
<div id="map-container">
<div id="map"></div>
<!-- Map Controls -->
<!-- Desktop map controls -->
<div class="map-controls">
<button id="geolocate-btn" class="btn btn-primary" title="Find my location">
<span class="btn-icon">📍</span><span class="btn-text">My Location</span>
<button id="refresh-btn" class="btn btn-primary">
<span class="btn-icon">🔄</span>
<span class="btn-text">Refresh</span>
</button>
<button id="toggle-start-location-btn" class="btn btn-secondary" title="Toggle start location marker">
<span class="btn-icon">📍</span><span class="btn-text">Hide Start Location</span>
<button id="geolocate-btn" class="btn btn-secondary">
<span class="btn-icon">📍</span>
<span class="btn-text">Find Me</span>
</button>
<button id="add-location-btn" class="btn btn-success" title="Add location at map center">
<span class="btn-icon"></span><span class="btn-text">Add Location Here</span>
<button id="toggle-start-location-btn" class="btn btn-secondary">
<span class="btn-icon">🏠</span>
<span class="btn-text">Hide Start Location</span>
</button>
<button id="fullscreen-btn" class="btn btn-secondary" title="Toggle fullscreen">
<span class="btn-icon"></span><span class="btn-text">Fullscreen</span>
<button id="add-location-btn" class="btn btn-success">
<span class="btn-icon"></span>
<span class="btn-text">Add Location Here</span>
</button>
<button id="fullscreen-btn" class="btn btn-secondary">
<span class="btn-icon"></span>
<span class="btn-text">Fullscreen</span>
</button>
</div>
<!-- Crosshair for adding locations -->
<!-- Mobile floating sidebar -->
<div class="mobile-sidebar" id="mobile-sidebar">
<button id="mobile-refresh-btn" class="btn btn-primary" title="Refresh">
🔄
</button>
<button id="mobile-geolocate-btn" class="btn btn-secondary" title="Find Me">
📍
</button>
<button id="mobile-toggle-start-location-btn" class="btn btn-secondary" title="Toggle Start Location">
🏠
</button>
<button id="mobile-add-location-btn" class="btn btn-success" title="Add Location">
</button>
<button id="mobile-fullscreen-btn" class="btn btn-secondary" title="Fullscreen">
</button>
</div>
<!-- Crosshair for location selection -->
<div id="crosshair" class="crosshair hidden">
<div class="crosshair-x"></div>
<div class="crosshair-y"></div>
<div class="crosshair-info">Click "Add Location Here" to save this point</div>
<div class="crosshair-info">Click to add location</div>
</div>
</div>
@@ -297,6 +340,6 @@
crossorigin=""></script>
<!-- Application JavaScript -->
<script src="js/map.js"></script>
<script type="module" src="js/main.js"></script>
</body>
</html>