Refactor HTML and JavaScript code, update graph data

This commit is contained in:
Dano van den Bosch
2024-02-16 12:28:41 +01:00
parent 44b1317e33
commit 9255b8ab97
3 changed files with 148 additions and 20 deletions

View File

@@ -8,7 +8,7 @@
<title>Node dev page</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>a
</head>
<body>
<!-- Make a new header with a navigation bar -->
@@ -24,8 +24,10 @@
<!-- Make a new flex container for the live data -->
<div class="nodeData">
<div class="flex-NodeData">
<div class="flex-LiveData">
<p>Node 1</p>
<div class="flex-LiveData">
<div>
<div>Temperatuur: <p id="temperature">Not connected</p>
</div>
@@ -59,6 +61,7 @@
</div>
<div class="flex-NodeData">
<p>Node 2</p>
<div class="flex-LiveData">
<div>
<div>Temperatuur: <p id="temperature">Not connected</p>
@@ -87,13 +90,14 @@
<div class="flex-graph">
<div>
<p>Live graph:</p>
<div id="liveGraph"></div>
<div id="liveGraph2"></div>
</div>
</div>
</div>
</div> <!-- class="nodeData" -->
<div class="nodeData">
<div class="flex-NodeData">
<p>Node 3</p>
<div class="flex-LiveData">
<div>
<div>Temperatuur: <p id="temperature">Not connected</p>
@@ -122,10 +126,11 @@
<div class="flex-graph">
<div>
<p>Live graph:</p>
<div id="liveGraph"></div>
<div id="liveGraph3"></div>
</div>
</div>
</div> <div class="flex-NodeData">
<p>Node 4</p>
<div class="flex-LiveData">
<div>
<div>Temperatuur: <p id="temperature">Not connected</p>
@@ -154,7 +159,7 @@
<div class="flex-graph">
<div>
<p>Live graph:</p>
<div id="liveGraph"></div>
<div id="liveGraph4"></div>
</div>
</div>
</div>