Major update/rewrite/recombine to get SSDP, and GrowController UI and application shell.

This commit is contained in:
David
2021-10-25 23:46:03 +00:00
parent c47c37a891
commit 4597350845
52 changed files with 4981 additions and 4990 deletions

View File

@@ -0,0 +1,249 @@
<style>
table {
width: 100%;
}
.box {
position: relative;
display: inline-block;
border-color: black;
border-style: solid;
border-width: 1px;
}
div.TimeOfDay {
position: absolute;
right: 0px;
top: 2px;
width: 40px;
text-align: right;
border-color: green;
border-style: solid;
border-width: 1px;
}
div.AmbientTemp_C {
position: absolute;
left: 15px;
top: 2px;
width: 40px;
text-align: right;
border-color: green;
border-style: solid;
border-width: 1px;
}
div.AmbientTempIcon {
position: absolute;
left: 0px;
top: 0px;
}
div.ChamberTempIcon {
position: absolute;
left: 142px;
top: 40px;
}
div.ChamberTemp_C {
position: absolute;
left: 160px;
top: 40px;
}
div.ChamberHumi {
position: absolute;
left: 160px;
top: 55px;
}
div.SoilMoisture_X {
position: absolute;
left: 130px;
top: 135px;
color: white;
}
div.SoilHumiIcon {
position: absolute;
left: 140px;
top: 95px;
}
div.SoilThermoIcon {
position: absolute;
left: 170px;
top: 100px;
}
div.SoilTemp_C {
position: absolute;
left: 165px;
top: 135px;
color: white;
}
div.SoilHeater {
position: absolute;
left: 105px;
top: 156px;
color: white;
}
div.SoilHeaterOnIcon {
position: absolute;
left: 76px;
top: 167px;
}
div.SoilHeaterOffIcon {
position: absolute;
left: 89px;
top: 181px;
}
div.DrumDoorIcon {
position: absolute;
transform: rotate(180deg);
left: 14px;
top: 0px;
}
div.DrumOpenSensor {
position: absolute;
left: 20px;
top: 96px;
}
div.DrumClosedSensor {
position: absolute;
right: 10px;
top: 96px;
}
div.DrumMotorLabel {
position: absolute;
left: 95px;
top: 270px;
width: 50px;
text-align: center;
color: white;
}
div.DrumMotorStatus {
position: absolute;
left: 95px;
top: 290px;
width: 50px;
text-align: center;
color: white;
}
div.DrumMotor_V {
position: absolute;
left: 180px;
top: 225px;
width: 50px;
text-align: right;
border-color: green;
border-style: solid;
border-width: 1px;
//color: Red;
}
div.DrumMotor_I {
position: absolute;
left: 180px;
top: 245px;
width: 50px;
text-align: right;
border-color: green;
border-style: solid;
border-width: 1px;
}
div.DrumMotorOn_sec {
position: absolute;
left: 180px;
top: 315px;
width: 50px;
text-align: right;
border-color: green;
border-style: solid;
border-width: 1px;
}
div.WaterInTank {
position: absolute;
left: 55px;
top: 365px;
width: 80px;
text-align: center;
}
div.WaterPumpLabel {
position: absolute;
left: 124px;
top: 390px;
width: 80px;
text-align: center;
color: white;
}
div.WaterPumpStatus {
position: absolute;
left: 124px;
top: 410px;
width: 80px;
text-align: center;
color: white;
}
div.WaterLevelIcon {
position: absolute;
left: 42px;
top: 393px;
z-index: -55;
}
div.WaterMotor_V {
position: absolute;
left: 180px;
top: 350px;
width: 50px;
text-align: right;
border-color: green;
border-style: solid;
border-width: 1px;
}
div.WaterCyclePeriod_sec {
position: absolute;
left: 182px;
top: 467px;
width: 50px;
text-align: right;
border-color: green;
//border-style: solid;
border-width: 1px;
}
div.WaterCycleOn_sec {
position: absolute;
left: 23px;
top: 467px;
width: 50px;
text-align: right;
border-color: green;
//border-style: solid;
border-width: 1px;
}
div.WaterCycle_sec {
position: absolute;
left: 180px;
top: 440px;
width: 50px;
text-align: right;
border-color: green;
border-style: solid;
border-width: 1px;
}
div.WaterCycleOnBox {
position: absolute;
left: 22px;
top: 464px;
width: 50px;
height: 20px;
background-color: #BDD7EE;
z-index: -35;
//border-color: red;
border-style: solid;
border-width: 1px;
}
div.WaterCycleStatusIcon {
position: absolute;
left: 80px;
top: 469px;
width: 25px;
text-align: center;
z-index: -25;
border-color: green;
//border-style: solid;
border-width: 1px;
}
</style>