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

Seperate style files for admin and index, admin interface formatting and design

Browse Source
This commit is contained in:
Julian Appel
2024-05-09 08:37:08 +02:00
parent 54ca75563a
commit 9f845ea234
4 changed files with 23 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scoreboard/views/admin.hbs
+17 -18
View File
@@ -3,17 +3,17 @@
<head>
<title>Scoreboard Admin</title>
<link rel='stylesheet' href='/stylesheets/bootstrap/bootstrap.min.css' />
<link rel='stylesheet' href='/stylesheets/style.css' />
<link rel='stylesheet' href='/stylesheets/admin.css' />
<link href="/stylesheets/fontawesome/fontawesome.min.css" rel="stylesheet" />
<link href="/stylesheets/fontawesome/brands.min.css" rel="stylesheet" />
<link href="/stylesheets/fontawesome/solid.min.css" rel="stylesheet" />
</head>
<body onload="initialUpdate()">
<div class="container">
<div class="container-md my-4">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-4">
<div class="row mb-4 justify-content-center">
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="card text-center">
<div class="card-body">
<h1 id="durationLeft"></h1>
@@ -21,21 +21,22 @@
</div>
</div>
</div>
</br>
<div class="row">
<div class="col-sm-12 col-md-4">
<div class="card text-center">
<div class="row mb-4">
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="h-100 card text-center">
<div class="card-body">
<button class="btn btn-lg btn-success" onclick="timerStart()" id="timerStartBtn"><i class="fa-solid fa-play"></i> Start</button>
<button class="btn btn-lg btn-warning" onclick="timerPause()" id="timerPauseBtn"><i class="fa-solid fa-pause"></i> Pause</button>
<button class="m-2 p-3 btn btn-lg btn-success" onclick="timerStart()" id="timerStartBtn"><i class="fa-solid fa-play"></i> Start</button>
<br>
<button class="m-2 p-3 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-4">
<div class="card text-center">
<div class="card-body">
<div class="btn-group" role="group" aria-label="Basic example">
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="h-100 card text-center ">
<div class="card-body ">
<div class="btn-group align-middle" role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary">-1m</button>
<button type="button" class="btn btn-secondary">-10s</button>
<button type="button" class="btn btn-secondary">-1s</button>
@@ -47,8 +48,8 @@
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="card text-center">
<div class="py-auto col-sm-12 col-md-12 col-lg-4">
<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">
<i class="fa-solid fa-rotate-right"></i> Zurücksetzen
@@ -58,8 +59,6 @@
</div>
</div>
</br></br></br></br></br></br>
<div class="row text-center">
<div class="col-sm-12 col-md-12 col-lg-12">
<button class="btn btn-lg btn-danger" onclick="scoreSwitch()"><i class="fa-solid fa-rotate"></i> Seitenwechsel</button>
scoreboard/views/index.hbs
+1 -1
View File
@@ -3,7 +3,7 @@
<head>
<title>Counter</title>
<link rel='stylesheet' href='/stylesheets/bootstrap/bootstrap.min.css' />
<link rel='stylesheet' href='/stylesheets/style.css' />
<link rel='stylesheet' href='/stylesheets/index.css' />
<link rel='stylesheet' href='/stylesheets/seven-segment.css' />
</head>
<body>