Major update/rewrite/recombine to get SSDP, and GrowController UI and application shell.
This commit is contained in:
David
@@ -2,133 +2,16 @@
|
||||
<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>
|
||||
<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="RefreshStatus();">
|
||||
<body onload="NavInit();">
|
||||
<h1><span id='name'>Grow Controller</span></h1>
|
||||
<form>
|
||||
<table border='0'>
|
||||
@@ -137,19 +20,44 @@
|
||||
<div class="box">
|
||||
<div style="position: relative; z-index: -10;">
|
||||
<!-- 243 x 488 -->
|
||||
<img src='PlantModel.png' />
|
||||
<img src='plantmodel.png' title='Picture of the System' />
|
||||
</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 class='TimeOfDay' id='TimeOfDay'>--:--</div>
|
||||
|
||||
<div class='AmbientTemp_C' id='AmbientTemp_C' >--.- °F</div>
|
||||
<div class='AmbientTempIcon' id='AmbientTempIcon' ><img src='thermometer.png' title='Ambient Temperature' /></div>
|
||||
|
||||
<div class='ChamberTemp_C' id='ChamberTemp_C' >--.- °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' >--.- °F</div>
|
||||
<div class='SoilMoisture_X' id='SoilMoisture_X' >-- %</div>
|
||||
|
||||
<div class='DrumDoorIcon' id='DrumDoorIcon' ><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='WaterCycleStatusIcon' id='WaterCycleStatusIcon' ><img src='pointer.png' title='Pump On Time' /></div>
|
||||
</div>
|
||||
</td>
|
||||
<td width='10%' align='center'>
|
||||
@@ -174,33 +82,19 @@
|
||||
</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>
|
||||
<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 Origin Technologies</td>
|
||||
<td>GrowController by Smartware Computing</td>
|
||||
<td align="right"><a href="/swupdatecheck">Firmware</a>: <span id='version'>v0.00.00</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
Reference in New Issue
Block a user