diff --git a/scoreboard/bin/www b/scoreboard/bin/www
index 95be052..eec0010 100644
--- a/scoreboard/bin/www
+++ b/scoreboard/bin/www
@@ -12,7 +12,7 @@ var http = require('http');
* Get port from environment and store in Express.
*/
-var port = normalizePort(process.env.PORT || '3000');
+var port = normalizePort(process.env.PORT || '80');
app.set('port', port);
/**
diff --git a/scoreboard/controllers/cli.js b/scoreboard/controllers/cli.js
index 0e3788b..4943376 100644
--- a/scoreboard/controllers/cli.js
+++ b/scoreboard/controllers/cli.js
@@ -1,23 +1,37 @@
-// CLI-Controller (Testdatei)
-// Zuständig für die Verarbeitung von Kommandozeilen-Befehlen des Scoreboards.
-// Aktuell nur ein Funktionstest mit einem einfachen `ls`-Befehl.
+// CLI-Controller
+// Startet und beendet den Anzeige-Browser auf dem Monitor-Rechner (Raspberry Pi).
+// Chromium wird im Kiosk-Modus auf Display :0 geöffnet und zeigt die Monitor-Ansicht an.
-const exec = require('node:child_process');
+const { spawn } = require('node:child_process')
-// Testaufruf: Listet den Inhalt des aktuellen Verzeichnisses auf,
-// um zu prüfen, ob child_process.exec korrekt funktioniert.
-exec('ls ./', (err, output) => {
- if (err) {
- console.error("could not execute command: ", err)
- return
+let command; // Referenz auf den laufenden Chromium-Prozess
+let browserOpen = false; // Status des Browsers, verhindert Mehrfachstart
+
+// Startet Chromium im Kiosk-Modus, sofern noch kein Browser laeuft
+async function openBrowser() {
+ if(!browserOpen) {
+ // Als Benutzer "pi" starten, damit der Prozess Zugriff auf das X-Display hat
+ command = spawn('sudo', ['-upi', 'chromium-browser', '--display=:0', '--incognito', '--noerrors', '--hide-crash-restore-bubble', '--disable-infobars', '--kiosk', 'http://localhost']);
+
+ command.stdout.on('data', data => {
+ console.log("stdout: ", data.toString());
+ });
+
+ command.stderr.on('data', data => {
+ console.log("sterr: ", data.toString());
+ });
+ browserOpen = true;
}
- console.log("Output: \n", output)
-})
-
-
-
-
-
-
+}
+// Beendet den laufenden Browserprozess, sofern einer gestartet wurde
+async function killBrowser() {
+ if(browserOpen) {
+ command.kill();
+ browserOpen = false;
+ }
+}
+module.exports = {
+ openBrowser, killBrowser
+}
diff --git a/scoreboard/controllers/db.js b/scoreboard/controllers/db.js
new file mode 100644
index 0000000..a135404
--- /dev/null
+++ b/scoreboard/controllers/db.js
@@ -0,0 +1,46 @@
+"use strict";
+
+let db;
+
+// Import ESM into CJS file using immediately invoked function expression because of missing top-level await in CJS
+(async () => {
+ const { LowSync } = await import('lowdb');
+ const { JSONFileSync } = await import('lowdb/node');
+ db = new LowSync(new JSONFileSync('db.json'), { teams: []})
+})();
+
+function getTeams() {
+ db.read();
+ return db.data.teams
+}
+
+// Adds passed teamName to db if not already existing
+function addTeam(teamName) {
+ console.log(teamName)
+ db.read();
+ if(!db.data.teams.includes(teamName) && teamName != "") { // Teamname not in db
+ db.data.teams.push(teamName);
+ db.write();
+ } else { // Teamname already in db
+ }
+}
+
+// Deletes passed teamName from db if existing
+function deleteTeam(teamName) {
+ db.read();
+ if(db.data.teams.includes(teamName) && teamName != "") { // Teamname in db
+ db.data.teams.splice(db.data.teams.indexOf(teamName), 1) // Delete corresponding array entry
+ db.write();
+ }
+}
+
+// Returns important values from db
+function getValues() {
+ db.read();
+ console.log(db.data)
+ return db.data
+}
+
+module.exports = {
+ getTeams, addTeam, deleteTeam, getValues
+}
\ No newline at end of file
diff --git a/scoreboard/controllers/etc.js b/scoreboard/controllers/etc.js
new file mode 100644
index 0000000..146142d
--- /dev/null
+++ b/scoreboard/controllers/etc.js
@@ -0,0 +1,21 @@
+let splashscreenEnabled = true;
+
+// Toggles a splashscreen
+function toggleSplashScreen() {
+ splashscreenEnabled = !splashscreenEnabled;
+}
+
+// Returns splashscreen enabled attribute
+function getSplashscreen() {
+ return splashscreenEnabled;
+}
+
+function getValues() {
+ return {
+ splashscreenEnabled: splashscreenEnabled,
+ }
+}
+
+module.exports = {
+ toggleSplashScreen, getSplashscreen, getValues
+}
\ No newline at end of file
diff --git a/scoreboard/controllers/score.js b/scoreboard/controllers/score.js
index 6e0ba7c..1bdefe0 100644
--- a/scoreboard/controllers/score.js
+++ b/scoreboard/controllers/score.js
@@ -1,6 +1,7 @@
const io = require('./socketio');
+const db = require('../controllers/db');
-let enabled = false;
+let enabled = true;
let teamA = {
name: "Team A",
name2: "",
@@ -13,7 +14,8 @@ let teamB = {
score: 0,
isSpielgemeinschaft: 0,
};
-let sideswitch = false;
+let sideswitch = false; // Attribute to switch sides after halftime
+let referenceMirrored = false; // If sitting behind the scoreboard, switch sides for admin board
// Funktionsübersicht (Prototypen ohne Implementierung — nur zur Übersicht)
function setEnabled(status) {};
@@ -21,7 +23,7 @@ function configTeam(team, name, name2, isSpielgemeinschaft) {};
function setScore(team, score) {};
function alterScore(team, dir) {};
function clearScore() {};
-function toggleSideSwitch() {};
+function toggleSideswitch() {};
function getEnabled() {};
function getValues() {};
@@ -91,6 +93,11 @@ function toggleSideswitch() {
io.sockets.emit('scoreSideswitch', '');
}
+// Mirror team position on admin panel
+function toggleReferenceMirrored() {
+ referenceMirrored = !referenceMirrored;
+}
+
// Return enabled value
function getEnabled() {
return enabled
@@ -112,10 +119,12 @@ function getValues() {
teamA: teamA,
teamB: teamB,
sideswitch: sideswitch,
+ referenceMirrored: referenceMirrored,
print: print(),
+ teams: db.getTeams(),
};
}
module.exports = {
- setEnabled, configTeam, setScore, alterScore, clearScore, toggleSideswitch, getEnabled, getValues
+ setEnabled, configTeam, setScore, alterScore, clearScore, toggleSideswitch, toggleReferenceMirrored, getEnabled, getValues,
}
\ No newline at end of file
diff --git a/scoreboard/db.json b/scoreboard/db.json
new file mode 100644
index 0000000..8d95e21
--- /dev/null
+++ b/scoreboard/db.json
@@ -0,0 +1,12 @@
+{
+ "teams": [
+ "Arheilgen",
+ "Prechtal",
+ "RVW Merklingen",
+ "Hofen",
+ "Leeden",
+ "Oelde",
+ "Burgkunstadt",
+ "Gaustadt"
+ ]
+}
\ No newline at end of file
diff --git a/scoreboard/package-lock.json b/scoreboard/package-lock.json
index 5e9c263..4eea9ad 100644
--- a/scoreboard/package-lock.json
+++ b/scoreboard/package-lock.json
@@ -14,6 +14,7 @@
"express-ws": "^5.0.2",
"hbs": "~4.0.4",
"http-errors": "~1.6.3",
+ "lowdb": "^7.0.1",
"moment": "^2.30.1",
"morgan": "~1.9.1",
"socket.io": "^4.7.5",
@@ -469,6 +470,20 @@
"node": ">= 0.10"
}
},
+ "node_modules/lowdb": {
+ "version": "7.0.1",
+ "resolved": "https://registry.npmjs.org/lowdb/-/lowdb-7.0.1.tgz",
+ "integrity": "sha512-neJAj8GwF0e8EpycYIDFqEPcx9Qz4GUho20jWFR7YiFeXzF1YMLdxB36PypcTSPMA+4+LvgyMacYhlr18Zlymw==",
+ "dependencies": {
+ "steno": "^4.0.2"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/typicode"
+ }
+ },
"node_modules/media-typer": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -843,6 +858,17 @@
"node": ">= 0.6"
}
},
+ "node_modules/steno": {
+ "version": "4.0.2",
+ "resolved": "https://registry.npmjs.org/steno/-/steno-4.0.2.tgz",
+ "integrity": "sha512-yhPIQXjrlt1xv7dyPQg2P17URmXbuM5pdGkpiMB3RenprfiBlvK415Lctfe0eshk90oA7/tNq7WEiMK8RSP39A==",
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/typicode"
+ }
+ },
"node_modules/type-is": {
"version": "1.6.18",
"resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
diff --git a/scoreboard/package.json b/scoreboard/package.json
index 458b6c4..63f7a92 100644
--- a/scoreboard/package.json
+++ b/scoreboard/package.json
@@ -3,7 +3,7 @@
"version": "0.0.0",
"private": true,
"scripts": {
- "start": "nodemon ./bin/www"
+ "start": "nodemon --ignore '*.json' ./bin/www"
},
"dependencies": {
"cookie-parser": "~1.4.4",
@@ -12,6 +12,7 @@
"express-ws": "^5.0.2",
"hbs": "~4.0.4",
"http-errors": "~1.6.3",
+ "lowdb": "^7.0.1",
"moment": "^2.30.1",
"morgan": "~1.9.1",
"socket.io": "^4.7.5",
diff --git a/scoreboard/public/img/SG_Arheilgen.png b/scoreboard/public/img/SG_Arheilgen.png
new file mode 100644
index 0000000..e4b7fc2
Binary files /dev/null and b/scoreboard/public/img/SG_Arheilgen.png differ
diff --git a/scoreboard/public/img/SG_Arheilgen_upscaled.png b/scoreboard/public/img/SG_Arheilgen_upscaled.png
new file mode 100644
index 0000000..3b42d40
Binary files /dev/null and b/scoreboard/public/img/SG_Arheilgen_upscaled.png differ
diff --git a/scoreboard/public/javascripts/admin.js b/scoreboard/public/javascripts/admin.js
index c6b7492..1036eec 100644
--- a/scoreboard/public/javascripts/admin.js
+++ b/scoreboard/public/javascripts/admin.js
@@ -20,13 +20,28 @@ socket.on('timerEnded', (message) => {
socket.on('score', (message) => {
console.log(message); // Log score in client console
- document.getElementById("score").innerHTML = message; // Display score in corresponding html Element
+ scoreGetValues();
+ // document.getElementById("score").innerHTML = message; // Display score in corresponding html Element
});
// ######################################################################################################################################################
// General functions
// ######################################################################################################################################################
+// Initial update gets called whenever page has been loaded
+async function initialUpdate() {
+ etcGetValues(); // Request new values for etc stuff
+ timerGetValues(); // Request new values for timer
+ scoreGetValues(); // Request new values for score
+ dbGetValues(); // Request new values for db contents
+}
+
+// Update DOM timer elements from passed values
+function updateEtcFrontend(values) {
+ console.log(values);
+ document.getElementById("etcSwitchEnable").checked = values.splashscreenEnabled;// Set switch status to received score enabled value
+}
+
// Update DOM timer elements from passed values
function updateTimerFrontend(values) {
console.log(values); // Print received data
@@ -43,13 +58,22 @@ function updateTimerFrontend(values) {
}
}
+// Build colname to show Teams on Adminpanel based on isSpielgemeinschaft
+function buildColFromIsSpielgemeinschaft(team) {
+ if(team.isSpielgemeinschaft) {
+ return team.name + "
" + team.name2;
+ } else {
+ return team.name + "
";
+ }
+}
+
// Update DOM score elements from passed values
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
+ document.getElementById("scoreSwitchReferenceMirrored").checked = values.referenceMirrored; // Set switch status to received score enabled value
- // Input current Team values into form inputs
+ // Config Teams - Input current teams into text fields
document.getElementById("teamAname").value = values.teamA.name;
document.getElementById("teamAname2").value = values.teamA.name2;
document.getElementById("teamAisSpielgemeinschaft").checked = values.teamA.isSpielgemeinschaft;
@@ -57,12 +81,88 @@ function updateScoreFrontend(values) {
document.getElementById("teamBname").value = values.teamB.name;
document.getElementById("teamBname2").value = values.teamB.name2;
document.getElementById("teamBisSpielgemeinschaft").checked = values.teamB.isSpielgemeinschaft;
+
+ // Show current Teams on admin panel
+ if(!values.referenceMirrored && !values.sideswitch || values.referenceMirrored && values.sideswitch) { // If not mirrored on adminpanel, show like main frontend while considering sideswitch state
+ document.getElementById("score").innerHTML = values.teamA.score + ':' + values.teamB.score;
+ document.getElementById("teamAcolName").innerHTML = buildColFromIsSpielgemeinschaft(values.teamA);
+ document.getElementById("teamBcolName").innerHTML = buildColFromIsSpielgemeinschaft(values.teamB);
+ document.getElementById("teamAinc").setAttribute("onclick", "scoreAlterScore('teamA', 'inc')");
+ document.getElementById("teamAdec").setAttribute("onclick", "scoreAlterScore('teamA', 'dec')");
+ document.getElementById("teamBinc").setAttribute("onclick", "scoreAlterScore('teamB', 'inc')");
+ document.getElementById("teamBdec").setAttribute("onclick", "scoreAlterScore('teamB', 'dec')");
+
+ } else if(!values.referenceMirrored && values.sideswitch || values.referenceMirrored && !values.sideswitch) { // Else, swap posistions
+ document.getElementById("score").innerHTML = values.teamB.score + ':' + values.teamA.score;
+ document.getElementById("teamAcolName").innerHTML = buildColFromIsSpielgemeinschaft(values.teamB);
+ document.getElementById("teamBcolName").innerHTML = buildColFromIsSpielgemeinschaft(values.teamA);
+ document.getElementById("teamAinc").setAttribute("onclick", "scoreAlterScore('teamB', 'inc')");
+ document.getElementById("teamAdec").setAttribute("onclick", "scoreAlterScore('teamB', 'dec')");
+ document.getElementById("teamBinc").setAttribute("onclick", "scoreAlterScore('teamA', 'inc')");
+ document.getElementById("teamBdec").setAttribute("onclick", "scoreAlterScore('teamA', 'dec')");
+ }
+
}
-// Initial update gets called whenever page has been loaded
-async function initialUpdate() {
- timerGetValues(); // Request new values for timer
- scoreGetValues(); // Request new values for score
+// Update DOM for all db contents with the passed values
+function updateDbFrontend(values) {
+ console.log(values);
+
+ let teamAnameDropdown = document.getElementById("teamAnameDropdown"); // Dropdown for TeamA name
+ let teamAname2Dropdown = document.getElementById("teamAname2Dropdown"); // Dropdown for TeamA name2
+ let teamBnameDropdown = document.getElementById("teamBnameDropdown"); // Dropdown for TeamB name
+ let teamBname2Dropdown = document.getElementById("teamBname2Dropdown"); // Dropdown for TeamB name2
+
+ // Clear innerHTML of dropdowns
+ teamAnameDropdown.innerHTML = "";
+ teamAname2Dropdown.innerHTML = "";
+ teamBnameDropdown.innerHTML = "";
+ teamBname2Dropdown.innerHTML = "";
+
+ let selectDelete = document.getElementById("dbTeamToDelete"); // Select for team deletion from db
+ selectDelete.innerHTML = "" // Clears all existing options from select
+
+ //
Konfiguration von Team A bearbeiten: