got config save working
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user