* Added fancy navigation speed limit display to dash.html.
authorUrban Wallasch <urban.wallasch@freenet.de>
Sat, 27 Jul 2019 07:35:40 +0000 (09:35 +0200)
committerUrban Wallasch <urban.wallasch@freenet.de>
Sat, 27 Jul 2019 07:35:40 +0000 (09:35 +0200)
dash.html

index 7cb2e822589f7b252c0bb14973403a4c87672381..1c112e5f7c12f653e1c5f2515425ab8680f93697 100644 (file)
--- a/dash.html
+++ b/dash.html
@@ -78,7 +78,13 @@ x-boxright { float:right; }
 <x-boxleft id="odo" class="cont">
   <x-boxright class="clear"><span class="small" id="nav_dist">-</span><span class="tiny"> km</span></x-boxright>
   <x-boxright class="clear"><span class="small" id="nav_eta">-</span><span class="tiny"> eta</span></x-boxright>
-  <x-boxright class="clear"><span class="small" id="nav_slimit">-</span><span class="tiny"> km/h</span></x-boxright>
+  <x-boxright class="clear">
+    <!--<span class="small" id="nav_slimit">-</span><span class="tiny"> km/h</span>-->
+    <svg width="56" height="56">
+      <circle cx="28" cy="28" r="22" stroke="red" stroke-width="6" fill="white" id="nav_slimitsign"/>
+      <text fill="#000" font-size="24" font-family="sans-serif" font-weight="normal" x="12" y="36" id="nav_slimit">---</text>
+    </svg>
+  </x-boxright>
 </x-boxleft>
 
 </x-page>
@@ -149,7 +155,12 @@ function loadDoc() {
 
       document.getElementById("nav_dist").innerHTML = Math.round(tele.nav_dist / 1000);
       document.getElementById("nav_eta").innerHTML = s2hm(tele.nav_eta);
-      document.getElementById("nav_slimit").innerHTML = Math.round(tele.nav_slimit * 3.6);
+      if (tele.nav_slimit > 0 ) {
+        document.getElementById("nav_slimit").innerHTML = Math.round(tele.nav_slimit * 3.6);
+        document.getElementById("nav_slimitsign").style.visibility = "visible";
+      }
+      else
+        document.getElementById("nav_slimitsign").style.visibility = "hidden";
 
       e = document.getElementById("page");
       if ( tele.paused )