kelvin
/
shrooms-server
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Move dev webpage to static folder TODO figure out why index.htm isn't showing up at the root webpage

This commit is contained in:
Kelvin Ly 2023-05-16 13:13:52 -04:00
parent dcef35b3b2
commit 762ca60f4c
2 changed files with 48 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
static/index.htm
View File

@ -2,13 +2,57 @@
<html>
<head>
<!-- Load c3.css -->
<link href="c3.css" rel="stylesheet" type=text/css>
<link href="/c3.css" rel="stylesheet" type=text/css>
<!-- Load d3.js and c3.js -->
<script src="d3.v7.min.js" charset="utf-8"></script>
<script src="c3.min.js"></script>
<script src="/d3.v5.min.js" charset="utf-8"></script>
<script src="/c3.min.js"></script>
<script src="index.js"></script>
</head>
<body>
<div id="chart"></div>
<form>
<input type=checkbox id=autoupdate checked>Autoupdate</input>
<input type=button id=update value="Update"></input>
<span id="device-status"></span>
<span id=status></span>
</form>
<div id="humidity-temp"></div>
<div id="volts"></div>
<div>
<form>
<fieldset>
<legend>Data decimation rate</legend>
<input type=radio name=decim value="1" checked>1x</input>
<input type=radio name=decim value="2">2x</input>
<input type=radio name=decim value="4">4x</input>
<input type=radio name=decim value="10">10x</input>
<input type=radio name=decim value="20">20x</input>
</fieldset>
<fieldset>
<legend>History length</legend>
<input type=radio name=duration value="5" checked>5 minutes</input>
<input type=radio name=duration value="15">15 minutes</input>
<input type=radio name=duration value="60">1 hour</input>
<input type=radio name=duration value="1440">1 day</input>
<input type=radio name=duration value="10080">1 week</input>
</fieldset>
<fieldset>
<legend>Update rate</legend>
<input type=radio name=update value="100">0.1 second</input>
<input type=radio name=update value="1000">1 second</input>
<input type=radio name=update value="2000" checked>2 seconds</input>
<input type=radio name=update value="5000">5 seconds</input>
<input type=radio name=update value="10000">10 seconds</input>
<input type=radio name=update value="20000">20 seconds</input>
</fieldset>
<!--
<input type=button id=test-admin value="Test admin mode"></input>
-->
<!-- TODO add decimation and window size options -->
</form>
</div>
</body>
</html>

58
dev/dev.htm → static/index.js
View File

@ -1,13 +1,3 @@
<!doctype html>
<html>
<head>
<!-- Load c3.css -->
<link href="/c3.css" rel="stylesheet" type=text/css>
<!-- Load d3.js and c3.js -->
<script src="/d3.v5.min.js" charset="utf-8"></script>
<script src="/c3.min.js"></script>
<script>
var chart = null
var chart2 = null
function initCharts() {
@ -273,52 +263,4 @@ window.onload = () => {
})
*/
}
</script>
</head>
<body>
<form>
<input type=checkbox id=autoupdate checked>Autoupdate</input>
<input type=button id=update value="Update"></input>
<span id="device-status"></span>
<span id=status></span>
</form>
<div id="humidity-temp"></div>
<div id="volts"></div>
<div>
<form>
<fieldset>
<legend>Data decimation rate</legend>
<input type=radio name=decim value="1" checked>1x</input>
<input type=radio name=decim value="2">2x</input>
<input type=radio name=decim value="4">4x</input>
<input type=radio name=decim value="10">10x</input>
<input type=radio name=decim value="20">20x</input>
</fieldset>
<fieldset>
<legend>History length</legend>
<input type=radio name=duration value="5" checked>5 minutes</input>
<input type=radio name=duration value="15">15 minutes</input>
<input type=radio name=duration value="60">1 hour</input>
<input type=radio name=duration value="1440">1 day</input>
<input type=radio name=duration value="10080">1 week</input>
</fieldset>
<fieldset>
<legend>Update rate</legend>
<input type=radio name=update value="100">0.1 second</input>
<input type=radio name=update value="1000">1 second</input>
<input type=radio name=update value="2000" checked>2 seconds</input>
<input type=radio name=update value="5000">5 seconds</input>
<input type=radio name=update value="10000">10 seconds</input>
<input type=radio name=update value="20000">20 seconds</input>
</fieldset>
<!--
<input type=button id=test-admin value="Test admin mode"></input>
-->
<!-- TODO add decimation and window size options -->
</form>
</div>
</body>
</html>