aboutsummaryrefslogtreecommitdiff
path: root/frontend
diff options
context:
space:
mode:
Diffstat (limited to 'frontend')
-rw-r--r--frontend/student.js29
-rw-r--r--frontend/style.css11
2 files changed, 36 insertions, 4 deletions
diff --git a/frontend/student.js b/frontend/student.js
index af5d6ad..ef47724 100644
--- a/frontend/student.js
+++ b/frontend/student.js
@@ -36,6 +36,7 @@ document.addEventListener("DOMContentLoaded", () => {
*/
socket.addEventListener("open", function() {
+ let gstate = 0
let _handleMessage = event => {
let msg = new String(event?.data)
@@ -78,9 +79,11 @@ document.addEventListener("DOMContentLoaded", () => {
document.getElementById(
`tick${ courseIDs[i] }`
).checked = true
- document.getElementById(
- `tick${ courseIDs[i] }`
- ).disabled = false
+ if (gstate === 1) {
+ document.getElementById(
+ `tick${ courseIDs[i] }`
+ ).disabled = false
+ }
}
}
break
@@ -102,7 +105,7 @@ document.addEventListener("DOMContentLoaded", () => {
!(document.getElementById(`tick${ mar[1] }`).checked)
) {
document.getElementById(`tick${ mar[1] }`).disabled = true
- } else {
+ } else if (gstate === 1) {
document.getElementById(`tick${ mar[1] }`).disabled = false
}
break
@@ -130,6 +133,24 @@ document.addEventListener("DOMContentLoaded", () => {
document.getElementById(`tick${ mar[1] }`).
indeterminate = false
break
+ case "STOP":
+ gstate = 0
+ document.getElementById("stateindicator").textContent = "disabled"
+ document.getElementById("confirmbutton").disabled = true
+ document.querySelectorAll(".coursecheckbox").forEach(c => {
+ c.disabled = true
+ })
+ break
+ case "START":
+ gstate = 1
+ document.querySelectorAll(".courseitem").forEach(c => {
+ if (c.querySelector(".selected-number").textContent !== c.querySelector(".max-number").textContent || c.querySelector(".coursecheckbox").checked) {
+ c.querySelector(".coursecheckbox").disabled = false
+ }
+ })
+ document.getElementById("confirmbutton").disabled = false
+ document.getElementById("stateindicator").textContent = "enabled"
+ break
default:
alert(`Invalid command ${ mar[0] } received from socket. Something is wrong.`)
}
diff --git a/frontend/style.css b/frontend/style.css
index 6edbf60..78be469 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -337,6 +337,17 @@ table.table-of-courses {
width: 100%;
}
+:disabled {
+ background: repeating-linear-gradient(
+ 135deg,
+ grey,
+ grey 5px,
+ dimgrey 5px,
+ dimgrey 10px
+ );
+}
+
+
/*
* .need-connection is the content that should actually display when we are
* connected via WebSocket. The JavaScript would change display from none to