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

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

Browse Source
This commit is contained in:
Julian Appel
2024-05-28 22:59:36 +02:00
parent faaa47a792
commit 835248a9dc
6 changed files with 106 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scoreboard/views/admin.hbs
+35 -5
View File
@@ -95,7 +95,7 @@
<div class="card-body">
<button class="mb-2 btn btn-lg btn-danger" onclick="scoreSwitch()"><i class="fa-solid fa-rotate"></i> Seitenwechsel</button>
<button class="mb-2 btn btn-lg btn-danger" onclick="scoreClearScore()"><i class="fa-solid fa-rotate"></i> Score löschen</button>
<button class="mb-2 btn btn-lg btn-danger" data-bs-toggle="modal" data-bs-target="#scoreConfigTeamAModal">Team A konfigurieren</button>
<button class="mb-2 btn btn-lg btn-danger" data-bs-toggle="modal" data-bs-target="#scoreConfigTeamsModal">Teams konfigurieren</button>
</div>
</div>
</div>
@@ -189,20 +189,50 @@
<!-- Modal -->
<!-- Config Team Modal -->
<div class="modal fade" id="scoreConfigTeamAModal" tabindex="-1" aria-labelledby="scoreConfigTeamAModalLabel" aria-hidden="true">
<div class="modal fade" id="scoreConfigTeamsModal" tabindex="-1" aria-labelledby="scoreConfigTeamsModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="timerResetModalLabel">Timer zurücksetzen?</h1>
<h1 class="modal-title fs-5" id="timerResetModalLabel">Teams konfigurieren</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Konfiguration von Team A bearbeiten:</p>
<p class="fw-bold">Konfiguration von Team A bearbeiten:</p>
<form>
<div class="mb-3">
<label for="teamAname", class="form-label">Team A Name</label>
<input type="text" class="form-control" id="teamAname" aria-describedby="teamAnameHelp">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="teamAisSpielgemeinschaft">
<label class="form-check-label" for="teamAisSpielgemeinschaft">Team ist eine Spielgemeinschaft</label>
</div>
<div class="mb-3">
<label for="teamAname2", class="form-label">Team A Name 2</label>
<input type="text" class="form-control" id="teamAname2" aria-describedby="teamAname2help">
<div id="teamAname2help" class="form-text">Wird nur bei einer Spielgemeinschaft angezeigt, sonst leer lassen</div>
</div>
<br><br>
<p class="fw-bold">Konfiguration von Team B bearbeiten:</p>
<div class="mb-3">
<label for="teamBname", class="form-label">Team B Name</label>
<input type="text" class="form-control" id="teamBname" aria-describedby="teamBnameHelp">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="teamBisSpielgemeinschaft">
<label class="form-check-label" for="teamBisSpielgemeinschaft">Team ist eine Spielgemeinschaft</label>
</div>
<div class="mb-3">
<label for="teamBname2", class="form-label">Team B Name 2</label>
<input type="text" class="form-control" id="teamBname2" aria-describedby="teamBname2help">
<div id="teamBname2help" class="form-text">Wird nur bei einer Spielgemeinschaft angezeigt, sonst leer lassen</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" data-bs-dismiss="modal" onclick="">Absenden</button>
<button type="button" class="btn btn-success" data-bs-dismiss="modal" onclick="scoreConfigTeams()">Absenden</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schließen</button>
</div>
</div>
scoreboard/views/indexScore.hbs
+2 -2
View File
@@ -15,13 +15,13 @@
<div class="d-flex flex-sm-wrap flex-md-wrap text-center align-items-center justify-content-around box-etc">
<div class="flex-fill order-xs-1 order-sm-1 order-md-1 order-lg-0">
<h1 id="scoreTeamA">Team A</h>
<h1 id="teamA">Team A</h>
</div>
<div class="flex-fill order-xs-0 order-sm-0 order-md-0 order-lg-1">
<div id="score" class="score"></div>
</div>
<div class="flex-fill order-xs-2 order-sm-2 order-md-2 order-lg-2">
<h1 id="scoreTeamB">Team B</h>
<h1 id="teamB">Team B</h>
</div>
</div>