diff --git a/web/main.js b/web/main.js index ff372a0..0cd4aad 100644 --- a/web/main.js +++ b/web/main.js @@ -3,9 +3,9 @@ const sensorData = {}; let liveGraphs = []; -// variables +// letiables let intervalDelay = 5000; -let amountOfNodes = 4; +let amountOfNodes = 3; const socket = new WebSocket("ws://145.92.8.114/ws"); function openConnection() { @@ -92,46 +92,46 @@ function nodeData(data, node) { function createNodeData(node) { // Create main div - var nodeData = document.createElement("div"); + let nodeData = document.createElement("div"); nodeData.className = "nodeData"; // Create flex-NodeData div - var flexNodeData = document.createElement("div"); + let flexNodeData = document.createElement("div"); flexNodeData.className = "flex-NodeData"; // Create p element - var pNode = document.createElement("p"); + let pNode = document.createElement("p"); pNode.textContent = "Node " + node; // Append p to flex-NodeData flexNodeData.appendChild(pNode); // Create flex-LiveData div - var flexLiveData = document.createElement("div"); + let flexLiveData = document.createElement("div"); flexLiveData.className = "flex-LiveData"; // Create data divs (Temperature, Humidity, Light Intensity) - var dataTypes = ["Temperatuur", "Luchtvochtigheid", "CO2", "TVOC"]; - var ids = ["temperature", "humidity", "CO2", "TVOC"]; - var statusIds = ["tempStatus", "humidStatus", "CO2Status", "TVOCStatus"]; + let dataTypes = ["Temperatuur", "Luchtvochtigheid", "CO2", "TVOC"]; + let ids = ["temperature", "humidity", "CO2", "TVOC"]; + let statusIds = ["tempStatus", "humidStatus", "CO2Status", "TVOCStatus"]; - for (var i = 0; i < dataTypes.length; i++) { - var dataDiv = document.createElement("div"); + for (let i = 0; i < dataTypes.length; i++) { + let dataDiv = document.createElement("div"); - var dataTypeDiv = document.createElement("div"); + let dataTypeDiv = document.createElement("div"); dataTypeDiv.textContent = dataTypes[i] + ": "; - var pElement = document.createElement("p"); + let pElement = document.createElement("p"); pElement.id = ids[i] + node; pElement.textContent = "Not connected"; dataTypeDiv.appendChild(pElement); dataDiv.appendChild(dataTypeDiv); - var statusElement = document.createElement("div"); + let statusElement = document.createElement("div"); statusElement.className = "statusElement"; - var statusText = document.createElement("p"); + let statusText = document.createElement("p"); statusText.className = "statusText"; statusText.id = statusIds[i]; statusText.textContent = "Not connected"; @@ -146,15 +146,15 @@ function createNodeData(node) { flexNodeData.appendChild(flexLiveData); // Create flex-graph div - var flexGraph = document.createElement("div"); + let flexGraph = document.createElement("div"); flexGraph.className = "flex-graph"; - var graphDiv = document.createElement("div"); + let graphDiv = document.createElement("div"); - var graphP = document.createElement("p"); + let graphP = document.createElement("p"); graphP.textContent = "Live graph:"; - var liveGraph = document.createElement("div"); + let liveGraph = document.createElement("div"); liveGraph.id = "liveGraph" + node; graphDiv.appendChild(graphP); @@ -168,7 +168,7 @@ function createNodeData(node) { nodeData.appendChild(flexNodeData); // Check if nodeDataLocation element exists - var nodeDataLocation = document.getElementById("nodeDataLocation"); + let nodeDataLocation = document.getElementById("nodeDataLocation"); if (nodeDataLocation) { // Append main div to nodeDataLocation nodeDataLocation.appendChild(nodeData); @@ -204,5 +204,4 @@ for (let i = 1; i <= amountOfNodes; i++) { // make the graphs liveGraphs.forEach((graph) => { graph.makeGraph(); -}); - +}); \ No newline at end of file