improved web page, some initial status

2025-12-13 05:53:06 +01:00 · 2021-10-15 21:09:36 +02:00
parent 29cee9bae7
commit 7e1b9a6ce6
3 changed files with 46 additions and 6 deletions
--- a/web/index.html
+++ b/web/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html><head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
+<title>NMEA 2000 Gateway</title>
+
+<script type="text/javascript">
+  function reset(){
+    fetch('/api/reset');
+    alert("Board reset triggered, reconnect WLAN if necessary");
+  }
+  function update(){
+    fetch('/api/status')
+      .then(function(resp){
+        return resp.json()
+      })
+      .then(function(jsonData){
+        for (let k in jsonData){
+          let el=document.getElementById(k);
+          if (el) el.textContent=jsonData[k];
+        }
+      })
+  }
+  window.setInterval(update,1000);
+</script>  
+<style type="text/css">
+#wrap
+{
+text-align: center; 
+vertical-align: middle; 
+max-width: 900px; 
+margin:0 auto;
+background:#dcd;
+border-radius: 10px;
+padding:10px;       /*innen*/
+}
+
+span.label {
+    width: 10em;
+    display: inline-block;
+    opacity: 0.6;
+}
+.row {
+    margin: 0.5em;
+}
+
+</style>
+</head>
+<body>
+<div class="main">
+<h1>NMEA 2000 Gateway </h1>
+<div class="row">
+  <span class="label"># CAN messages</span>
+  <span class="value" id="numcan">---</span>
+</div>
+<button id="reset" onclick="reset();">Reset</button>
+</div>
+</body>
+</html>
+
+