Added messaging

This commit is contained in:
2022-02-24 21:08:31 +01:00
parent c1c2a0cb47
commit 2619771e18
7 changed files with 147 additions and 18 deletions

View File

@ -25,6 +25,7 @@
</select>
<button type="submit">Submit</button>
</form>
<br>
<form action="/api/v1/set/showMillis" target="hiddenFrame">
<select id="show" name="show">
@ -34,6 +35,14 @@
<button type="submit">Submit</button>
</form>
<form action="/api/v1/set/showTime" target="hiddenFrame">
<select id="show" name="show">
<option value="true">Show Clock on Countdown page</option>
<option value="false">Do not show Clock on Countdown page</option>
</select>
<button type="submit">Submit</button>
</form>
<form action="/api/v1/set/addMillisToTimer" target="hiddenFrame">
<input type="time" step="0.001" name="time2" id="time2" onchange="updateHiddenForm()"></input>
<input type="hidden" step="0.001" name="time" id="time"></input>
@ -55,6 +64,7 @@
<button type="submit">Submit</button>
</form>
Play controls:
<form action="/api/v1/ctrl/timer/play" target="hiddenFrame">
<button type="submit">Play</button>
</form>
@ -64,7 +74,15 @@
<form action="/api/v1/ctrl/timer/restart" target="hiddenFrame">
<button type="submit">Restart</button>
</form>
Message:
<form action="/api/v1/ctrl/message/show" target="hiddenFrame">
<input type="text" name="msg">
<button type="submit">Submit</button>
</form>
<form action="/api/v1/ctrl/message/hide" target="hiddenFrame">
<button type="submit">Hide</button>
</form>
<iframe name="hiddenFrame" style="display: none"></iframe>

View File

@ -14,17 +14,26 @@
</head>
<body onclick="updateFullscreen()">
<div id="overlay" onclick="off()">
<div id="text">Message here</div>
</div>
<img src='SMPTE_Color_Bars.svg' class='testImg' id="testImg" style="display: none;">
</img>
<valueStore style="display: none;">
<value id="initalDate">true</value>
<value id="incomeData"></value>
</valueStore>
</img>
<valueStore style="display: none;">
<value id="initalDate">true</value>
<value id="incomeData"></value>
</valueStore>
<div class="container">
<div class="timer" id="timer">
00:00:00
</div>
<div class="clockSec" id="clockSec">
</div>
</div>
<script src="js/countdown.js"></script>
<script src="js/script.js"></script>