Many changes - not yet "controlled" updates.
This commit is contained in:
208
Firmware/Resources/index.htm
Normal file
208
Firmware/Resources/index.htm
Normal file
@@ -0,0 +1,208 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user