Implemented functional method to add a new system to a new through web app

Server/public/res/js/node.js

@@ -185,8 +185,35 @@ function saveNodeDetails() {
     }
 }
 
-function addNewSystem() {
+function addNewSystem(systemName) {
+    const nodeId = document.getElementById("nodeId").value;
+    const systemMode = document.getElementById(`${systemName}_systemMode`).value;
+    const inputSystemFreqs = $(`[id^="${systemName}_systemFreq_"]`);
+    let systemFreqs = [];
+    for (const inputFreq of inputSystemFreqs){        
+        systemFreqs.push(inputFreq.value);
+    }
 
+    const reqBody = {
+        'systemName': systemName,
+        'mode': systemMode,
+        'frequencies': systemFreqs
+    }
+
+    console.log("Request Body: ", reqBody);
+    const Http = new XMLHttpRequest();
+    const url='/nodes/'+nodeId+"/systems";
+    Http.open("POST", url);
+    Http.setRequestHeader("Content-Type", "application/json");
+    Http.send(JSON.stringify(reqBody));
+
+    Http.onloadend = (e) => {
+        const responseObject = JSON.parse(Http.responseText)
+        console.log(Http.status);
+        console.log(responseObject);
+        createToast(`${systemName} Added!`);
+        location.reload();
+    }
 }
 
 function updateSystem(systemName) {
@@ -216,6 +243,7 @@ function updateSystem(systemName) {
         console.log(Http.status);
         console.log(responseObject);
         createToast(`${systemName} Updated!`);
+        location.reload();
     }
 }