- remove old admin interface
- introduce 404 page - fix chrome display bug - fixed about not showing version - removed unused dependecies - removed dead code from interface.js - moved layout to dedicated page
This commit is contained in:
@ -1,94 +0,0 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>openCountdown - Admin</title>
|
||||
<meta name="description" content="openCountdown">
|
||||
<meta name="author" content="TheGreydiamond">
|
||||
|
||||
<link rel="stylesheet" href="css/styles.css?v=1.1">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<form action="/api/v1/set/mode" target="hiddenFrame">
|
||||
<select id="mode" name="mode">
|
||||
<option value="timer">Timer</option>
|
||||
<option value="clock">Clock</option>
|
||||
<option value="black">Black</option>
|
||||
<option value="test">Test</option>
|
||||
</select>
|
||||
<button type="submit">Submit</button>
|
||||
</form>
|
||||
|
||||
<br>
|
||||
<form action="/api/v1/set/layout/showMillis" target="hiddenFrame">
|
||||
<select id="show" name="show">
|
||||
<option value="true">Enable Milliseconds</option>
|
||||
<option value="false">Disable Milliseconds</option>
|
||||
</select>
|
||||
<button type="submit">Submit</button>
|
||||
</form>
|
||||
|
||||
<form action="/api/v1/set/layout/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>
|
||||
<button type="submit">Submit</button>
|
||||
</form>
|
||||
|
||||
<form action="/api/v1/set/addMillisToTimer" target="hiddenFrame">
|
||||
<select id="time" name="time" onchange="">
|
||||
<option value="20000">debug 1 (20 secs)</option>
|
||||
<option value="300000">00:05:00</option>
|
||||
<option value="600000">00:10:00</option>
|
||||
<option value="900000">00:15:00</option>
|
||||
<option value="1200000">00:20:00</option>
|
||||
<option value="1500000">00:25:00</option>
|
||||
<option value="1800000">00:30:00</option>
|
||||
<option value="2100000">00:35:00</option>
|
||||
<option value="2400000">00:40:00</option>
|
||||
<option value="2700000">00:45:00</option>
|
||||
</select>
|
||||
<button type="submit">Submit</button>
|
||||
</form>
|
||||
|
||||
Play controls:
|
||||
<form action="/api/v1/ctrl/timer/play" target="hiddenFrame">
|
||||
<button type="submit">Play</button>
|
||||
</form>
|
||||
<form action="/api/v1/ctrl/timer/pause" target="hiddenFrame">
|
||||
<button type="submit">Pause</button>
|
||||
</form>
|
||||
<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>
|
||||
|
||||
|
||||
<iframe src="/timer?smaller=true" height="80%" width="80%"> </iframe>
|
||||
</body>
|
||||
<script src="js/interface.js"></script>
|
||||
|
||||
</html>
|
||||
47
templates/errorPages/404.html
Normal file
47
templates/errorPages/404.html
Normal file
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>openCountdown - Not found</title>
|
||||
<meta name="description" content="openCountdown">
|
||||
<meta name="author" content="TheGreydiamond">
|
||||
|
||||
<script type="text/javascript" src="/js/cookie.js"></script>
|
||||
|
||||
<link rel="stylesheet/less" type="text/css" href="/css/errorPage/styles.less" />
|
||||
|
||||
|
||||
<script>
|
||||
less = {
|
||||
javascriptEnabled: true
|
||||
};
|
||||
</script>
|
||||
<script src="/js/less.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="/css/errorPage/style.css">
|
||||
|
||||
<link rel="stylesheet" href="/css/bootstrap-icons.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1 class="rainbow">
|
||||
<div class="glitch" data-text="404">
|
||||
404
|
||||
</div>
|
||||
</h1>
|
||||
<h2 class="color-foreground">
|
||||
We're sorry, the page you were looking for isn't found here.<br>
|
||||
The link you followed may either be broken or no longer exists. Please
|
||||
check your spelling.<br>
|
||||
|
||||
<a href="/"><i class="bi bi-house-door"></i> Back home</a>
|
||||
</h2>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -47,6 +47,12 @@
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#settings" class="nav-link text-white" id="PageSettings">
|
||||
<i class="bi bi-gear"></i>
|
||||
Settings
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#debug" class="nav-link text-white" id="PageDebug">
|
||||
<i class="bi bi-bug"></i>
|
||||
@ -218,12 +224,10 @@
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<h3>Layout</h3>
|
||||
|
||||
|
||||
</page>
|
||||
<page id="settings" class="pageC hidden flex-fill overflow-auto">
|
||||
<h1>Settings</h1>
|
||||
<label for="showTime">Show clock on Timer:</label>
|
||||
<input type="checkbox" name="showTime" id="showTime"><br>
|
||||
|
||||
@ -232,7 +236,6 @@
|
||||
|
||||
<label for="progBarShow">Show progressbar:</label>
|
||||
<input type="checkbox" name="progBarShow" id="progBarShow"><br>
|
||||
|
||||
<details>
|
||||
<summary>Progressbar Colors</summary>
|
||||
<p>
|
||||
@ -288,7 +291,6 @@
|
||||
<button type="button" class="btn btn-outline-success" id="saveLayout"><i class="bi bi-save"></i> Save as
|
||||
startup settings (Layout
|
||||
only)</button>
|
||||
|
||||
</page>
|
||||
|
||||
<page id="debug" class="pageC hidden flex-fill overflow-auto">
|
||||
@ -305,15 +307,19 @@
|
||||
|
||||
<button type="button" class="btn btn-outline-success" id="applyDebug">Apply settings</button>
|
||||
<br>
|
||||
<div class="full">
|
||||
<p>Full size thumbnail</p>
|
||||
<div class="clr-field" style="color: rgb(255, 204, 0);">
|
||||
<button aria-labelledby="clr-open-label"></button>
|
||||
<input type="text" class="coloris" value="#ffcc00">
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<i class="bi-alarm"></i>
|
||||
<hr>
|
||||
<br>
|
||||
<h3>Host information</h3>
|
||||
<code id="systemInfo" class="overflow-auto">
|
||||
|
||||
</code>
|
||||
<h3>Raw server reponse</h3>
|
||||
<code id="responeSnippet" style="width: 40%; display: inline-block;" class="overflow-auto">
|
||||
|
||||
</code>
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
<templateObj>
|
||||
<table class="table table-bordered table-responsive-md table-striped text-center" id="colors1">
|
||||
<thead>
|
||||
@ -325,42 +331,44 @@
|
||||
</thead>
|
||||
<tr id="tableCopySource">
|
||||
<td contenteditable="false" class="time">
|
||||
<input type="text" class="form-control " id="timeValue-ID" value="#VALUE#">
|
||||
<value></value>
|
||||
<input type="text" class="form-control " id="timeValue-ID" value="#VALUE#">
|
||||
<value></value>
|
||||
</td>
|
||||
<td class="pt-3-half full" contenteditable="false">
|
||||
<div class="clr-field" style="color: #bg-COLOR#;">
|
||||
<button aria-labelledby="clr-open-label"></button>
|
||||
<input type="text" class="coloris" value="#COLOR#">
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="table-remove"><button type="button"
|
||||
class="btn btn-danger btn-rounded btn-sm my-0 deleteRow1">
|
||||
Remove
|
||||
</button></span>
|
||||
</td>
|
||||
<td class="pt-3-half full" contenteditable="false">
|
||||
<div class="clr-field" style="color: #bg-COLOR#;">
|
||||
<button aria-labelledby="clr-open-label"></button>
|
||||
<input type="text" class="coloris" value="#COLOR#"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="table-remove"><button type="button"
|
||||
class="btn btn-danger btn-rounded btn-sm my-0 deleteRow1">
|
||||
Remove
|
||||
</button></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
<tr><td class="pt-3-half numVal" contenteditable="true">#VALUE#</td>
|
||||
<td class="pt-3-half full" contenteditable="false">
|
||||
<div class="clr-field" style="color: #bg-COLOR#;">
|
||||
<button aria-labelledby="clr-open-label"></button>
|
||||
<input id="demo-input1" type="text" class="coloris" value="#COLOR#"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="table-remove"><button type="button"
|
||||
class="btn btn-danger btn-rounded btn-sm my-0 deleteRow1">
|
||||
Remove
|
||||
</button></span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td class="pt-3-half numVal" contenteditable="true">#VALUE#</td>
|
||||
<td class="pt-3-half full" contenteditable="false">
|
||||
<div class="clr-field" style="color: #bg-COLOR#;">
|
||||
<button aria-labelledby="clr-open-label"></button>
|
||||
<input id="demo-input1" type="text" class="coloris" value="#COLOR#">
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="table-remove"><button type="button"
|
||||
class="btn btn-danger btn-rounded btn-sm my-0 deleteRow1">
|
||||
Remove
|
||||
</button></span>
|
||||
</td>
|
||||
</tr>
|
||||
</templateObj>
|
||||
<script>
|
||||
$('#duration2').durationPicker({
|
||||
@ -375,24 +383,12 @@
|
||||
</script>
|
||||
|
||||
<br><br>
|
||||
<h3>Raw server reponse</h3>
|
||||
<code id="responeSnippet" style="width: 40%; display: inline-block;" class="overflow-auto">
|
||||
|
||||
</code>
|
||||
|
||||
<div class="demo">
|
||||
test
|
||||
<input id="demo-input" class="colorPicky" type="button" value="rgb(255, 128, 0)" />
|
||||
</div>
|
||||
|
||||
</page>
|
||||
<page id="about" class="pageC hidden flex-fill overflow-auto">
|
||||
<h1>About</h1>
|
||||
Version: 1.0.0<br>
|
||||
NodeJS Version: <i id="nodejsVers"></i><br>
|
||||
<code id="systemInfo" class="overflow-auto">
|
||||
|
||||
</code>
|
||||
Version: <b id="nodeSwVers"></b><br>
|
||||
NodeJS Version: <b id="nodejsVers"></b><br>
|
||||
|
||||
</page>
|
||||
</pages>
|
||||
</main>
|
||||
@ -403,10 +399,10 @@
|
||||
Coloris({
|
||||
el: '.coloris',
|
||||
alpha: false,
|
||||
});
|
||||
$(function () {
|
||||
$('[data-toggle="tooltip"]').tooltip({container: "body"})
|
||||
})
|
||||
});
|
||||
$(function () {
|
||||
$('[data-toggle="tooltip"]').tooltip({ container: "body" })
|
||||
})
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -46,8 +46,7 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="js/reconnecting-websocket.min.js" async defer></script>
|
||||
<script src="js/countdown.js"></script>
|
||||
<script src="js/reconnecting-websocket.min.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user