209 lines
5.3 KiB
HTML
209 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Grow Controller</title>
|
|
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
|
|
<style>
|
|
input.SmallButton {
|
|
width: 150px;
|
|
height: 50px;
|
|
padding: 10px;
|
|
white-space: normal;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
font-size: 100%;
|
|
background: #3366cc;
|
|
color: #fff;
|
|
border: 5px solid #112233;
|
|
border-radius: 10px;
|
|
-moz-box-shadow: 6px 6px 5px #999;
|
|
-webkit-box-shadow: 6px 6px 5px #999;
|
|
box-shadow: 6px 6px 5px #999;
|
|
}
|
|
|
|
input.SmallButton:hover {
|
|
color: #ffff00;
|
|
background: #000;
|
|
border: 5px solid #fff;
|
|
}
|
|
|
|
input.BigButton {
|
|
width: 150px;
|
|
height: 100px;
|
|
padding: 10px;
|
|
white-space: normal;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
font-size: 120%;
|
|
background: #3366cc;
|
|
color: #fff;
|
|
border: 5px solid #112233;
|
|
border-radius: 10px;
|
|
-moz-box-shadow: 6px 6px 5px #999;
|
|
-webkit-box-shadow: 6px 6px 5px #999;
|
|
box-shadow: 6px 6px 5px #999;
|
|
}
|
|
|
|
input.BigButton:hover {
|
|
color: #ffff00;
|
|
background: #000;
|
|
border: 5px solid #fff;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
}
|
|
.box {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
div.airtemp {
|
|
position: absolute;
|
|
left: 170px;
|
|
top: 50px;
|
|
//border: 2px solid lightgray;
|
|
}
|
|
div.soilmoisture {
|
|
position: absolute;
|
|
left: 140px;
|
|
top: 75px;
|
|
//border: 2px solid lightgray;
|
|
}
|
|
div.soiltemp {
|
|
position: absolute;
|
|
left: 150px;
|
|
top: 120px;
|
|
color: white;
|
|
//border: 2px solid lightgray;
|
|
}
|
|
div.heater {
|
|
position: absolute;
|
|
left: 105px;
|
|
top: 156px;
|
|
color: white;
|
|
//border: 2px solid lightgray;
|
|
}
|
|
div.ambtemp {
|
|
position: absolute;
|
|
left: 205px;
|
|
top: 205px;
|
|
//border: 2px solid lightgray;
|
|
}
|
|
div.drumMotorV {
|
|
position: absolute;
|
|
left: 190px;
|
|
top: 290px;
|
|
//border: 2px solid lightgray;
|
|
}
|
|
div.drumMotorI {
|
|
position: absolute;
|
|
left: 180px;
|
|
top: 320px;
|
|
//border: 2px solid lightgray;
|
|
}
|
|
div.waterMotorV {
|
|
position: absolute;
|
|
left: 210px;
|
|
top: 390px;
|
|
//border: 2px solid lightgray;
|
|
}
|
|
div.waterLevel {
|
|
position: absolute;
|
|
left: 85px;
|
|
top: 395px;
|
|
//border: 2px solid lightgray;
|
|
}
|
|
div.heaterCoil {
|
|
position: absolute;
|
|
left: 78px;
|
|
top: 177px;
|
|
}
|
|
div.water {
|
|
position: absolute;
|
|
left: 52px;
|
|
top: 420px;
|
|
z-index: -55;
|
|
}
|
|
</style>
|
|
<script type='text/javascript' src='myip.js'></script>
|
|
<script type='text/javascript' src='index.js'></script>
|
|
</head>
|
|
<body onload="RefreshStatus();">
|
|
<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' />
|
|
</div>
|
|
<div class="airtemp">92°F</div>
|
|
<div class="soilmoisture">8%</div>
|
|
<div class="soiltemp">74°F</div>
|
|
<div class="heater">ON</div>
|
|
<div class="ambtemp">65°F</div>
|
|
<div class="drumMotorV">12.3V</div>
|
|
<div class="drumMotorI">1.2A</div>
|
|
<div class="waterMotorV">0.0V</div>
|
|
<div class="waterLevel">OK</div>
|
|
<div class="heaterCoil"><img src="Heater.png" /></div>
|
|
<div class="water"><img src="Water.png" /></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>
|
|
<table border='0'>
|
|
<tr valign="top">
|
|
<td>NAV:</td>
|
|
<td>
|
|
<a href='/'>Home</a> |
|
|
<a href='/config'>Config</a> |
|
|
<a href='/scan'>Scan</a> |
|
|
<a href='/rssi'>RSSI</a> |
|
|
<a href='/curr'>Current</a> |
|
|
<a href='/config?ssid=reset&pass=reset' onclick=\"return confirm('Are you sure?')\">Factory Reset</a> |
|
|
<a href='/about'>About</a>
|
|
</td>
|
|
</tr>
|
|
<!-- tr valign="top">
|
|
<td>M2M:</td>
|
|
<td>
|
|
<a href='/on'>http://<span class='ip'></span>/on</a> |
|
|
<a href='/off'>http://<span class='ip'></span>/off</a> |
|
|
<a href='/toggle'>http://<span class='ip'></span>/toggle</a> |
|
|
<a href='/state'>http://<span class='ip'></span>/state</a>
|
|
</td>
|
|
</tr!-->
|
|
</table>
|
|
<hr>
|
|
<table border='0'>
|
|
<tr>
|
|
<td>GrowController by Origin Technologies</td>
|
|
<td align="right"><a href="/swupdatecheck">Firmware</a>: <span id='version'>v0.00.00</span></td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|