jappel/scoreboard-js
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added websockts for admin interface

Browse source
This commit is contained in:
Julian Appel 2024-05-06 22:20:19 +02:00
parent 536c1272d8
commit b7cf1e4d9a
4 changed files with 34 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

17
scoreboard/public/javascripts/admin.js
View file

@ -1,3 +1,20 @@
let wss = "ws://" + window.location.hostname + ":3001" // Build socketio endpoint from window.location
const socket = io(wss); // Connect to socketio server
socket.on('connected', (message) => { // Once client is connected to websocket
console.log("Connected");
initialUpdate() // Request important values to update admin frontend
});
socket.on('timerDurationLeft', (message) => {
console.log(message) // Log durationLeft in client console
document.getElementById("durationLeft").innerHTML = message; // Display durationLeft in corresponding html Element
});
socket.on('timerEnded', (message) => {
initialUpdate(); // Update admin frontend to set correct buttonstatus
});
function updateFrontend(values) {
values.duration = moment.duration(values.duration) // Create moment object from ISO 8601 string
values.durationLeft = moment.duration(values.durationLeft) // Create moment object from ISO 8601 string

2
scoreboard/public/javascripts/index.js
View file

@ -11,5 +11,5 @@ socket.on('timerDurationLeft', (message) => {
});
socket.on('timerEnded', (message) => {
document.getElementById("durationLeft").innerHTML = "STOP"; // Display "STOP" in same html element as the duration
document.getElementById("durationLeft").innerHTML = "ENDE"; // Display "STOP" in same html element as the duration
});