From 50906649c25fa73a57bb6c17d3678ffba0df30a7 Mon Sep 17 00:00:00 2001 From: Dano van den Bosch Date: Wed, 3 Apr 2024 10:12:25 +0200 Subject: [PATCH] Website changes --- web/newWebsite/index.html | 9 ++++++ web/newWebsite/styles/dashboard-styles.css | 15 ++++++++-- web/newWebsite/text.html | 2 -- web/newWebsite/text.js | 33 +++++++++++++--------- 4 files changed, 40 insertions(+), 19 deletions(-) diff --git a/web/newWebsite/index.html b/web/newWebsite/index.html index 6346d81..8a5c2f7 100644 --- a/web/newWebsite/index.html +++ b/web/newWebsite/index.html @@ -29,6 +29,15 @@ +
+

Status updating

+ + + + +
+ + diff --git a/web/newWebsite/styles/dashboard-styles.css b/web/newWebsite/styles/dashboard-styles.css index 35fa91c..e406f83 100644 --- a/web/newWebsite/styles/dashboard-styles.css +++ b/web/newWebsite/styles/dashboard-styles.css @@ -12,6 +12,14 @@ justify-content: left; } */ +.nav-button { + background-color: #333; + color: #fff; + border: none; + cursor: pointer; + font-size: 17px; +} + #editNode{ display: flex; justify-content: center; @@ -21,13 +29,14 @@ /* border: 20px solid orange; */ } - /* #editNode { + #editNode { + margin-top: 1%; width: 98vw; height: 20vh; display: flex; justify-content: center; /* flex-direction: column; Keep as column - /* justify-content: ; + /* justify-content: ; */ align-items: center; background-color: #333; @@ -39,7 +48,7 @@ margin-bottom: 10px; position: relative; float: top; -} */ +} body { display: flex; diff --git a/web/newWebsite/text.html b/web/newWebsite/text.html index e3d1ae5..1783df8 100644 --- a/web/newWebsite/text.html +++ b/web/newWebsite/text.html @@ -8,8 +8,6 @@ - -
diff --git a/web/newWebsite/text.js b/web/newWebsite/text.js index 63e3853..45856bd 100644 --- a/web/newWebsite/text.js +++ b/web/newWebsite/text.js @@ -17,26 +17,30 @@ function settings() { updateNode.style.display = "block"; locationInput.value = ""; nameInput.value = ""; - - fetch(apiGetAllNode) - .then(response => { - if (!response.ok) { - document.getElementById('text').innerHTML = "Error: Network response was not ok"; - throw new Error('Network response was not ok'); - } - document.getElementById('text').innerHTML = "Fetching data"; - return response.json(); - }) - .then(data => { - document.getElementById('text').innerHTML = "Data fetched"; - handleData(data); - }) + getNodeInfo(); } else { updateNode.style.display = "none"; } } + +function getNodeInfo() { + fetch(apiGetAllNode) + .then(response => { + if (!response.ok) { + document.getElementById('text').innerHTML = "Error: Network response was not ok"; + throw new Error('Network response was not ok'); + } + document.getElementById('text').innerHTML = "Fetching data"; + return response.json(); + }) + .then(data => { + document.getElementById('text').innerHTML = "Data fetched"; + handleData(data); + }) +} + function handleData(JSONdata) { var i, L = select.options.length - 1; for (i = L; i >= 0; i--) { @@ -71,6 +75,7 @@ function changeText() { var text = document.getElementById('text'); text.innerHTML = "Changes made" + getNodeInfo(); } function updateNodeInfo(node, newNodeName, newNodeLocation) {