new down status, clear url memory cookie aft start

4 files changed, 20 insertions, 7 deletions

diff --git a/frontend/assets/img/dryer_down.png b/frontend/assets/img/dryer_down.png
new file mode 100644
index 0000000..8c81b25
--- /dev/null
+++ b/frontend/assets/img/dryer_down.png
diff --git a/frontend/assets/img/washer_down.png b/frontend/assets/img/washer_down.png
new file mode 100644
index 0000000..89334b0
--- /dev/null
+++ b/frontend/assets/img/washer_down.png
diff --git a/frontend/main.js b/frontend/main.js
index 1e3c996..962763d 100644
--- a/frontend/main.js
+++ b/frontend/main.js
@@ -117,6 +117,7 @@ async function start() {
 		if (data == "all good bro timer started") {
 			window.location.href = "/timer/";
 		}
+		cookieStore.delete("last_used_url");
 	});
 }
 
@@ -212,17 +213,19 @@ async function updateMachines() {
 			const minsLeft = Math.ceil((end - now) / 60000).toString();
 			machineTxts[i].innerHTML = minsLeft + " min(s) left";
 			if (machineDetailImgs[0]) machineDetailTitles[i].innerHTML = minsLeft + " minutes left"
+		} else if (status[0][i] == "OUTOFSERVICE") {
+			
 		} else if (status[0][i] == "FINISHED") {
 			if ((i + 1) % 2 == 0) {
-				machineImgs[i].src = "/assets/img/washer_clothes.png";
-				if (machineDetailImgs[0]) machineDetailImgs[i].src = "/assets/img/washer_clothes.png";
+				machineImgs[i].src = "/assets/img/washer_down.png";
+				if (machineDetailImgs[0]) machineDetailImgs[i].src = "/assets/img/washer_down.png";
 			} else {
-				machineImgs[i].src = "/assets/img/dryer_clothes.png";
-				if (machineDetailImgs[0]) machineDetailImgs[i].src = "/assets/img/dryer_clothes.png";
+				machineImgs[i].src = "/assets/img/dryer_down.png";
+				if (machineDetailImgs[0]) machineDetailImgs[i].src = "/assets/img/dryer_down.png";
 			}
-			machineTxts[i].innerHTML = "Idle"
-			if (machineDetailImgs[0]) machineDetailTitles[i].innerHTML = "Idle"
-			if (machineDetailImgs[0]) machineDetailDescs[i].innerHTML = "Clothes may not be collected yet."
+			machineTxts[i].innerHTML = "Down"
+			if (machineDetailImgs[0]) machineDetailTitles[i].innerHTML = "Out of Service"
+			if (machineDetailImgs[0]) machineDetailDescs[i].innerHTML = "This machine is currently out of service, and is unavailable to use."
 		} else {
 			if ((i + 1) % 2 == 0) {
 				machineImgs[i].src = "/assets/img/washer_off.png";
diff --git a/frontend/style.css b/frontend/style.css
index 8b53636..c241045 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -360,3 +360,13 @@ button {
 hr {
 	opacity: .25;
 }
+
+@media only screen and (max-width: 512px) {
+	.txtcol-washer > span {
+		font-size: .8rem;
+	}
+
+	.txtcol-washer > img {
+		padding: 8px;
+	}
+}