Added config team functionality, receive them from backend to update frontend, Added scoreswitch

This commit is contained in:
2024-05-28 22:59:36 +02:00
parent faaa47a792
commit 835248a9dc
6 changed files with 106 additions and 19 deletions
+33
View File
@@ -48,6 +48,15 @@ function updateScoreFrontend(values) {
console.log(values); // Print received data
document.getElementById("scoreSwitchEnable").checked = values.enabled; // Set switch status to received score enabled value
document.getElementById("score").innerHTML = values.print; // Set score on admin interface
// Input current Team values into form inputs
document.getElementById("teamAname").value = values.teamA.name;
document.getElementById("teamAname2").value = values.teamA.name2;
document.getElementById("teamAisSpielgemeinschaft").checked = values.teamA.isSpielgemeinschaft;
document.getElementById("teamBname").value = values.teamB.name;
document.getElementById("teamBname2").value = values.teamB.name2;
document.getElementById("teamBisSpielgemeinschaft").checked = values.teamB.isSpielgemeinschaft;
}
// Initial update gets called whenever page has been loaded
@@ -162,4 +171,28 @@ async function scoreClearScore() {
const response = await fetch("/admin/scoreClearScore"); // Call API Endpoint /admin/scoreClearScore
const data = await response.json(); // Wait for asynchronous transfer to complete
updateScoreFrontend(data); // Update admin frontend
}
// Configure Teams
async function scoreConfigTeams() {
teamA = {
name: document.getElementById("teamAname").value,
name2: document.getElementById("teamAname2").value,
isSpielgemeinschaft: document.getElementById("teamAisSpielgemeinschaft").checked
};
teamB = {
name: document.getElementById("teamBname").value,
name2: document.getElementById("teamBname2").value,
isSpielgemeinschaft: document.getElementById("teamBisSpielgemeinschaft").checked
}
console.log(teamA, teamB)
const response = await fetch("/admin/scoreConfigTeams", { // Call API Endpoint /admin/scoreAlterScore with the teamname to alter the score in the specified direction
method: 'POST',
headers: { "Content-Type": "application/json" },
body: JSON.stringify({teamA: teamA, teamB: teamB})
});
const data = await response.json(); // Wait for asyncronous transfer to complete
updateScoreFrontend(data); // Update admin frontend
refreshMonitor();
}
@@ -39,6 +39,33 @@ function updateTimerFrontend(values) {
// Update DOM score elements from passed values
function updateScoreFrontend(values) {
document.getElementById("score").innerHTML = values.print; // Set score on admin interface
if(!values.sideswitch) {
if(values.teamA.isSpielgemeinschaft) {
document.getElementById("teamA").innerHTML = values.teamA.name + '<br>' + values.teamA.name2;
} else {
document.getElementById("teamA").innerHTML = values.teamA.name
}
if(values.teamB.isSpielgemeinschaft) {
document.getElementById("teamB").innerHTML = values.teamB.name + '<br>' + values.teamB.name2;
} else {
document.getElementById("teamB").innerHTML = values.teamB.name
}
} else {
if(values.teamA.isSpielgemeinschaft) {
document.getElementById("teamB").innerHTML = values.teamA.name + '<br>' + values.teamA.name2;
} else {
document.getElementById("teamB").innerHTML = values.teamA.name
}
if(values.teamB.isSpielgemeinschaft) {
document.getElementById("teamA").innerHTML = values.teamB.name + '<br>' + values.teamB.name2;
} else {
document.getElementById("teamA").innerHTML = values.teamB.name
}
}
}
async function initialUpdate() {