Add more peripherals

Author: Keith Bannister

dashboard.js

@@ -120,9 +120,10 @@ function onMessageArrived(message) {
 
   addData(temperatureChart, mqtt_message_count, [data.internal_temp, data.external_temp, data.relative_humidity])
 
-  $('#battery_voltage').html("- V");
-  $('#controller_temp').html(`${data.external_temp} Deg.`);
-  
+  $('#battery_voltage').html(`${data.battery_voltage} V`);
+  $('#controller_temp').html(`${data.esc_temp} Deg.`);
+  $('#rpm').html(`${data.rpm} RPM`);
+
   mqtt_message_count += 1;  
 
 }

ekayak.js

@@ -53,6 +53,13 @@ const temperatureData = {
       backgroundColor: 'rgba(0, 99, 182, 0.2)',
       yAxisID: 'y',
     },
+    {
+      label: 'ESC Temp',
+      data: [],
+      borderColor: 'rgba(89, 150, 182, 1)',
+      backgroundColor: 'rgba(89, 99, 182, 0.2)',
+      yAxisID: 'y',
+    },
     {
       label: 'Humidity',
       data: [],
@@ -283,7 +290,7 @@ function onMessageArrived(message) {
 
   let data = JSON.parse(message.payloadString);
 
-  addData(temperatureChart, nmsg, [data.internal_temp, data.external_temp, data.relative_humidity])
+  addData(temperatureChart, nmsg, [data.internal_temp, data.external_temp, data.esc_temp, data.relative_humidity])
 
   nmsg += 1;  
 

index.html

@@ -135,6 +135,11 @@ <h3 class="text-xs mb-2 uppercase"> Temp</h3>
                         <span class="text-2xl"id="controller_temp"></span>
                       </div>
 
+                      <div  class = "flex flex-col">
+                        <h3 class="text-xs mb-2 uppercase"> RPM</h3>
+                        <span class="text-2xl"id="rpm"></span>
+                      </div>
+
                       <div class = "flex flex-col">
                         <h3 class="text-xs mb-2 uppercase"> Trip</h3>
                         <span class="text-2xl"id="current_trip"> </span>