Added refernce mirrored to mirror team position when sitting behind the main monitor

This commit is contained in:
2024-06-06 21:56:54 +02:00
parent c0ffac18e4
commit a27c38eeb3
4 changed files with 107 additions and 30 deletions
+38 -16
View File
@@ -10,7 +10,7 @@
<link href="/stylesheets/fontawesome/solid.min.css" rel="stylesheet" />
</head>
<body onload="initialUpdate()">
<div class="container-md my-4">
<div class=" container-fluid-sm container-fluid-md container-fluid-lg my-4 mx-4">
<div class="row mb-4 justify-content-center">
<div class="col-sm-12 col-md-12 col-lg-4">
@@ -26,13 +26,13 @@
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="h-100 card text-center">
<div class="card-body">
<button class="m-2 p-3 btn btn-lg btn-success" onclick="timerStart()" id="timerStartBtn"><i class="fa-solid fa-play"></i> Start</button>
<button class="m-2 p-3 btn btn-lg btn-warning" onclick="timerPause()" id="timerPauseBtn"><i class="fa-solid fa-pause"></i> Pause</button>
<button class="mb-2 btn btn-lg btn-success" onclick="timerStart()" id="timerStartBtn"><i class="fa-solid fa-play"></i> Start</button>
<button class="mb-2 btn btn-lg btn-warning" onclick="timerPause()" id="timerPauseBtn"><i class="fa-solid fa-pause"></i> Pause</button>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="col-sm-12 col-md-12 col-lg-5">
<div class="h-100 card text-center">
<div class="card-body ">
<div class="btn-group align-middle" role="group" aria-label="Basic example">
@@ -47,7 +47,7 @@
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="col-sm-12 col-md-12 col-lg-3">
<div class="h-100 card text-center">
<div class="card-body">
<button class="btn btn-lg btn-danger" data-bs-toggle="modal" data-bs-target="#timerResetModal">
@@ -59,10 +59,28 @@
</div>
<div class="row mb-4 justify-content-center">
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="col-sm-12 col-md-12 col-lg-8">
<div class="card text-center">
<div class="card-body">
<h1 id="score"></h1>
<div class="row">
<div class="col-sm-5 col-md-5 col-lg-4">
<h5 id="teamAcolName"></h5>
<div class="btn-group-vertical" role="group" aria-label="Vertical button group">
<button type="mb-2 button" class="btn btn-outline-success btn-lg" id="teamAinc"><i class="fa-solid fa-up-long"></i> +1</button>
<button type="mb-2 button" class="btn btn-outline-danger btn-lg" id="teamAdec"><i class="fa-solid fa-down-long"></i> -1</button>
</div>
</div>
<div class="col-sm-2 col-md-2 col-lg-4">
<h1 id="score"></h1>
</div>
<div class="col-sm-5 col-md-5 col-lg-4">
<h5 id="teamBcolName"></h5>
<div class="btn-group-vertical" role="group" aria-label="Vertical button group">
<button type="mb-2 button" class="btn btn-outline-success btn-lg" id="teamBinc"><i class="fa-solid fa-up-long"></i> +1</button>
<button type="mb-2 button" class="btn btn-outline-danger btn-lg" id="teamBdec"><i class="fa-solid fa-down-long"></i> -1</button>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -73,17 +91,13 @@
<div class="h-100 card text-center">
<div class="card-body">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="btn-group-vertical" role="group" aria-label="Vertical button group">
<button type="mb-2 button" class="btn btn-outline-success" onclick="scoreAlterScore('teamA', 'inc')">Team A +1</button>
<button type="mb-2 button" class="btn btn-outline-danger" onclick="scoreAlterScore('teamA', 'dec')">Team A -1</button>
</div>
<div class="col-sm-6 col-md-6 col-lg-6 mb-4">
<h5 id="teamAcolName"></h5>
</div>
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="btn-group-vertical" role="group" aria-label="Vertical button group">
<button type="mb-2 button" class="btn btn-outline-success" onclick="scoreAlterScore('teamB', 'inc')">Team B +1</button>
<button type="mb-2 button" class="btn btn-outline-danger" onclick="scoreAlterScore('teamB', 'dec')">Team B -1</button>
</div>
<h5 id="teamBcolName"></h5>
</div>
</div>
</div>
@@ -299,10 +313,18 @@
</div>
<div class="modal-body">
<p>Achtung, eine Fehlbedienung kann unerwünschtes Verhalten hervorrufen.</p>
<div class="form-check form-switch">
<input class="form-check-input" onclick="scoreToggleReferenceMirrored()" type="checkbox" role="switch" id="scoreSwitchReferenceMirrored">
<label class="form-check-label" for="scoreSwitchEnable">Teamanzeige im Adminpanel spiegeln?</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" onclick="scoreToggle()" type="checkbox" role="switch" id="scoreSwitchEnable">
<label class="form-check-label" for="scoreSwitchEnable">Scoreboard anzeigen?</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" onclick="etcToggleSplashscreen()" type="checkbox" role="switch" id="etcSwitchEnable">
<label class="form-check-label" for="scoreSwitchEnable">SG-Arheilgen Splashscreen anzeigen?</label>
</div>
<button class="mb-2 btn btn-lg btn-warning" onclick="refreshMonitor()"><i class="fa-solid fa-rotate"></i> Monitor neu laden</button> <br>
<button class="mb-2 btn btn-lg btn-success" onclick="openBrowser()"><i class="fa-solid fa-rocket"></i> Browser öffnen</button> <br>
<button class="mb-3 btn btn-lg btn-danger" onclick="killBrowser()"><i class="fa-solid fa-stop"></i> Browser stoppen</button> <br>