new frontend basic functionality working

This commit is contained in:
Neythen
2021-08-18 20:50:02 +01:00
parent cdf2906ad9
commit aebc39c459
20 changed files with 179 additions and 88 deletions

View File

@@ -51,11 +51,11 @@
<ul class="buttons-list">
<!--<li><a href="/start" class="btn btn-success">Start Display</a></li>-->
<li><a id="start-btn" class="btn btn-success">Start Display</a></li>
<li><a href="/stop" class="btn btn-stop-display">Stop Display</a></li>
<li><a id="stop-btn" class="btn btn-stop-display">Stop Display</a></li>
<li>
<a href="#" class="btn btn-warning text-white">Screensaver</a>
</li>
<li><a href="/shutdown" class="btn btn-danger">Shut Down</a></li>
<li><a id="shutdown-btn" class="btn btn-danger">Shut Down</a></li>
</ul>
@@ -146,7 +146,7 @@
</select>
</div>
<div class="col-auto">
<a href="#" class="btn set-btn">Set</a>
<a href="#" id="dispformat-btn" class="btn set-btn">Set</a>
</div>
</div>
</div>
@@ -271,7 +271,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed" class="form-select">
<select id="inputScrollSpeed" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -286,7 +286,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition" class="form-select">
<select id="inputTransition" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -477,7 +477,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed2" class="form-select">
<select id="inputScrollSpeed2" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -492,7 +492,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition2" class="form-select">
<select id="inputTransition2" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -678,7 +678,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed3" class="form-select">
<select id="inputScrollSpeed3" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -693,7 +693,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition3" class="form-select">
<select id="inputTransition3" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -881,7 +881,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed4" class="form-select">
<select id="inputScrollSpeed4" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -896,7 +896,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition4" class="form-select">
<select id="inputTransition4" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -1077,7 +1077,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed5" class="form-select">
<select id="inputScrollSpeed5" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -1092,7 +1092,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition5" class="form-select">
<select id="inputTransition5" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -1291,7 +1291,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed6" class="form-select">
<select id="inputScrollSpeed6" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -1306,7 +1306,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition6" class="form-select">
<select id="inputTransition6" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -1468,7 +1468,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed7" class="form-select">
<select id="inputScrollSpeed7" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -1483,7 +1483,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition7" class="form-select">
<select id="inputTransition7" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -1595,7 +1595,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed8" class="form-select">
<select id="inputScrollSpeed8" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -1610,7 +1610,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition8" class="form-select">
<select id="inputTransition8" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -1722,7 +1722,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed9" class="form-select">
<select id="inputScrollSpeed9" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -1737,7 +1737,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition9" class="form-select">
<select id="inputTransition9" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -1848,7 +1848,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed10" class="form-select">
<select id="inputScrollSpeed10" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -1863,7 +1863,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition10" class="form-select">
<select id="inputTransition10" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -1995,7 +1995,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed11" class="form-select">
<select id="inputScrollSpeed11" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -2010,7 +2010,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition11" class="form-select">
<select id="inputTransition11" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -2158,7 +2158,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed12" class="form-select">
<select id="inputScrollSpeed12" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -2173,7 +2173,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition12" class="form-select">
<select id="inputTransition12" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>
@@ -2320,7 +2320,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed13" class="form-select">
<select id="inputScrollSpeed13" class="form-select speed-select">
<option>Medium</option>
<option>Slow</option>
<option>Fast</option>
@@ -2335,7 +2335,7 @@
</label>
</div>
<div class="col-auto">
<select id="inputTransition13" class="form-select">
<select id="inputTransition13" class="form-select animation-select">
<option>Continuous</option>
<option>None</option>
<option>Top to bottom</option>