diff options
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/assets/img/dryer_down.png | bin | 0 -> 35132 bytes | |||
| -rw-r--r-- | frontend/assets/img/washer_down.png | bin | 0 -> 35932 bytes | |||
| -rw-r--r-- | frontend/main.js | 17 | ||||
| -rw-r--r-- | frontend/style.css | 10 |
4 files changed, 20 insertions, 7 deletions
diff --git a/frontend/assets/img/dryer_down.png b/frontend/assets/img/dryer_down.png Binary files differnew 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 Binary files differnew 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; + } +} |
