diff options
Diffstat (limited to '')
-rw-r--r-- | frontend/student.js | 36 | ||||
-rw-r--r-- | frontend/style.css | 11 |
2 files changed, 44 insertions, 3 deletions
diff --git a/frontend/student.js b/frontend/student.js index c85a6a2..178611c 100644 --- a/frontend/student.js +++ b/frontend/student.js @@ -73,8 +73,8 @@ document.addEventListener("DOMContentLoaded", () => { forEach(c => { c.style.display = "none" }) - if (mar[2] !== "") { - let courseIDs = mar[2].split(",") + if (mar[1] !== "") { + let courseIDs = mar[1].split(",") for (let i = 0; i < courseIDs.length; i++) { document.getElementById( `tick${ courseIDs[i] }` @@ -181,12 +181,14 @@ document.addEventListener("DOMContentLoaded", () => { gstate = 0 document.getElementById("stateindicator").textContent = "disabled" document.getElementById("confirmbutton").disabled = true + document.getElementById("unconfirmbutton").disabled = true document.querySelectorAll(".coursecheckbox").forEach(c => { c.disabled = true }) break case "START": gstate = 1 + document.getElementById("unconfirmbutton").disabled = false document.querySelectorAll(".courseitem").forEach(c => { if (c.querySelector(".selected-number").textContent !== c.querySelector(".max-number").textContent || @@ -202,6 +204,31 @@ document.addEventListener("DOMContentLoaded", () => { } document.getElementById("stateindicator").textContent = "enabled" break + case "YC": + document.querySelectorAll(".unconfirmed").forEach(c => { + c.style.display = "none" + }) + document.querySelectorAll(".confirmed").forEach(c => { + c.style.display = "block" + }) + document.querySelectorAll(".neither-confirmed").forEach(c => { + c.style.display = "none" + }) + break + case "NC": + document.querySelectorAll(".unconfirmed").forEach(c => { + c.style.display = "block" + }) + document.querySelectorAll(".confirmed").forEach(c => { + c.style.display = "none" + }) + document.querySelectorAll(".neither-confirmed").forEach(c => { + c.style.display = "none" + }) + break + case "RC": + alert(mar[1]) + break default: alert(`Invalid command ${ mar[0] } received from socket. Something is wrong.`) } @@ -251,7 +278,10 @@ document.addEventListener("DOMContentLoaded", () => { }) document.getElementById("confirmbutton").addEventListener("click", () => { - socket.send("C") + socket.send("YC") + }) + document.getElementById("unconfirmbutton").addEventListener("click", () => { + socket.send("NC") }) document.querySelectorAll(".script-required").forEach(c => { diff --git a/frontend/style.css b/frontend/style.css index 78be469..2aa191e 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -373,6 +373,16 @@ table.table-of-courses { display: none; } +.unconfirmed { + display: none; +} +.confirmed { + display: none; +} +.neither-confirmed { + display: block; +} + /* * This site heavily uses CSS styling to display and hide messages, so by * default we put a big warning about CSS being broken, which disappears @@ -382,3 +392,4 @@ table.table-of-courses { .broken-styling-warning { display: none; } + |