Testing dashboard for Freematics Builder

stanleyhuangyc · Oct 22, 2019 · 96e6ccb · 96e6ccb
1 parent 43d30e6
commit 96e6ccb
Show file tree

Hide file tree

Showing 4 changed files with 136 additions and 0 deletions.
diff --git a/firmware_v5/telelogger/dashboard/cross.png b/firmware_v5/telelogger/dashboard/cross.png
diff --git a/firmware_v5/telelogger/dashboard/dashboard.js b/firmware_v5/telelogger/dashboard/dashboard.js
@@ -0,0 +1,103 @@
+var source;
+var origin;
+
+window.addEventListener("message", receiveMessage, false);
+
+function receiveMessage(event) {
+	//event.source.postMessage(event.data,event.origin);
+    source = event.source;
+    origin = event.origin;
+	processInput(event.data);
+}
+
+function sendMessage(data) {
+    if (source) source.postMessage(data, origin);
+}
+
+function checkData(data, key)
+{
+	var i;
+	if ((i = data.indexOf(key)) >= 0) {
+		var j = data.indexOf("\r", i);
+		return j >= 0 ? data.substr(i + key.length, j - i - key.length) : data.substr(i + key.length);
+	}
+	return null;
+}
+
+var imgTick = "<img src='tick.png'/>";
+var imgCross = "<img src='cross.png'/>";
+
+var con = "";
+var inited = false;
+
+function processInput(data)
+{
+	var i;
+	var ret;
+	if (con.length > 4096) con = con.substr(1024)
+	con += data;
+	if (!inited) {
+		if (ret = checkData(con, "Flash:")) {
+			document.getElementById("flash_size").innerText = ret;
+		}
+		if (ret = checkData(con, "PSRAM:")) {
+			document.getElementById("psram_size").innerText = ret.substr(0, 2) == "E " ? "N/A" : ret;
+		}
+		if (ret = checkData(con, "Firmware: ")) {
+			document.getElementById("firmware").innerText = ret;
+		}
+		if (ret = checkData(con, "DEVICE ID: ")) {
+			document.getElementById("devid").value = ret;
+		}
+		if (ret = checkData(con, "SD:")) {
+			document.getElementById("sd_size").innerHTML = ret;
+		}
+		if (ret = checkData(con, "NO SD CARD") != null) {
+			document.getElementById("sd_size").innerHTML = "NO CARD";
+		}
+		if (ret = checkData(con, "GNSS...")) {
+			document.getElementById("gps").innerHTML = ret.indexOf("OK") >= 0 ? imgTick : imgCross;
+		}
+		if (ret = checkData(con, "OBD...")) {
+			document.getElementById("obd").innerHTML = ret.indexOf("OK") >= 0 ? imgTick : imgCross;
+		}
+		if (ret = checkData(con, "MEMS...")) {
+			document.getElementById("mems").innerHTML = ret.indexOf("OK") >= 0 ? imgTick : imgCross;
+		}
+		if (ret = checkData(con, "HTTPD...")) {
+			document.getElementById("wifi").innerHTML = ret.indexOf("NO") >= 0 ? imgCross : imgTick;
+		}
+		if (ret = checkData(con, "WiFi...")) {
+			document.getElementById("wifi").innerHTML = ret.indexOf("OK") >= 0 ? imgTick : imgCross;
+		}
+		if (ret = checkData(con, "IMEI:")) {
+			document.getElementById("sim_card").innerHTML = imgTick;
+			document.getElementById("imei").innerText = "IMEI:" + ret;
+		}
+		if (ret = checkData(con, "CELL:")) {
+			document.getElementById("cell").innerHTML = ret == "NO" ? imgCross : (imgTick + " " + ret);
+		}
+		if ((ret = checkData(con, "NO SIM CARD")) != null) {
+			document.getElementById("sim_card").innerHTML = imgCross;
+		}
+		if (ret = checkData(con, "Operator:")) {
+			document.getElementById("sim_card").innerHTML = imgTick + " " + ret
+		}
+		if (ret = checkData(con, "Unable to connect") != null) {
+			document.getElementById("server").innerText = imgCross;
+		}
+	}
+	if (ret = checkData(con, "LOGIN")) {
+		document.getElementById("server").innerText = "Connecting to server" + ret;
+	}
+	if (ret = checkData(con, "[NET]")) {
+		document.getElementById("server").innerText = ret;
+		inited = true;
+	}
+	if (ret = checkData(con, "[BUF]")) {
+		document.getElementById("buffer").innerText = ret;
+	}
+	if (ret = checkData(con, "[FILE]")) {
+		document.getElementById("file").innerText = ret;
+	}
+}
diff --git a/firmware_v5/telelogger/dashboard/index.html b/firmware_v5/telelogger/dashboard/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body{ margin:0; padding:0; border:none;font-size:16px; color:#3f3c8e; background:#dce4ed; font-family: Verdana, Geneva, Tahoma, sans-serif}
+a:link, a:visited{ color:#fff; text-decoration:underline;}
+a:hover, a:active{ color:#FFC; text-decoration:underline;}
+input { font-size: 16px; text-align:center; }
+span { font-weight:bold; }
+li { line-height: 28px; }
+</style> 
+</head>
+<body>
+    <ul>
+        <li>Device ID: <input type="text" id="devid" readonly /></li>
+        <li>Firmware: <span id="firmware"></span></li>
+        <li>FLASH: <span id="flash_size"></span></li>
+        <li>PSRAM: <span id="psram_size"></span></li>
+        <li>SD Card: <span id="sd_size"></span></li>
+        <li>Motion Sensor <span id="mems"></span></li>
+        <li>GNSS <span id="gps"></span></li>
+        <li>OBD <span id="obd"></span></li>
+        <li>Wi-Fi <span id="wifi"></span></li>
+        <li>Cellular Module <span id="cell"></span> <span id="imei"></span></li>
+        <li>Cellular SIM Card <span id="sim_card"></span></li>
+        <li>Server: <span id="server"></span></li>
+        <li>Buffer: <span id="buffer"></span></li>
+        <li>File: <span id="file"></span></li>
+    </ul>
+<script language="javascript" src="dashboard.js"></script>
+</body>
+</html>
diff --git a/firmware_v5/telelogger/dashboard/tick.png b/firmware_v5/telelogger/dashboard/tick.png