some changes in admin panel js

6 files changed, 23 insertions, 10 deletions

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..c67970a
--- /dev/null
+++ b/.DS_Store
diff --git a/frontend/.DS_Store b/frontend/.DS_Store
index ac6b678..1f6bb54 100644
--- a/frontend/.DS_Store
+++ b/frontend/.DS_Store
diff --git a/frontend/admin/admin-style.css b/frontend/admin/admin-style.css
index e04a047..9c866ff 100644
--- a/frontend/admin/admin-style.css
+++ b/frontend/admin/admin-style.css
@@ -28,6 +28,11 @@
 	width: 128px;
 }
 
+.admin-machine-container > div > span {
+	text-align: center;
+	font-weight: 600;
+}
+
 .admin-machine-container > h2 {
 	writing-mode: vertical-lr;
 	transform: rotate(180deg);
diff --git a/frontend/admin/admin.js b/frontend/admin/admin.js
index b78b1b3..ff1c463 100644
--- a/frontend/admin/admin.js
+++ b/frontend/admin/admin.js
@@ -53,25 +53,25 @@ async function syncMachineStatus() {
 	});
 	const data = await response.json();
 
-	for (let b = 1; b <= data.length; b++) {
-		for (let m = 1; m <= data[b].length; m++) {
-			const img = document.getElementById("h"+b.toString()+"m"+m.toString()+"img");
-			const dropdown = document.getElementById("h"+b.toString()+"m"+m.toString());
+	for (let b = 0; b < data.length; b++) {
+		for (let m = 0; m < data[b].length; m++) {
+			const img = document.getElementById("h"+(b+1).toString()+"m"+(m+1).toString()+"img");
+			const dropdown = document.getElementById("h"+(b+1).toString()+"m"+(m+1).toString());
 
 			if (data[b][m] != "OUTOFSERVICE") {
 				if (m % 2 == 0) {
-					img.src = "/assets/img/washer_down.png";
+					img.src = "/assets/img/dryer_off.png";
 				} else {
-					img.src = "/assets/img/dryer_down.png";
+					img.src = "/assets/img/washer_off.png";
 				}
-				dropdown.selectedIndex = 1;
+				dropdown.selectedIndex = 0;
 			} else {
 				if (m % 2 == 0) {
-					img.src = "/assets/img/washer_off.png";
+					img.src = "/assets/img/dryer_down.png";
 				} else {
-					img.src = "/assets/img/dryer_off.png";
+					img.src = "/assets/img/washer_down.png";
 				}
-				dropdown.selectedIndex = 0;
+				dropdown.selectedIndex = 1;
 			}
 		}
 	}
diff --git a/frontend/admin/panel.html b/frontend/admin/panel.html
index 1b0f2cf..4813c06 100644
--- a/frontend/admin/panel.html
+++ b/frontend/admin/panel.html
@@ -14,6 +14,7 @@
 			<div class="admin-machine-container" style="background-color: lightyellow;">
 				<h2>Block H2</h2>
 				<div>
+					<span>Dryer 1</span>
 					<img id="h2m1img"  src="/assets/img/dryer_off.png" alt="">
 					<select id="h2m1" name="" onchange="overrideMachineStatus(2, 1);">
 						<option value="normal">Normal</option>
@@ -21,6 +22,7 @@
 					</select>
 				</div>
 				<div>
+					<span>Washer 1</span>
 					<img id="h2m2img"  src="/assets/img/washer_off.png" alt="">
 					<select id="h2m2" name="" onchange="overrideMachineStatus(2, 2);">
 						<option value="normal">Normal</option>
@@ -28,6 +30,7 @@
 					</select>
 				</div>
 				<div>
+					<span>Dryer 2</span>
 					<img id="h2m3img"  src="/assets/img/dryer_off.png" alt="">
 					<select id="h2m3" name="" onchange="overrideMachineStatus(2, 3);">
 						<option value="normal">Normal</option>
@@ -35,6 +38,7 @@
 					</select>
 				</div>
 				<div>
+					<span>Washer 2</span>
 					<img id="h2m4img"  src="/assets/img/washer_off.png" alt="">
 					<select id="h2m4" name="" onchange="overrideMachineStatus(2, 4);">
 						<option value="normal">Normal</option>
@@ -45,6 +49,7 @@
 			<div class="admin-machine-container" style="background-color: skyblue;">
 				<h2>Block H1</h2>
 				<div>
+					<span>Dryer 1</span>
 					<img id="h1m1img" src="/assets/img/dryer_off.png" alt="">
 					<select id="h1m1" name="" onchange="overrideMachineStatus(1, 1);">
 						<option value="normal">Normal</option>
@@ -52,6 +57,7 @@
 					</select>
 				</div>
 				<div>
+					<span>Washer 1</span>
 					<img id="h1m2img"  src="/assets/img/washer_off.png" alt="">
 					<select id="h1m2" name="" onchange="overrideMachineStatus(1, 2);">
 						<option value="normal">Normal</option>
@@ -59,6 +65,7 @@
 					</select>
 				</div>
 				<div>
+					<span>Dryer 2</span>
 					<img id="h1m3img"  src="/assets/img/dryer_off.png" alt="">
 					<select id="h1m3" name="" onchange="overrideMachineStatus(1, 3);">
 						<option value="normal">Normal</option>
@@ -66,6 +73,7 @@
 					</select>
 				</div>
 				<div>
+					<span>Washer 2</span>
 					<img id="h1m4img"  src="/assets/img/washer_off.png" alt="">
 					<select id="h1m4" name="" onchange="overrideMachineStatus(1, 4);">
 						<option value="normal">Normal</option>
diff --git a/frontend/assets/.DS_Store b/frontend/assets/.DS_Store
index d7e3230..64959d9 100644
--- a/frontend/assets/.DS_Store
+++ b/frontend/assets/.DS_Store