* Added throttle bar and rpm bar to dash.html.

diff --git a/dash.html b/dash.html
index 3b8a81e345d41fbd525a648f17c634687b63060e..b1bfad6ef3e7ff8032342f5d6208788f5499a65a 100644 (file)
--- a/dash.html
+++ b/dash.html
@@ -67,6 +67,23 @@ table { width: 100%; }
 .hilite { background-color: #ff0; }
 .special { font-size:50%; color:#088; }
 
+x-barmask {
+  display: block;
+  margin-left:auto;
+  margin-right:0;
+  width: 50%;
+  height: 1em;
+  background: black;
+}
+x-barbox {
+  display: block;
+  width: 99%;
+  border: 1px solid #444;
+  background: white;
+}
+.tbar { background-image: linear-gradient(to right, #333, #fff); }
+.rbar { background-image: linear-gradient(to right, blue, green, red); }
+
 x-bar {
   display: block;
   clear: both;
@@ -112,6 +129,10 @@ x-bar {
     <tr><td><span class="small setval" id="gear">-</span></td>
         <td class="aright"><span class="small" id="rpm">-</span></td><td><span class="tinyb"> rpm</span></td></tr>
   </table>
+  <table>
+    <tr><td colspan="1"><x-barbox class="tbar"><x-barmask id="thrbar"></x-barmask></x-barbox></td>
+        <td colspan="2"><x-barbox class="rbar"><x-barmask id="rpmbar"></x-barmask></x-barbox></td></tr>
+  </table>
 </x-boxleft>
 
 <x-boxleft id="range" class="cont">
@@ -161,6 +182,8 @@ var nav_slimitsign = document.getElementById("nav_slimitsign");
 var cctrl = document.getElementById("cctrl");
 var gear = document.getElementById("gear");
 var rpm = document.getElementById("rpm");
+var rpmbar = document.getElementById("rpmbar");
+var thrbar = document.getElementById("thrbar");
 //
 var fuel = document.getElementById("fuel");
 var fuel_range = document.getElementById("fuel_range");
@@ -314,6 +337,10 @@ function update_cb() {
       gear.classList.remove("hilite");
     // engine rpm:
     rpm.innerHTML = tele.rpm.toFixed(0);
+    // throttle bar:
+    thrbar.style.width = (100 - tele.throttle_eff * 100).toFixed(0) + '%';
+    // rpm bar:
+    rpmbar.style.width = (100 - tele.rpm / 25).toFixed(0) + '%';
 
     //// "range" box