Update navigation and dashboard styles

web/newWebsite/index.html

@@ -28,6 +28,9 @@
         <li class="nav-item">
             <a href="questions-dashboard.html" class="nav-link">Questions</a>
         </li>
+        <li class="nav-item">
+            <button class="nav-button" onclick="settings()">Change node names ⌄</button>
+            </li>
     </ul>
 </nav>
 

web/newWebsite/styles/dashboard-styles.css

@@ -55,8 +55,9 @@ body {
     justify-content: center;
     margin: 0;
     margin-top: 8vh;
+    background-color: #f0f0f0;
     flex-direction: column;
-    background-color: #bfbfbf;
+    background-color: #afafaf;  
     align-items: center;
 
 }
@@ -67,13 +68,13 @@ body {
     display: flex;
     flex-direction: column; /* Keep as column */
     justify-content: flex-start;
-    background-color: #9f9f9f;
+    background-color: #333;
     color: #fff;
     padding: 10px;
     border-radius: 50px;
-    border: 2px solid #CC2936;
+    border: 2px solid #333;
     clear: both;
-    margin-bottom: 10px;
+    margin-top: 20px;
     position: relative;
 }
 
@@ -194,7 +195,7 @@ body {
 }
 
 .navbar {
-    background-color: #bfbfbf;
+    background-color: #333;
     border-bottom: 2px solid #CC2936;
     height: 60px;
     display: flex;

web/newWebsite/text.js

@@ -1,4 +1,4 @@
-apiGetAllNode = "http://145.92.8.114/getNodeInfo?macAdress=*"
+apiGetAllNode = "http://145.92.8.114/getInfoNode?macAdress=*"
 
 nodeDataArray = {};
 
@@ -17,7 +17,7 @@ function settings() {
         updateNode.style.display = "block";
         locationInput.value = "";
         nameInput.value = "";
-        getNodeInfo();
+        getInfoNode();
 
     } else {
         updateNode.style.display = "none";
@@ -25,7 +25,7 @@ function settings() {
 
 }
 
-function getNodeInfo() {
+function getInfoNode() {
     fetch(apiGetAllNode)
     .then(response => {
         if (!response.ok) {
@@ -75,7 +75,7 @@ function changeText() {
     var text = document.getElementById('text');
 
     text.innerHTML = "Changes made"
-    getNodeInfo();
+    getInfoNode();
 }
 
 function updateNodeInfo(node, newNodeName, newNodeLocation) {