MajorDoMo

<img src="/img/icons/status/lock_32_%Security.stateColor%.png" align="absmiddle"> %Security.stateDetails%
<img src="/img/icons/status/system_32_%System.stateColor%.png" align="absmiddle"> %System.stateDetails%
<img src="/img/icons/status/network_32_%Communication.stateColor%.png" align="absmiddle"> %Communication.stateDetails% <br/>
<style> h1 { text-shadow: 0px 0px 5px rgba(255,255,255,0.7); ui-content {padding-top: 0px;} </style> <h1 align=center> <font size=6>%ThisComputer.timeNow%</font><br>
%Obninsk.Day_of_week_string%<br>
%Obninsk.DATE_DD_MM_YYYY%<br>
%ThisComputer.somebodyHomeText% </h1> <br/>
%Broadlink_E_AIR1.Status_string_write% %Broadlink_RM_PRO1.Status_string_write% %Light_1_plc.Status_string_write%

Системная громкость

Музыка

<style> .container { border-radius: 15px; border:1px solid #444; padding: 10px; } .left_top { float: right; font-size: 120%; } .name { font-size: 140%; } .time { font-size: 80%; color:grey; } #lamp { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #wind { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #vent { width: 64px; height: 48px; border: 0; align: center; margin-left:5px; } #lc { align: left; valign: top; } th { text-align: left; valign: top; font-family: calibri; font-size: 12px; font-weight: bold; color: grey; margin-left:-3px; } td { text-align: center; valign: top; align: center; } </style> <div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%Hall.background%);"> <div class="info"> <div class="name">Коридор</div> <div class="time" style='display:%Hall.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i> %Motion4.updatedText%</div> </div> <table cols="1" border="0" width="60%" cellpadding="7" align="left"> <tr> <th></th> <th></th> </tr> <tr> <td>
<img id="wind" src="/img/icons/menu/door_%Window8.status%.png" alt=""></td> </tr> </table> <table cols="3" border="0" width="80%" cellpadding="7" align="left"> <tr> <th>основной</th> <th>лестница</th> <th>крыльцо</th> <th></th> </tr> <tr> <td><a href="#" onClick="$.get('/objects/?object=L2&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L2.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L9&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L9.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L1&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L1.status%.png" alt=""></a></td> </tr> </table> </div>

<style> @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); /*@import url("C:/_majordomo/htdocs/3rdparty/fontawesome/css/all.min.css"); */ .container { border-radius: 15px; border:1px solid #444; padding: 10px; } .left_top { float: right; font-size: 120%; } .left_top div { border-radius: 5px; border:1px solid #444; padding: 2px; display:inline-block; } .name { font-size: 140%; } .time { font-size: 80%; color:grey; } #lamp { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #wind { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #lc { align: left; valign: top; } th { text-align: left; valign: top; font-family: calibri; font-size: 12px; font-weight: bold; color: grey; margin-left:-3px; } td { text-align: center; valign: top; align: center; } </style> <div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%Kitchen.background%);"> <div class="left_top"> <div style='display:%Kitchen.temperature|"none;inline-block"%'><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> %Kitchen.temperature%°C</div> <div style='display:%Kitchen.humidity|"none;inline-block"%'><i class="fa fa-tint" aria-hidden="true"></i> %Kitchen.humidity%%</div> </div> <div class="info"> <div class="name">Кухня</div> <div class="time" style='display:%Kitchen.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i> %Motion1.updatedText%</div> </div> <table cols="3" border="0" width="60%" cellpadding="7" align="left"> <tr> <th></th> <th></th> </tr> <tr> <td>
<img id="wind" src="/img/icons/menu/window_%Window3.status%.png" alt=""></td> <td>
<img id="wind" src="/img/icons/menu/window_%Window4.status%.png" alt=""></td> <td>
<img id="wind" src="/img/icons/menu/window_%Window5.status%.png" alt=""></td> </tr> </table> <table cols="3" border="0" width="80%" cellpadding="7" align="left"> <tr> <th>&nbsp;&nbsp;&nbsp;слева</th> <th>&nbsp;справа</th> <th>подсветка</th> </tr> <tr> <td><a href="#" onClick="$.get('/objects/?object=L4&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L4.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L3&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L3.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L5&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L5.status%.png" alt=""></a></td> </tr> </table> </div>

<style> .container { border-radius: 15px; border:1px solid #444; padding: 10px; } .left_top { float: right; font-size: 120%; } .name { font-size: 140%; } .time { font-size: 80%; color:grey; } #lamp { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #wind { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #vent { width: 64px; height: 48px; border: 0; align: center; margin-left:5px; } #lc { align: left; valign: top; } th { text-align: left; valign: top; font-family: calibri; font-size: 12px; font-weight: bold; color: grey; margin-left:-3px; } td { text-align: center; valign: top; align: center; } </style> <div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%Bathroom.background%);"> <div class="info"> <div class="name">Туалет</div> <div class="time" style='display:%Bathroom.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i> %Motion7.updatedText%</div> </div> <table cols="3" border="0" width="80%" cellpadding="7" align="left"> <tr> <th>основной</th> <th>подсветка</th> <th></th> </tr> <tr> <td><a href="#" onClick="$.get('/objects/?object=L6&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L6.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L7&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L7.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L8&op=m&m=switch');return false;" >
<img id="vent" src="/img/icons/menu/fan_%L8.status%.png" alt=""></a></td> </tr> </table> </div>

<style> .container { border-radius: 15px; border:1px solid #444; padding: 10px; } .left_top { float: right; font-size: 120%; } .name { font-size: 140%; } .time { font-size: 80%; color:grey; } #lamp { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #wind { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #vent { width: 64px; height: 48px; border: 0; align: center; margin-left:5px; } #lc { align: left; valign: top; } th { text-align: left; valign: top; font-family: calibri; font-size: 12px; font-weight: bold; color: grey; margin-left:-6px; } td { text-align: center; valign: top; align: center; } </style> <div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%Koridor2etazh.background%);"> <div class="info"> <div class="name">Коридор на 2-ом этаже</div> <div class="time" style='display:%Koridor2etazh.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i> %Koridor2etazh.LatestActivityTime%</div> </div> <table cols="4" border="0" width="100%" cellpadding="7" align="left"> <tr> <th>основной</th> <th>кладовка</th> <th>лестница</th> <th>лестница 2</th> <th></th> </tr> <tr> <td><a href="#" onClick="$.get('/objects/?object=L13&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L13.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L29&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L29.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L9&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L9.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L11&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L11.status%.png" alt=""></a></td> </tr> </table> </div>

<style> .container { border-radius: 15px; border:1px solid #444; padding: 10px; } .left_top { float: right; font-size: 120%; } .name { font-size: 140%; } .time { font-size: 80%; color:grey; } #lamp { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #wind { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #vent { width: 64px; height: 48px; border: 0; align: center; margin-left:5px; } #lc { align: left; valign: top; } th { text-align: left; valign: top; font-family: calibri; font-size: 12px; font-weight: bold; color: grey; margin-left:-3px; } td { text-align: center; valign: top; align: center; } </style> <div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%Bathroom2.background%);"> <div class="info"> <div class="name">Ванна</div> <div class="time" style='display:%Bathroom2.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i> %Motion6.updatedText%</div> </div> <table cols="3" border="0" width="80%" cellpadding="7" align="left"> <tr> <th>основной</th> <th>подсветка</th> <th></th> </tr> <tr> <td><a href="#" onClick="$.get('/objects/?object=L18&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L18.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L19&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L19.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L17&op=m&m=switch');return false;" >
<img id="vent" src="/img/icons/menu/fan_%L17.status%.png" alt=""></a></td> </tr> </table> </div>

<style> @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); /*@import url("C:/_majordomo/htdocs/3rdparty/fontawesome/css/all.min.css"); */ .container { border-radius: 15px; border:1px solid #444; padding: 10px; } .left_top { float: right; font-size: 120%; } .left_top div { border-radius: 5px; border:1px solid #444; padding: 2px; display:inline-block; } .name { font-size: 140%; } .time { font-size: 80%; color:grey; } #lamp { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #wind { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #lc { align: left; valign: top; } th { text-align: left; valign: top; font-family: calibri; font-size: 12px; font-weight: bold; color: grey; margin-left:-6px; } td { text-align: center; valign: top; align: center; } </style> <div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%Bedroom.background%);"> <div class="left_top"> <div style='display:%Bedroom.temperature|"none;inline-block"%'><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> %Bedroom.temperature%°C</div> <div style='display:%Bedroom.humidity|"none;inline-block"%'><i class="fa fa-tint" aria-hidden="true"></i> %Bedroom.humidity%%</div> </div> <div class="info"> <div class="name">Спальня</div> <div class="time" style='display:%Bedroom.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i> %Motion3.updatedText%</div> </div> <table cols="2" border="0" width="60%" cellpadding="7" align="left"> <tr> <th></th> <th></th> </tr> <tr> <td>
<img id="wind" src="/img/icons/menu/window_%Window6.status%.png" alt=""></td> <td>
<img id="wind" src="/img/icons/menu/window_%Window7.status%.png" alt=""></td> </tr> </table> <table cols="3" border="0" width="80%" cellpadding="7" align="left"> <tr> <th>основной</th> <th>&nbsp;Андрей</th> <th>Анастасия</th> </tr> <tr> <td><a href="#" onClick="$.get('/objects/?object=L20&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L20.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L21&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L21.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L23&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L23.status%.png" alt=""></a></td> </tr> </table> </div>

<style> @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); /*@import url("C:/_majordomo/htdocs/3rdparty/fontawesome/css/all.min.css"); */ .container { border-radius: 15px; border:1px solid #444; padding: 10px; } .left_top { float: right; font-size: 120%; } .left_top div { border-radius: 5px; border:1px solid #444; padding: 2px; display:inline-block; } .name { font-size: 140%; } .time { font-size: 80%; color:grey; } #lamp { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #wind { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #lc { align: left; valign: top; } th { text-align: left; valign: top; font-family: calibri; font-size: 12px; font-weight: bold; color: grey; margin-left:0px; } td { text-align: center; valign: top; align: center; } </style> <div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%Kinderroom.background%);"> <div class="left_top"> <div style='display:%Kinderroom.temperature|"none;inline-block"%'><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> %Kinderroom.temperature%°C</div> <div style='display:%Kinderroom.humidity|"none;inline-block"%'><i class="fa fa-tint" aria-hidden="true"></i> %Kinderroom.humidity%%</div> </div> <div class="info"> <div class="name">Детская</div> <div class="time" style='display:%Kinderroom.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i> %Motion5.updatedText%</div> </div> <table cols="1" border="0" width="60%" cellpadding="7" align="left"> <tr> <th></th> </tr> <tr> <td>
<img id="wind" src="/img/icons/menu/window_%Window9.status%.png" alt=""></td> </tr> </table> <table cols="1" border="0" width="80%" cellpadding="7" align="left"> <tr> <th>основной</th> </tr> <tr> <td><a href="#" onClick="$.get('/objects/?object=L28&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L28.status%.png" alt=""></a></td> </tr> </table> </div>

<style> @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); /*@import url("C:/_majordomo/htdocs/3rdparty/fontawesome/css/all.min.css"); */ .container { border-radius: 15px; border:1px solid #444; padding: 10px; } .left_top { float: right; font-size: 120%; } .left_top div { border-radius: 5px; border:1px solid #444; padding: 2px; display:inline-block; } .name { font-size: 140%; } .time { font-size: 80%; color:grey; } #lamp { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #wind { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #lc { align: left; valign: top; } th { text-align: left; valign: top; font-family: calibri; font-size: 12px; font-weight: bold; color: grey; margin-left:-3px; } td { text-align: center; valign: top; align: center; } </style> <div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%Mansarda.background%);"> <div class="left_top"> <div style='display:%Mansarda.temperature|"none;inline-block"%'><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> %Mansarda.temperature%°C</div> <div style='display:%Mansarda.humidity|"none;inline-block"%'><i class="fa fa-tint" aria-hidden="true"></i> %Mansarda.humidity%%</div> </div> <div class="info"> <div class="name">Мансарда</div> <div class="time" style='display:%Mansarda.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i> %Motion2.updatedText%</div> </div> <table cols="2" border="0" width="60%" cellpadding="7" align="left"> <tr> <th></th> </tr> <tr> <td>
<img id="wind" src="/img/icons/menu/window_%Window2.status%.png" alt=""></td> </tr> </table> <table cols="3" border="0" width="80%" cellpadding="7" align="left"> <tr> <th>основной</th> <th>лестница</th> <th>гардероб</th> <th></th> </tr> <tr> <td><a href="#" onClick="$.get('/objects/?object=L26&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L26.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L11&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L11.status%.png" alt=""></a></td> <td><a href="#" onClick="$.get('/objects/?object=L25&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L25.status%.png" alt=""></a></td> </tr> </table> </div>

<style> @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); /*@import url("C:/_majordomo/htdocs/3rdparty/fontawesome/css/all.min.css"); */ .container { border-radius: 15px; border:1px solid #444; padding: 10px; } .left_top { float: right; font-size: 120%; } .left_top div { border-radius: 5px; border:1px solid #444; padding: 2px; display:inline-block; } .name { font-size: 140%; } .time { font-size: 80%; color:grey; } #lamp { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #wind { width: 48px; height: 48px; border: 0; align: center; margin-left:5px; } #lc { align: left; valign: top; } th { text-align: left; valign: top; font-family: calibri; font-size: 12px; font-weight: bold; color: grey; margin-left:-3px; } td { text-align: center; valign: top; align: center; } </style> <div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%Kabinet.background%);"> <div class="info"> <div class="name">Кабинет</div> </div> <table cols="2" border="0" width="60%" cellpadding="7" align="left"> <tr> <th></th> </tr> <tr> <td>
<img id="wind" src="/img/icons/menu/window_%Window1.status%.png" alt=""></td> </tr> </table> <table cols="1" border="0" width="80%" cellpadding="7" align="left"> <tr> <th>основной</th> </tr> <tr> <td><a href="#" onClick="$.get('/objects/?object=L30&op=m&m=switch');return false;" >
<img id="lamp" src="/img/icons/menu/light_%L30.status%.png" alt=""></a></td> </tr> </table> </div>

%TodoList.StreamingCodeMenu%

<div style="text-shadow:none;font-weight:normal;">[#module name="shoutbox" limit="15" reverse="1" mobile="1"#]</div>