61 lines
2.2 KiB
HTML
61 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>mushroom humidifier datalog</title>
|
|
<!-- 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 src="index.js"></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>
|
|
<input type=radio name=decim value="100">100x</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>
|