Files
GrowController/Firmware/Resources/index.htm
2023-11-10 12:19:06 -06:00

103 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Grow Controller</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, width=device-width">
<link rel="stylesheet" type="text/css" href="button.css" media="all" />
<link rel="stylesheet" type="text/css" href="plantmodel.css" media="all" />
<script type='text/javascript' src='nav.js'></script>
<script type='text/javascript' src='myip.js'></script>
<script type='text/javascript' src='about.js'></script>
<script type='text/javascript' src='index.js'></script>
</head>
<body onload="NavInit();">
<h1><span id='name'>Grow Controller</span></h1>
<form>
<table border='0'>
<tr>
<td width='45%' align='center'>
<div class="box">
<div style="position: relative; z-index: -10;">
<!-- 243 x 488 -->
<img src='plantmodel.png' title='Picture of the System' />
</div>
<div class='TimeOfDay' id='TimeOfDay'>--:--</div>
<div class='AmbientTemp_C' id='AmbientTemp_C' >--.- &deg;F</div>
<div class='AmbientTempIcon' id='AmbientTempIcon' ><img src='thermometer.png' title='Ambient Temperature' /></div>
<div class='ChamberTemp_C' id='ChamberTemp_C' >--.- &deg;F</div>
<div class='ChamberHumi' id='ChamberHumi' >-- %</div>
<div class='ChamberTempIcon' id='ChamberTempIcon' ><img src='thermometer.png' title='Chamber Temperature' /></div>
<div class='SoilHeater' id='SoilHeater' >Heat</div>
<div class='SoilHeaterOnIcon' id='SoilHeaterOnIcon' ><img src='soilheater_on.png' title='Soil Heater' /></div>
<div class='SoilHeaterOffIcon' id='SoilHeaterOffIcon' ><img src='soilheater_off.png' title='Soil Heater' /></div>
<div class='SoilThermoIcon' id='SoilThermoIcon' ><img src='thermometer.png' title='Soil Temperature' /></div>
<div class='SoilHumiIcon' id='SoilHumiIcon' ><img src='soilmoisture.png' title='Soil Temperature' /></div>
<div class='SoilTemp_C' id='SoilTemp_C' >--.- &deg;F</div>
<div class='SoilMoisture_X' id='SoilMoisture_X' >-- %</div>
<div class='DrumState' id='DrumState' ><img src='open.png' title='Open' /></div>
<div class='DrumOpenSensor' id='DrumOpenSensor' >O</div>
<div class='DrumClosedSensor' id='DrumClosedSensor' >C</div>
<div class='DrumMotorLabel' id='DrumMotorLabel' >Motor</div>
<div class='DrumMotorStatus' id='DrumMotorStatus' >Off</div>
<div class='DrumMotor_V' id='DrumMotor_V' >12.5 V</div>
<div class='DrumMotor_I' id='DrumMotor_I' >1.2 A</div>
<div class='DrumMotorOn_sec' id='DrumMotorOn_sec' >10 s</div>
<div class='WaterInTank' id='WaterInTank'>Low Water</div>
<div class='WaterPumpLabel' id='WaterPumpLabel' >Pump</div>
<div class='WaterPumpStatus' id='WaterPumpStatus' >On</div>
<div class='WaterLevelIcon' id='WaterLevelIcon'><img src='water.png' title='Water in Tank' /></div>
<div class='WaterMotor_V' id='WaterMotor_V' >10.7 V</div>
<div class='WaterCyclePeriod_sec' id='WaterCyclePeriod_sec' >90 s</div>
<div class='WaterCycleOn_sec' id='WaterCycleOn_sec' >8 s</div>
<div class='WaterCycle_sec' id='WaterCycle_sec' >10 s</div>
<div class='WaterCycleOnBox' id='WaterCycleOnBox' ></div>
<div class='WaterCyclePointer_sec' id='WaterCyclePointer_sec' ><img src='pointer.png' title='Pump On Time' /></div>
</div>
</td>
<td width='10%' align='center'>
</td>
<td width='45%' align='center'>
<input class='BigButton' type='button' value='Automatic' onclick="window.location.href='/?SW=1'" />
<br />
<input class='BigButton' type='button' value='Manual [Open|Close]' onclick="window.location.href='/?SW=0'" />
<br />
<br />
<input class='BigButton' type='button' value='Grow Settings' onclick="window.location.href='/?SW=2'" />
<br />
<input class='SmallButton' type='button' value='Load Monitor' onclick="window.location.href='/curr'" />
<br />
<input class='SmallButton' type='button' value='Wi-Fi Config.' onclick="window.location.href='/config'" />
<br />
<input class='SmallButton' type='button' value='RSSI Monitor' onclick="window.location.href='/rssi'" />
<br />
<input class='SmallButton' type='button' value='Scan for APs' onclick="window.location.href='/scan'" />
</td>
</tr>
</table>
</form>
<p></p>
<span id='state'></span>
<span id='raw'></span>
<span id='sense'></span>
<span id='toggle'></span>
<span id='reset'></span>
<span id='countdown'></span>
<span id='uptime'></span>
<span id='wifimode'></span>
<span id='nav'></span>
<hr>
<table border='0'>
<tr>
<td>GrowController by Smartware Computing</td>
<td align="right"><a href="/swupdatecheck">Firmware</a>: <span id='version'>v0.00.00</span></td>
</tr>
</table>
</body>
</html>