ui: remove imperial units, hide Replay button on mobile

- formatDistance/formatSpeed: km/km/h only, no mi/mph
- Replay button hidden on mobile (d-none d-sm-table-cell)
- Action column header hidden on mobile to match
- data_table macro supports optional 'class' on column headers

Co-authored-by: Copilot <[email protected]>
This commit is contained in:
Mathieu Moran
2026-08-10 02:38:50 -04:00
co-authored by Copilot
parent 908e86d169
commit f27e2f2d4b
3 changed files with 5 additions and 8 deletions
+3 -6
View File
@@ -36,14 +36,11 @@
}
function formatDistance(kilometers) {
const miles = kilometers * 0.621371;
return `${kilometers.toFixed(kilometers < 1 ? 2 : 1)} km / `
+ `${miles.toFixed(miles < 1 ? 2 : 1)} mi`;
return `${kilometers.toFixed(kilometers < 1 ? 2 : 1)} km`;
}
function formatSpeed(kilometersPerHour) {
return `${kilometersPerHour.toFixed(1)} km/h / `
+ `${(kilometersPerHour * 0.621371).toFixed(1)} mph`;
return `${kilometersPerHour.toFixed(1)} km/h`;
}
function showError(message) {
@@ -157,7 +154,7 @@
<td>${formatDuration(trip.duration_seconds)}</td>
<td>${formatSpeed(trip.max_speed_kmh)}</td>
<td class="text-muted small">${trip.odo_start_km.toFixed(0)} → ${trip.odo_end_km.toFixed(0)} km</td>
<td class="text-end">
<td class="text-end d-none d-sm-table-cell">
<button class="btn btn-sm btn-primary" type="button" data-trip-id="${trip.id}">
Replay
</button>