receive status

api/index.js

@@ -2,6 +2,8 @@ var express = require("express");
 var app = express();
 const WebSocket = require("ws");
 
+var last_status = {};
+
 app.use(express.static("public"));
 
 var ws = new WebSocket("ws://10.100.0.40:9001/");
@@ -14,7 +16,11 @@ ws.on("open", function open() {
 
 ws.on("message", function message(message) {
   var msg = JSON.parse(message);
-  console.log("got type: " + msg.type)
+  if (msg.type == "STATUS") {
+    last_status = msg.data;
+  }
+
+  console.log("got type: " + msg.type);
   console.log("RECEIVED: " + msg.data);
 });
 
@@ -30,6 +36,10 @@ app.get("/", function (req, res) {
   res.render("index", { api_connected: api_connected });
 });
 
+app.get("/status", function (req, res) {
+  res.json(last_status);
+});
+
 app.post("/move_up", function (req, res) {
   console.log("got move up request");
   var speed = req.data.speed;

api/views/index.ejs

@@ -55,8 +55,22 @@
 </body>
 
 <script>
-    window.onload = function () {
+    var update_status = setInterval(update_status,1000);
 
+    function update_status()
+    {
+        var xhr = new XMLHttpRequest();
+        xhr.open("GET", "/status", true);
+        xhr.onreadystatechange = function() {
+            if (this.readyState == 4 && this.status == 200) {
+                var status = JSON.parse(this.responseText);
+                document.getElementById("batterypercentage").innerHTML = "Battery percentage: " + status.battery_percentage;
+                document.getElementById("cpuload").innerHTML = "CPU load: " + status.cpu_load;
+                document.getElementById("speed").innerHTML = "Current speed: " + status.speed;
+                document.getElementById("position").innerHTML = "Current position: " + status.position;
+                document.getElementById("failsafe").innerHTML = "Failsafe status: " + status.failsafe;
+            }
+        };
     }
 
     function turn_left() {