Теплицы

Back

irrigation (custom)
<style type="text/css"> .gorizontalno { display: inline-block } .button:active { transform: scale(0.9, 0.9); } .button2 { background-color: #FFFFAA; border-radius: 5px; } .rel { position:relative; left: 16px; } </style> <legend>Управление поливом</legend> <div class="gorizontalno"> <div style='display:%WaterValve_01.HumAvgDirection|"block;none;none;none;none;none;none;none"%; font-weight:bold'>Кран_01 H:▼</div> <div style='display:%WaterValve_01.HumAvgDirection|"none;block;none;none;none;none;none;none"%; font-weight:bold'>Кран_01 H:<span style='color:#2F73B6;'>▲</span></div> <div class="gorizontalno"> <div class="button"> <div onClick='callMethod("%WaterValve_01.irrigationPeriodMinus");'>
<img src="\cms\scenes\minus-icon.png"></div> </div> <div class="button"> <div style='display:%WaterValve_01.Mode|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_01.changeMode");'>
<img src="\cms\scenes\Manual.png"></div> <div style='display:%WaterValve_01.Mode|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_01.changeMode");'>
<img src="\cms\scenes\Auto.png"></div> </div> </div> <div class="gorizontalno"> <div style='font-size:18pt; text-align:center'>%WaterValve_01.IrrigationPeriod%</div> <div class="button"> <div style='display:%WaterValve_01.IrrigationNecessity|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_01.showSoilHumidity");'>
<img src="\cms\scenes\IrrigationNoNeed.png"></div> <div style='display:%WaterValve_01.IrrigationNecessity|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_01.showSoilHumidity");'>
<img src="\cms\scenes\IrrigationNecessity.png"></div> </div> <div style='display:%WaterValve_01.IrrigationNecessity|"none;none;block;none;none;none;none;none"%'>
<img src="\cms\scenes\Drop.png"></div> <div style='display:%WaterValve_01.IrrigationNecessity|"none;none;block;none;none;none;none;none"%; font-size:16pt; font-weight:bold; font-stretch:condensed; text-align:center; color:blue; -webkit-text-stroke:1px yellow; position:absolute; left:52px; bottom:12px'>%WaterValve_01.HumAvg%</div> </div> <div class="gorizontalno"> <div class="button"> <div onClick='callMethod("%WaterValve_01.irrigationPeriodPlus");'>
<img src="\cms\scenes\plus-icon.png"></div> </div> <div class="button"> <div style='display:%WaterValve_01.Status|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_01.confirmation");'>
<img src="\cms\scenes\kran_closed.png"></div> </div> <div class="button"> <div class="button2"> <div style='display:%WaterValve_01.Status|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_01.confirmation");'>
<img src="\cms\scenes\WateringCan.gif"></div> </div> </div> <div style='display:%WaterValve_01.Status|"none;none;block;none;none;none;none;none"%'>
<img src="\cms\scenes\Ventil_Closing.gif"></div> <div style='display:%WaterValve_01.Status|"none;none;none;block;none;none;none;none"%'>
<img src="\cms\scenes\Ventil_Opening.gif"></div> <div class="button"> <div style='display:%WaterValve_01.Status|"none;none;none;none;block;none;none;none"%' onClick='callMethod("%WaterValve_01.close");'>
<img src="\cms\scenes\Confirmation.gif"></div> </div> <div class="button"> <div style='display:%WaterValve_01.Status|"none;none;none;none;none;block;none;none"%' onClick='callMethod("%WaterValve_01.open");'>
<img src="\cms\scenes\Confirmation.gif"></div> </div> </div> </div> <div class="gorizontalno"> <div class="rel"> <div style='display:%WaterValve_02.HumAvgDirection|"block;none;none;none;none;none;none;none"%; font-weight:bold'>Кран_02 H:▼</div> <div style='display:%WaterValve_02.HumAvgDirection|"none;block;none;none;none;none;none;none"%; font-weight:bold'>Кран_02 H:<span style='color:#2F73B6;'>▲</span></div> <div class="gorizontalno"> <div class="button"> <div onClick='callMethod("%WaterValve_02.irrigationPeriodMinus");'>
<img src="\cms\scenes\minus-icon.png"></div> </div> <div class="button"> <div style='display:%WaterValve_02.Mode|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_02.changeMode");'>
<img src="\cms\scenes\Manual.png"></div> <div style='display:%WaterValve_02.Mode|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_02.changeMode");'>
<img src="\cms\scenes\Auto.png"></div> </div> </div> <div class="gorizontalno"> <div style='font-size:18pt; text-align:center'>%WaterValve_02.IrrigationPeriod%</div> <div class="button"> <div style='display:%WaterValve_02.IrrigationNecessity|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_02.showSoilHumidity");'>
<img src="\cms\scenes\IrrigationNoNeed.png"></div> <div style='display:%WaterValve_02.IrrigationNecessity|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_02.showSoilHumidity");'>
<img src="\cms\scenes\IrrigationNecessity.png"></div> </div> <div style='display:%WaterValve_02.IrrigationNecessity|"none;none;block;none;none;none;none;none"%'>
<img src="\cms\scenes\Drop.png"></div> <div style='display:%WaterValve_02.IrrigationNecessity|"none;none;block;none;none;none;none;none"%; font-size:16pt; font-weight:bold; font-stretch:condensed; text-align:center; color:blue; -webkit-text-stroke:1px yellow; position:absolute; left:36px; bottom:0px'>%WaterValve_02.HumAvg%</div> </div> <div class="gorizontalno"> <div class="button"> <div onClick='callMethod("%WaterValve_02.irrigationPeriodPlus");'>
<img src="\cms\scenes\plus-icon.png"></div> </div> <div class="button"> <div style='display:%WaterValve_02.Status|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_02.confirmation");'>
<img src="\cms\scenes\kran_closed.png"></div> </div> <div class="button"> <div class="button2"> <div style='display:%WaterValve_02.Status|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%WaterValve_02.confirmation");'>
<img src="\cms\scenes\WateringCan.gif"></div> </div> </div> <div style='display:%WaterValve_02.Status|"none;none;block;none;none;none;none;none"%'>
<img src="\cms\scenes\Ventil_Closing.gif"></div> <div style='display:%WaterValve_02.Status|"none;none;none;block;none;none;none;none"%'>
<img src="\cms\scenes\Ventil_Opening.gif"></div> <div class="button"> <div style='display:%WaterValve_02.Status|"none;none;none;none;block;none;none;none"%' onClick='callMethod("%WaterValve_02.close");'>
<img src="\cms\scenes\Confirmation.gif"></div> </div> <div class="button"> <div style='display:%WaterValve_02.Status|"none;none;none;none;none;block;none;none"%' onClick='callMethod("%WaterValve_02.open");'>
<img src="\cms\scenes\Confirmation.gif"></div> </div> </div> <div class="gorizontalno"> <div style='display:%WaterHeater_01.Status|"block;none;none;none;none;none;none;none"%; position:absolute; bottom:0px'>
<img src="\cms\scenes\WaterHeaterOff.png"></div> <div style='display:%WaterHeater_01.Status|"none;block;none;none;none;none;none;none"%; position:absolute; bottom:0px'>
<img src="\cms\scenes\WaterHeaterOn.gif"></div> </div> </div> </div>
Window ventilation (custom)
<style type="text/css"> .gorizontalno { display: inline-block } </style> <legend><small><h1>Привод форточек</h1></small></legend> <div class="gorizontalno"> <div>Прив.1</div> <div>%temp_tepliza1.value%°C</div> <div class="gorizontalno"> <div style='display:%Actuator_01.Status|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_01.confirmation");'>
<img src="\cms\scenes\imm\icon\window-closed48.png"></div> <div style='display:%Actuator_01.Status|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_01.confirmation");'>
<img src="\cms\scenes\imm\icon\window-open48.png"></div> <div style='display:%Actuator_01.Status|"none;none;block;none;none;none;none;none"%'>
<img src="\cms\scenes\AnimationDown.gif"></div> <div style='display:%Actuator_01.Status|"none;none;none;block;none;none;none;none"%'>
<img src="\cms\scenes\AnimationUp.gif"></div> <div style='display:%Actuator_01.Status|"none;none;none;none;block;none;none;none"%' onClick='callMethod("%Actuator_01.close");'>
<img src="\cms\scenes\Confirmation.gif"></div> <div style='display:%Actuator_01.Status|"none;none;none;none;none;block;none;none"%' onClick='callMethod("%Actuator_01.open");'>
<img src="\cms\scenes\Confirmation.gif"></div> <div class="gorizontalno"> <div style='display:%Actuator_01.Mode|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_01.changeMode");'>
<img src="\cms\scenes\imm\icon\Manual48.png"></div> <div style='display:%Actuator_01.Mode|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_01.changeMode");'>
<img src="\cms\scenes\imm\icon\Auto48.png"></div> </div> </div> </div> <div class="gorizontalno"> <div>Прив.2</div> <div>%temp_tepliza1.value%°C</div> <div class="gorizontalno"> <div style='display:%Actuator_02.Status|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_02.confirmation");'>
<img src="\cms\scenes\imm\icon\window-closed48.png"></div> <div style='display:%Actuator_02.Status|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_02.confirmation");'>
<img src="\cms\scenes\imm\icon\window-open48.png"></div> <div style='display:%Actuator_02.Status|"none;none;block;none;none;none;none;none"%'>
<img src="\cms\scenes\AnimationDown.gif"></div> <div style='display:%Actuator_02.Status|"none;none;none;block;none;none;none;none"%'>
<img src="\cms\scenes\AnimationUp.gif"></div> <div style='display:%Actuator_02.Status|"none;none;none;none;block;none;none;none"%' onClick='callMethod("%Actuator_02.close");'>
<img src="\cms\scenes\Confirmation.gif"></div> <div style='display:%Actuator_02.Status|"none;none;none;none;none;block;none;none"%' onClick='callMethod("%Actuator_02.open");'>
<img src="\cms\scenes\Confirmation.gif"></div> <div class="gorizontalno"> <div style='display:%Actuator_02.Mode|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_02.changeMode");'>
<img src="\cms\scenes\imm\icon\Manual48.png"></div> <div style='display:%Actuator_02.Mode|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_02.changeMode");'>
<img src="\cms\scenes\imm\icon\Auto48.png"></div> </div> </div> </div> <div class="gorizontalno"> <div>Прив.3</div> <div>%temp_tepliza2.value%°C</div> <div class="gorizontalno"> <div style='display:%Actuator_03.Status|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_03.confirmation");'>
<img src="\cms\scenes\imm\icon\window-closed48.png"></div> <div style='display:%Actuator_03.Status|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_03.confirmation");'>
<img src="\cms\scenes\imm\icon\window-open48.png"></div> <div style='display:%Actuator_03.Status|"none;none;block;none;none;none;none;none"%'>
<img src="\cms\scenes\AnimationDown.gif"></div> <div style='display:%Actuator_03.Status|"none;none;none;block;none;none;none;none"%'>
<img src="\cms\scenes\AnimationUp.gif"></div> <div style='display:%Actuator_03.Status|"none;none;none;none;block;none;none;none"%' onClick='callMethod("%Actuator_03.close");'>
<img src="\cms\scenes\Confirmation.gif"></div> <div style='display:%Actuator_03.Status|"none;none;none;none;none;block;none;none"%' onClick='callMethod("%Actuator_03.open");'>
<img src="\cms\scenes\Confirmation.gif"></div> <div class="gorizontalno"> <div style='display:%Actuator_03.Mode|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_03.changeMode");'>
<img src="\cms\scenes\imm\icon\Manual48.png"></div> <div style='display:%Actuator_03.Mode|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_03.changeMode");'>
<img src="\cms\scenes\imm\icon\Auto48.png"></div> </div> </div> </div> <div class="gorizontalno"> <div>Прив.4</div> <div>%temp_tepliza2.value%°C</div> <div class="gorizontalno"> <div style='display:%Actuator_04.Status|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_04.confirmation");'>
<img src="\cms\scenes\imm\icon\window-closed48.png"></div> <div style='display:%Actuator_04.Status|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_04.confirmation");'>
<img src="\cms\scenes\imm\icon\window-open48.png"></div> <div style='display:%Actuator_04.Status|"none;none;block;none;none;none;none;none"%'>
<img src="\cms\scenes\AnimationDown.gif"></div> <div style='display:%Actuator_04.Status|"none;none;none;block;none;none;none;none"%'>
<img src="\cms\scenes\AnimationUp.gif"></div> <div style='display:%Actuator_04.Status|"none;none;none;none;block;none;none;none"%' onClick='callMethod("%Actuator_04.close");'>
<img src="\cms\scenes\Confirmation.gif"></div> <div style='display:%Actuator_04.Status|"none;none;none;none;none;block;none;none"%' onClick='callMethod("%Actuator_04.open");'>
<img src="\cms\scenes\Confirmation.gif"></div> <div class="gorizontalno"> <div style='display:%Actuator_04.Mode|"block;none;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_04.changeMode");'>
<img src="\cms\scenes\imm\icon\Manual48.png"></div> <div style='display:%Actuator_04.Mode|"none;block;none;none;none;none;none;none"%' onClick='callMethod("%Actuator_04.changeMode");'>
<img src="\cms\scenes\imm\icon\Auto48.png"></div> </div> </div> </div>
Свет в теплицах (custom)
<style type="text/css"> .gorizontalno { display: inline-block } </style> <legend><small><h1>Свет в теплицах</h1></small></legend> <div class="gorizontalno"> <div>Теплица1</div> <div style='display:%Lamp_05.Status|"block;none"%' onClick='callMethod("%Lamp_05.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="48pt" height="48pt"></div> <div style='display:%Lamp_05.Status|"none;block"%' onClick='callMethod("%Lamp_05.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="48pt" height="48pt" style="background-color: yellow;"></div> </div> <div class="gorizontalno"> <div>Теплица2</div> <div style='display:%Lamp_06.Status|"block;none"%' onClick='callMethod("%Lamp_06.switch");'>
<img src="\cms\scenes\styles\switch\i_light_off.png" width="48pt" height="48pt"></div> <div style='display:%Lamp_06.Status|"none;block"%' onClick='callMethod("%Lamp_06.switch");'>
<img src="\cms\scenes\styles\switch\i_light_on.png" width="48pt" height="48pt" style="background-color: yellow;"></div> </div>