aboutsummaryrefslogtreecommitdiff
path: root/frontend/student.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/student.js')
-rw-r--r--frontend/student.js288
1 files changed, 144 insertions, 144 deletions
diff --git a/frontend/student.js b/frontend/student.js
index aa601e6..9b5c573 100644
--- a/frontend/student.js
+++ b/frontend/student.js
@@ -21,7 +21,7 @@
*/
document.addEventListener("DOMContentLoaded", () => {
- const socket = new WebSocket("wss://cca.runxiyu.org/ws")
+ const socket = new WebSocket("wss://cca.runxiyu.org/ws");
/*
* TODO I want to make this easily configurable somehow, but I'm unsure
@@ -40,10 +40,10 @@ document.addEventListener("DOMContentLoaded", () => {
*/
socket.addEventListener("open", function() {
- let gstate = 0
- let ustate = 0
+ let gstate = 0;
+ let ustate = 0;
let _handleMessage = event => {
- let msg = new String(event?.data)
+ let msg = new String(event?.data);
/*
* Standard IRC Message format parsing without IRCv3
@@ -51,303 +51,303 @@ document.addEventListener("DOMContentLoaded", () => {
* format suitable for our use-case. No need for
* protobuf or anything else nontrivial.
*/
- let mar = msg.split(" ")
+ let mar = msg.split(" ");
for (let i = 0; i < mar.length; i++) {
if (mar[i].startsWith(":")) {
if (i === mar.length - 1) {
- mar[i] = mar[i].substring(1)
- break
+ mar[i] = mar[i].substring(1);
+ break;
}
mar[i] = mar[i].substring(1) + " " +
- mar.slice(i + 1).join(" ")
- mar.splice(i + 1)
- break
+ mar.slice(i + 1).join(" ");
+ mar.splice(i + 1);
+ break;
}
}
switch (mar[0]) {
case "E": /* unexpected error */
- alert(`The server reported an unexpected error, "${ mar[1] }". The system might be in an inconsistent state.`)
- break
+ alert(`The server reported an unexpected error, "${ mar[1] }". The system might be in an inconsistent state.`);
+ break;
case "HI":
document.querySelectorAll(".need-connection").
forEach(c => {
- c.style.display = "block"
- })
+ c.style.display = "block";
+ });
document.querySelectorAll(".before-connection").
forEach(c => {
- c.style.display = "none"
- })
+ c.style.display = "none";
+ });
if (mar[1] !== "") {
- let courseIDs = mar[1].split(",")
+ let courseIDs = mar[1].split(",");
for (let i = 0; i < courseIDs.length; i++) {
document.getElementById(
`tick${ courseIDs[i] }`
- ).checked = true
+ ).checked = true;
{
let courseType = document.
getElementById(`type${ courseIDs[i] }`).
- textContent
+ textContent;
document.getElementById(`${ courseType }-chosen`).
textContent = parseInt(document.
getElementById(`${ courseType }-chosen`).
- textContent) + 1
+ textContent) + 1;
}
if (gstate === 1) {
document.getElementById(
`tick${ courseIDs[i] }`
- ).disabled = false
+ ).disabled = false;
if (parseInt(document.getElementById("Sport-chosen").textContent) >=
parseInt(document.getElementById("Sport-required").textContent) &&
parseInt(document.getElementById("Non-sport-chosen").textContent) >=
parseInt(document.getElementById("Non-sport-required").textContent)) {
- document.getElementById("confirmbutton").disabled = false
+ document.getElementById("confirmbutton").disabled = false;
}
}
}
}
if (ustate === 1) {
document.querySelectorAll(".confirmed-handle").forEach(c => {
- let handle = c.textContent
- document.getElementById(`confirmed-name-${ handle }`).textContent = ""
- document.getElementById(`confirmed-type-${ handle }`).textContent = ""
- document.getElementById(`confirmed-teacher-${ handle }`).textContent = ""
- document.getElementById(`confirmed-location-${ handle }`).textContent = ""
+ let handle = c.textContent;
+ document.getElementById(`confirmed-name-${ handle }`).textContent = "";
+ document.getElementById(`confirmed-type-${ handle }`).textContent = "";
+ document.getElementById(`confirmed-teacher-${ handle }`).textContent = "";
+ document.getElementById(`confirmed-location-${ handle }`).textContent = "";
document.querySelectorAll(".coursecheckbox").forEach(d => {
if (d.dataset.group === handle && d.checked) {
document.getElementById(`confirmed-name-${ handle }`).textContent =
- d.dataset.title
+ d.dataset.title;
document.getElementById(`confirmed-type-${ handle }`).textContent =
- d.dataset.type
+ d.dataset.type;
document.getElementById(`confirmed-teacher-${ handle }`).textContent =
- d.dataset.teacher
+ d.dataset.teacher;
document.getElementById(`confirmed-location-${ handle }`).textContent =
- d.dataset.location
+ d.dataset.location;
/* TODO: break */
}
- })
- })
+ });
+ });
document.querySelectorAll(".unconfirmed").forEach(c => {
- c.style.display = "none"
- })
+ c.style.display = "none";
+ });
document.querySelectorAll(".confirmed").forEach(c => {
- c.style.display = "block"
- })
+ c.style.display = "block";
+ });
document.querySelectorAll(".neither-confirmed").forEach(c => {
- c.style.display = "none"
- })
+ c.style.display = "none";
+ });
}
- break
+ break;
case "U": /* unauthenticated */
/* TODO: replace this with a box on screen */
- alert("Your session is broken or has expired. You are unauthenticated and the server will reject your commands.")
- break
+ alert("Your session is broken or has expired. You are unauthenticated and the server will reject your commands.");
+ break;
case "N":
document.getElementById(`tick${ mar[1] }`).
- checked = false
+ checked = false;
document.getElementById(`tick${ mar[1] }`).
- indeterminate = false
+ indeterminate = false;
{
let courseType = document.getElementById(`type${ mar[1] }`).
- textContent
+ textContent;
document.getElementById(`${ courseType }-chosen`).textContent =
parseInt(document.
getElementById(`${ courseType }-chosen`).
- textContent) - 1
+ textContent) - 1;
}
if (parseInt(document.getElementById("Sport-chosen").textContent) <
parseInt(document.getElementById("Sport-required").textContent) ||
parseInt(document.getElementById("Non-sport-chosen").textContent) <
parseInt(document.getElementById("Non-sport-required").textContent)) {
- document.getElementById("confirmbutton").disabled = true
+ document.getElementById("confirmbutton").disabled = true;
}
- break
+ break;
case "M":
document.getElementById(`selected${ mar[1] }`).
- textContent = mar[2]
+ textContent = mar[2];
if (
mar[2] === document.getElementById(`max${ mar[1] }`).textContent &&
!(document.getElementById(`tick${ mar[1] }`).checked)
) {
- document.getElementById(`tick${ mar[1] }`).disabled = true
+ document.getElementById(`tick${ mar[1] }`).disabled = true;
} else if (gstate === 1) {
- document.getElementById(`tick${ mar[1] }`).disabled = false
+ document.getElementById(`tick${ mar[1] }`).disabled = false;
}
- break
+ break;
case "R": /* course selection rejected */
document.getElementById(`coursestatus${ mar[1] }`).
- textContent = mar[2]
+ textContent = mar[2];
document.getElementById(`coursestatus${ mar[1] }`).
- style.color = "red"
+ style.color = "red";
document.getElementById(`tick${ mar[1] }`).
- checked = false
+ checked = false;
document.getElementById(`tick${ mar[1] }`).
- indeterminate = false
+ indeterminate = false;
if (mar[2] === "Full") {
document.getElementById(`tick${ mar[1] }`).
- disabled = true
+ disabled = true;
}
- break
+ break;
case "Y": /* course selection approved */
document.getElementById(`coursestatus${ mar[1] }`).
- textContent = ""
+ textContent = "";
document.getElementById(`coursestatus${ mar[1] }`).
- style.removeProperty("color")
+ style.removeProperty("color");
document.getElementById(`tick${ mar[1] }`).
- checked = true
+ checked = true;
document.getElementById(`tick${ mar[1] }`).
- indeterminate = false
+ indeterminate = false;
{
let courseType = document.getElementById(`type${ mar[1] }`).
- textContent
+ textContent;
document.getElementById(`${ courseType }-chosen`).textContent =
parseInt(document.
getElementById(`${ courseType }-chosen`).
- textContent) + 1
+ textContent) + 1;
}
if (parseInt(document.getElementById("Sport-chosen").textContent) >=
parseInt(document.getElementById("Sport-required").textContent) &&
parseInt(document.getElementById("Non-sport-chosen").textContent) >=
parseInt(document.getElementById("Non-sport-required").textContent) &&
gstate === 1) {
- document.getElementById("confirmbutton").disabled = false
+ document.getElementById("confirmbutton").disabled = false;
}
- break
+ break;
case "STOP":
- gstate = 0
- document.getElementById("stateindicator").textContent = "disabled"
- document.getElementById("confirmbutton").disabled = true
- document.getElementById("unconfirmbutton").disabled = true
+ 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
+ c.disabled = true;
+ });
+ break;
case "START":
- gstate = 1
- document.getElementById("unconfirmbutton").disabled = false
+ gstate = 1;
+ document.getElementById("unconfirmbutton").disabled = false;
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
+ c.querySelector(".coursecheckbox").disabled = false;
}
- })
+ });
if (parseInt(document.getElementById("Sport-chosen").textContent) >=
parseInt(document.getElementById("Sport-required").textContent) &&
parseInt(document.getElementById("Non-sport-chosen").textContent) >=
parseInt(document.getElementById("Non-sport-required").textContent)) {
- document.getElementById("confirmbutton").disabled = false
+ document.getElementById("confirmbutton").disabled = false;
}
- document.getElementById("stateindicator").textContent = "enabled"
- break
+ document.getElementById("stateindicator").textContent = "enabled";
+ break;
case "YC":
- ustate = 1
+ ustate = 1;
document.querySelectorAll(".confirmed-handle").forEach(c => {
- let handle = c.textContent
- document.getElementById(`confirmed-name-${ handle }`).textContent = ""
- document.getElementById(`confirmed-type-${ handle }`).textContent = ""
- document.getElementById(`confirmed-teacher-${ handle }`).textContent = ""
- document.getElementById(`confirmed-location-${ handle }`).textContent = ""
+ let handle = c.textContent;
+ document.getElementById(`confirmed-name-${ handle }`).textContent = "";
+ document.getElementById(`confirmed-type-${ handle }`).textContent = "";
+ document.getElementById(`confirmed-teacher-${ handle }`).textContent = "";
+ document.getElementById(`confirmed-location-${ handle }`).textContent = "";
document.querySelectorAll(".coursecheckbox").forEach(d => {
if (d.dataset.group === handle && d.checked) {
document.getElementById(`confirmed-name-${ handle }`).textContent =
- d.dataset.title
+ d.dataset.title;
document.getElementById(`confirmed-type-${ handle }`).textContent =
- d.dataset.type
+ d.dataset.type;
document.getElementById(`confirmed-teacher-${ handle }`).textContent =
- d.dataset.teacher
+ d.dataset.teacher;
document.getElementById(`confirmed-location-${ handle }`).textContent =
- d.dataset.location
+ d.dataset.location;
/* TODO: break */
}
- })
- })
+ });
+ });
document.querySelectorAll(".unconfirmed").forEach(c => {
- c.style.display = "none"
- })
+ c.style.display = "none";
+ });
document.querySelectorAll(".confirmed").forEach(c => {
- c.style.display = "block"
- })
+ c.style.display = "block";
+ });
document.querySelectorAll(".neither-confirmed").forEach(c => {
- c.style.display = "none"
- })
- break
+ c.style.display = "none";
+ });
+ break;
case "NC":
- ustate = 0
+ ustate = 0;
document.querySelectorAll(".unconfirmed").forEach(c => {
- c.style.display = "block"
- })
+ c.style.display = "block";
+ });
document.querySelectorAll(".confirmed").forEach(c => {
- c.style.display = "none"
- })
+ c.style.display = "none";
+ });
document.querySelectorAll(".neither-confirmed").forEach(c => {
- c.style.display = "none"
- })
- break
+ c.style.display = "none";
+ });
+ break;
case "RC":
- alert(mar[1])
- break
+ alert(mar[1]);
+ break;
default:
- alert(`Invalid command ${ mar[0] } received from socket. Something is wrong.`)
+ alert(`Invalid command ${ mar[0] } received from socket. Something is wrong.`);
}
- }
- socket.addEventListener("message", _handleMessage)
+ };
+ socket.addEventListener("message", _handleMessage);
let _handleClose = _event => {
document.querySelectorAll(".need-connection").forEach(c => {
- c.style.display = "none"
- })
+ c.style.display = "none";
+ });
document.querySelectorAll(".broken-connection").
forEach(c => {
- c.style.display = "block"
- })
- }
- socket.addEventListener("close", _handleClose)
- socket.send("HELLO")
- })
+ c.style.display = "block";
+ });
+ };
+ socket.addEventListener("close", _handleClose);
+ socket.send("HELLO");
+ });
document.querySelectorAll(".coursecheckbox").forEach(c => {
c.addEventListener("input", () => {
if (c.id.slice(0, 4) !== "tick") {
- alert(`${ c.id } is not in the correct format.`)
- return false
+ alert(`${ c.id } is not in the correct format.`);
+ return false;
}
switch (c.checked) {
case true:
- c.indeterminate = true
+ c.indeterminate = true;
document.querySelectorAll(".coursecheckbox").forEach(d => {
if (d.checked === true &&
d.dataset.group === c.dataset.group &&
c.id !== d.id) {
- d.indeterminate = true
- socket.send(`N ${ d.id.slice(4) }`)
+ d.indeterminate = true;
+ socket.send(`N ${ d.id.slice(4) }`);
}
- })
- socket.send(`Y ${ c.id.slice(4) }`)
- break
+ });
+ socket.send(`Y ${ c.id.slice(4) }`);
+ break;
case false:
- c.indeterminate = true
- socket.send(`N ${ c.id.slice(4) }`)
- break
+ c.indeterminate = true;
+ socket.send(`N ${ c.id.slice(4) }`);
+ break;
default:
- alert(`${ c.id }'s "checked" attribute is ${ c.checked } which is invalid.`)
+ alert(`${ c.id }'s "checked" attribute is ${ c.checked } which is invalid.`);
}
- return false
- })
- })
+ return false;
+ });
+ });
document.getElementById("confirmbutton").addEventListener("click", () => {
- socket.send("YC")
- })
+ socket.send("YC");
+ });
document.getElementById("unconfirmbutton").addEventListener("click", () => {
- socket.send("NC")
- })
+ socket.send("NC");
+ });
document.querySelectorAll(".script-required").forEach(c => {
- c.style.display = "block"
- })
+ c.style.display = "block";
+ });
document.querySelectorAll(".script-unavailable").forEach(c => {
- c.style.display = "none"
- })
-})
+ c.style.display = "none";
+ });
+});
generated by cgit v1.2.3 (git 2.39.1) at 2024-10-18 22:25:14 +0000