quoije/yaris-obd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: remove imperial units, hide Replay button on mobile

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files
static/js/history.js
+3 -6
View File
@@ -36,14 +36,11 @@
} }
function formatDistance(kilometers) { function formatDistance(kilometers) {
const miles = kilometers * 0.621371; return `${kilometers.toFixed(kilometers < 1 ? 2 : 1)} km`;
return `${kilometers.toFixed(kilometers < 1 ? 2 : 1)} km / `
+ `${miles.toFixed(miles < 1 ? 2 : 1)} mi`;
} }
function formatSpeed(kilometersPerHour) { function formatSpeed(kilometersPerHour) {
return `${kilometersPerHour.toFixed(1)} km/h / ` return `${kilometersPerHour.toFixed(1)} km/h`;
+ `${(kilometersPerHour * 0.621371).toFixed(1)} mph`;
} }
function showError(message) { function showError(message) {
@@ -157,7 +154,7 @@
<td>${formatDuration(trip.duration_seconds)}</td> <td>${formatDuration(trip.duration_seconds)}</td>
<td>${formatSpeed(trip.max_speed_kmh)}</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-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}"> <button class="btn btn-sm btn-primary" type="button" data-trip-id="${trip.id}">
Replay Replay
</button> </button>
templates/components.html
+1 -1
View File
@@ -5,7 +5,7 @@
<thead> <thead>
<tr> <tr>
{% for column in columns %} {% for column in columns %}
<th scope="col"{% if column.sortable %} aria-sort="none"{% endif %}> <th scope="col"{% if column.class %} class="{{ column.class }}"{% endif %}{% if column.sortable %} aria-sort="none"{% endif %}>
{% if column.sortable %} {% if column.sortable %}
<button class="data-list-sort" type="button" data-sort-key="{{ column.key }}"> <button class="data-list-sort" type="button" data-sort-key="{{ column.key }}">
{{ column.label }} {{ column.label }}
templates/history.html
+1 -1
View File
@@ -32,7 +32,7 @@
{"key": "duration", "label": "Time", "sortable": true}, {"key": "duration", "label": "Time", "sortable": true},
{"key": "maxSpeed", "label": "Max", "sortable": true}, {"key": "maxSpeed", "label": "Max", "sortable": true},
{"key": "odometer", "label": "Odometer", "sortable": false}, {"key": "odometer", "label": "Odometer", "sortable": false},
{"key": "action", "label": "", "sortable": false} {"key": "action", "label": "", "sortable": false, "class": "d-none d-sm-table-cell"}
], ],
"No trips detected", "No trips detected",
"Trip history appears after sustained GPS or OBD movement is recorded." "Trip history appears after sustained GPS or OBD movement is recorded."