Swap dashboard map and overview

Co-authored-by: Copilot <[email protected]>
This commit is contained in:
Mathieu Moran
2026-08-10 18:43:01 -04:00
co-authored by Copilot
parent 6ee6215662
commit b815e0aaaa
+30 -30
View File
@@ -129,36 +129,6 @@
{# ── GPS map + Stats + Speed history ──────────────────────────────────── #} {# ── GPS map + Stats + Speed history ──────────────────────────────────── #}
<div class="row g-3 mb-3 dashboard-primary-row"> <div class="row g-3 mb-3 dashboard-primary-row">
<div class="col-lg-4 col-xl-3">
<div class="card shadow-sm dashboard-fit-card dashboard-map-card">
<div class="card-header py-2 d-flex justify-content-between align-items-center">
<h6 class="text-primary fw-bold m-0">Live GPS</h6>
<div class="d-flex align-items-center gap-2">
<span id="gps-live-badge" class="badge text-bg-secondary">Checking…</span>
<button id="btn-recenter" class="btn btn-outline-secondary btn-sm" type="button" title="Recenter map" hidden>
<i class="fas fa-crosshairs" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="card-body p-0">
<div id="map"></div>
</div>
<div class="card-footer py-2 bg-white border-top">
<div class="d-flex gap-4 mb-1">
<div>
<div class="text-xs text-muted fw-bold text-uppercase">Lat</div>
<div id="gpsLocationX" class="fw-semibold small">—</div>
</div>
<div>
<div class="text-xs text-muted fw-bold text-uppercase">Lon</div>
<div id="gpsLocationY" class="fw-semibold small">—</div>
</div>
</div>
<div id="gps-location-name" class="text-muted small" style="font-size:0.75rem;min-height:1rem"></div>
<div id="gps-fix-detail" class="text-muted small mt-1" style="font-size:0.75rem;min-height:1rem">Waiting for GPS status…</div>
</div>
</div>
</div>
<div class="col-lg-3 col-xl-2"> <div class="col-lg-3 col-xl-2">
<div class="card shadow-sm dashboard-fit-card dashboard-overview-card"> <div class="card shadow-sm dashboard-fit-card dashboard-overview-card">
<div class="card-header py-2"> <div class="card-header py-2">
@@ -198,6 +168,36 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-xl-3">
<div class="card shadow-sm dashboard-fit-card dashboard-map-card">
<div class="card-header py-2 d-flex justify-content-between align-items-center">
<h6 class="text-primary fw-bold m-0">Live GPS</h6>
<div class="d-flex align-items-center gap-2">
<span id="gps-live-badge" class="badge text-bg-secondary">Checking…</span>
<button id="btn-recenter" class="btn btn-outline-secondary btn-sm" type="button" title="Recenter map" hidden>
<i class="fas fa-crosshairs" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="card-body p-0">
<div id="map"></div>
</div>
<div class="card-footer py-2 bg-white border-top">
<div class="d-flex gap-4 mb-1">
<div>
<div class="text-xs text-muted fw-bold text-uppercase">Lat</div>
<div id="gpsLocationX" class="fw-semibold small">—</div>
</div>
<div>
<div class="text-xs text-muted fw-bold text-uppercase">Lon</div>
<div id="gpsLocationY" class="fw-semibold small">—</div>
</div>
</div>
<div id="gps-location-name" class="text-muted small" style="font-size:0.75rem;min-height:1rem"></div>
<div id="gps-fix-detail" class="text-muted small mt-1" style="font-size:0.75rem;min-height:1rem">Waiting for GPS status…</div>
</div>
</div>
</div>
<div class="col-lg-5 col-xl-7"> <div class="col-lg-5 col-xl-7">
<div class="card shadow-sm h-100 dashboard-speed-card"> <div class="card shadow-sm h-100 dashboard-speed-card">
<div class="card-header py-2 d-flex align-items-center gap-2"> <div class="card-header py-2 d-flex align-items-center gap-2">