diff --git a/web/newWebsite/graph-main.js b/web/newWebsite/graph-main.js index cd9760a..6caadde 100644 --- a/web/newWebsite/graph-main.js +++ b/web/newWebsite/graph-main.js @@ -2,6 +2,7 @@ const data = []; processor = new DataProcessor(); let link; +nodeDataArray = {}; // Function to create checkbox with label function createCheckBox(id, label) { @@ -16,7 +17,41 @@ function createCheckBox(id, label) { return { checkbox, checkboxLabel }; } + fetch("http://145.92.8.114/getNodeInfo?macAdress=*") + .then(response => { + if (!response.ok) { + throw new Error('Network response was not ok'); + } + return response.json(); + }) + .then(data => { + handleData(data); + }) + +function handleData(JSONdata) { + select = document.getElementById('node-input'); + console.log(JSONdata); + for (var i = 0; i < JSONdata.length; i++) { + console.log(JSONdata[i]); + console.log(option) + var node = JSONdata[i].NodeID; + var name = JSONdata[i].Name; + var location = JSONdata[i].Location; + nodeDataArray[node] = { name: name, location: location }; + // Create new option element + var option = document.createElement('option'); + + // Set the value of the option + option.value = node; + + // Set the text of the option + option.text = name; + + // Add the option to the select + select.add(option); + } +} // Create HTML input elements for user input const container = document.createElement("div"); container.setAttribute("class", "container"); @@ -102,11 +137,10 @@ container.appendChild(dateFilter); const nodeFilter = document.createElement("div"); nodeFilter.setAttribute("class", "node-filter"); -const nodeInput = document.createElement("input"); -nodeInput.setAttribute("type", "text"); +const nodeInput = document.createElement("select"); +nodeInput.setAttribute("type", "select"); nodeInput.setAttribute("placeholder", "Enter Node Name (* for all)"); nodeInput.setAttribute("id", "node-input"); -nodeInput.setAttribute("class", "input-field"); nodeFilter.appendChild(nodeInput); container.appendChild(nodeFilter);