luxick/randopix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve web client styling

Browse Source
This commit is contained in:
luxick
2020-06-08 19:09:44 +02:00
parent 9d9285df23
commit edf33e2afd
4 changed files with 113 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/resources/index.html
View File

@@ -7,29 +7,39 @@
<title>randopix</title> <title>randopix</title>
<link rel="stylesheet" type="text/css" href="/style"> <link rel="stylesheet" type="text/css" href="/site.css">
<script src="/pixctrl" type="text/javascript"></script> <script src="/pixctrl.js" type="text/javascript"></script>
<script src="/script" type="text/javascript"></script> <script src="/script.js" type="text/javascript"></script>
</head> </head>
<body> <body class="star-bg">
<h1>randopix web control</h1> <main>
<h1 class="center">Randopix Remote</h1>
<p> <div class="control">
<div class="control-info">Load the next image</div>
<div class="control-body">
<button type="button" class="btn" onclick="refresh()">Refresh Image Now!</button> <button type="button" class="btn" onclick="refresh()">Refresh Image Now!</button>
</p> </div>
</div>
<div>Switch the image mode</div> <div class="control">
<p> <div class="control-info">Switch the image mode</div>
<div class="control-body">
<select id="modeselect"></select> <select id="modeselect"></select>
<button type="button" class="btn" onclick="js_setMode()">Set Mode</button> <button type="button" class="btn" onclick="js_setMode()">Set Mode</button>
</p> </div>
</div>
<div>Adjust timespan between images</div> <div class="control">
<p> <div class="control-info">Adjust timespan between images</div>
<div class="control-body">
<input id="timeout" type="number"> <input id="timeout" type="number">
<button type="button" class="btn" onclick="js_setTimeout()">Set Timeout</button> <button type="button" class="btn" onclick="js_setTimeout()">Set Timeout</button>
</p> </div>
</div>
</main>
</body> </body>
</html> </html>

1
src/resources/script.js
View File

@@ -21,6 +21,7 @@ function js_setTimeout() {
return; return;
} }
setTimeout(timeout.toString()); setTimeout(timeout.toString());
elem.value = null;
} }
function js_setMode() { function js_setMode() {

84
src/resources/site.css
View File

File diff suppressed because one or more lines are too long

6
src/server.nim
View File

@@ -25,13 +25,13 @@ router randopixRouter:
get "/": get "/":
resp index resp index
get "/style": get "/site.css":
resp(style, contentType="text/css") resp(style, contentType="text/css")
get "/pixctrl": get "/pixctrl.js":
resp(pixctrlJs, contentType="text/javascript") resp(pixctrlJs, contentType="text/javascript")
get "/script": get "/script.js":
resp(script, contentType="text/javascript") resp(script, contentType="text/javascript")
post "/": post "/":