Add fetch request to get node information and populate select dropdown

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);