In standalone mode, do not allocate the memory, necessary to read the sensors

2021-12-18 21:44:49 +01:00
parent a3be4f19a1
commit 2c884710c1
2 changed files with 17 additions and 9 deletions
--- a/data/standalone.htm
+++ b/data/standalone.htm
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>IKEA Home Sensor</title>
+    <style type="text/css">
+      tr.heading td {
+        background-color: black; color: white;
+      }
+      tr.d0 td {
+        background-color: #ffffff; color: black;
+      }
+      tr.d1 td {
+        background-color: #b8b8b8; color: black;
+      }
+    </style>
+    <script type="text/javascript">
+      function mySensorTimer(){
+        const xhttp = new XMLHttpRequest();
+        xhttp.responseType = 'json';
+        xhttp.onload = function() {
+          var jsonResponse = this.response;
+          document.getElementById("temp").innerHTML = jsonResponse.temp
+          document.getElementById("altitude").innerHTML = jsonResponse.altitude;
+          document.getElementById("pressure").innerHTML = jsonResponse.pressure;
+          document.getElementById("particle").innerHTML = jsonResponse.particle;
+          if (jsonResponse.gas) {
+            document.getElementById("gas").innerHTML = jsonResponse.gas;
+          } else {
+            document.getElementById("rowGas").hidden = true;
+          }
+          if (jsonResponse.humidity) {
+            document.getElementById("humidity").innerHTML = jsonResponse.humidity;
+          } else {
+            document.getElementById("rowHumidity").hidden = true;
+          }
+          console.log(this.responseText);
+          }
+        xhttp.open("GET", "/sensors", true);
+        xhttp.send();
+      }
+
+      function onBodyLoad(){
+        setInterval(mySensorTimer, 5000);
+      }
+    </script>
+  </head>
+  <body id="body" onload="onBodyLoad()">
+    <h1>Room Sensor</h1>
+    <table>
+      <thead>
+       <tr class="heading">
+        <td>Sensor</td>
+        <td>Value</td>
+        <td></td>
+       </tr>
+      </thead>
+      <tbody>
+      <tr class="d0">
+        <td>Temperatur</td>
+        <td id="temp">temp</td>
+        <td>°C</td>
+      </tr>
+      <tr id="rowHumidity" class="d1">
+        <td>Humidity</td>
+        <td id="humidity">humidity</td>
+        <td>%</td>
+      </tr>
+      <tr id="rowGas" class="d0">
+        <td>Gas</td>
+        <td id="gas">gas</td>
+        <td> KOhms</td>
+      </tr>
+      <tr class="d1">
+        <td>Altitude</td>
+        <td id="altitude">altitude</td>
+        <td>m</td>
+      </tr>
+      <tr class="d0">
+        <td>Pressure</td>
+        <td id="pressure">pressure</td>
+        <td>hPa</td>
+      </tr>
+      <tr class="d1">
+        <td>Particle</td>
+        <td id="particle">particle</td>
+        <td>micro gram per quibik</td>
+      </tr>
+    </tbody>
+    </table>
+    <h1>Diagram</h1>
+    <p>
+      Can be found on the <a href="chart.htm">next page</a>.
+    </p>
+  </body>
+</html>