<!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>