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

ui: stack odometer under speed in replay timeline + GitHub footer link (Pi + server)

Browse Source
This commit is contained in:
Mathieu Moran
2026-08-12 17:24:34 -04:00
parent e8746e5d69
commit 2012370cef
4 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/templates/base.html
+4
View File
@@ -107,6 +107,10 @@
<footer class="bg-white border-top text-center py-3 small text-muted d-none d-md-block"> <footer class="bg-white border-top text-center py-3 small text-muted d-none d-md-block">
&copy; vroom vroom yaris de course 2023 &mdash; remote server &copy; vroom vroom yaris de course 2023 &mdash; remote server
<span class="mx-1">·</span>
<a href="https://github.com/quoije/yaris-obd" class="text-muted text-decoration-none" target="_blank" rel="noopener" title="GitHub repository">
<i class="fab fa-github fa-fw"></i> GitHub
</a>
</footer> </footer>
</div> </div>
server/templates/history.html
+4 -2
View File
@@ -76,9 +76,11 @@
</div> </div>
<div class="d-flex flex-wrap justify-content-between gap-2 small mt-2"> <div class="d-flex flex-wrap justify-content-between gap-2 small mt-2">
<strong id="trip-replay-time"></strong> <strong id="trip-replay-time"></strong>
<span id="trip-replay-speed" class="text-muted"></span> <div class="text-end">
<span id="trip-replay-speed" class="text-muted d-block"></span>
<span id="trip-replay-odometer" class="text-muted d-block" style="font-size:0.75rem;"></span>
</div>
</div> </div>
<div id="trip-replay-odometer" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div>
<div id="trip-replay-location" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div> <div id="trip-replay-location" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div>
</div> </div>
</div> </div>
templates/base.html
+4
View File
@@ -96,6 +96,10 @@
<footer class="bg-white border-top text-center py-3 small text-muted d-none d-md-block"> <footer class="bg-white border-top text-center py-3 small text-muted d-none d-md-block">
&copy; vroom vroom yaris de course 2023 &copy; vroom vroom yaris de course 2023
<span class="mx-1">·</span>
<a href="https://github.com/quoije/yaris-obd" class="text-muted text-decoration-none" target="_blank" rel="noopener" title="GitHub repository">
<i class="fab fa-github fa-fw"></i> GitHub
</a>
</footer> </footer>
</div> </div>
templates/history.html
+4 -2
View File
@@ -68,9 +68,11 @@
</div> </div>
<div class="d-flex flex-wrap justify-content-between gap-2 small mt-2"> <div class="d-flex flex-wrap justify-content-between gap-2 small mt-2">
<strong id="trip-replay-time"></strong> <strong id="trip-replay-time"></strong>
<span id="trip-replay-speed" class="text-muted"></span> <div class="text-end">
<span id="trip-replay-speed" class="text-muted d-block"></span>
<span id="trip-replay-odometer" class="text-muted d-block" style="font-size:0.75rem;"></span>
</div>
</div> </div>
<div id="trip-replay-odometer" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div>
<div id="trip-replay-location" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div> <div id="trip-replay-location" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div>
</div> </div>
</div> </div>