-
Охрана
(custom)
<style>
@import url("/css/fontello/css/fontello.min.css");
.containerMode {
//background-color: rgba(0, 0, 0, 0.3);
max-width: 260px;
//height: 50px;
//border-radius: 15px;
//border:1px solid #444;
cursor: pointer;
}
.iconMode{
//border-radius: 14px;
//border:1px solid #444;
display:inline-block;
//font-size: 36px;
color:gray;
//width: 46px;
//height: 46px;
//text-align: center;
//vertical-align: center;
//margin: 0;
float: left;
}
.infoMode{
display:inline-block;
//border:1px solid #444;
padding:0 0 0 10px;
}
.nameMode {
font-size: 140%;
}
.time {
font-size: 60%;
color:grey;
}
</style>
<div class="containerMode" onClick='callMethod("SecurityArmedMode.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%SecurityArmedMode.active|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-98 fa-stack-1x"></i></i>
</div>
<div class="infoMode">
<div class="nameMode">%SecurityArmedMode.title%</div>
<div class="time"><span class="ref_icon fa icon-arrows-cw"></span> %SecurityArmedMode.updatedTime% %SecurityArmedMode.statustxt%</div>
</div>
</div>
-
Никого нет дома
(custom)
<div class="containerMode" onClick='callMethod("NobodyHomeMode.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%NobodyHomeMode.active|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-31 fa-stack-1x"></i></i>
</div>
<div class="infoMode">
<div class="nameMode">%NobodyHomeMode.title%</div>
<div class="time"><span class="ref_icon fa icon-arrows-cw"></span> %NobodyHomeMode.updatedTime% %NobodyHomeMode.statustxt%</div>
</div>
</div>
-
У нас гости
(custom)
<div class="containerMode" onClick='callMethod("GuestsMode.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%GuestsMode.active|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-birthday fa-stack-1x"></i></i>
</div>
<div class="infoMode">
<div class="nameMode">%GuestsMode.title%</div>
<div class="time"><span class="ref_icon fa icon-arrows-cw"></span> %GuestsMode.updatedTime% %GuestsMode.statustxt%</div>
</div>
</div>
-
Энергосбережение
(custom)
<div class="containerMode" onClick='callMethod("EconomMode.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%EconomMode.active|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-106 fa-stack-1x"></i></i>
</div>
<div class="infoMode">
<div class="nameMode">Энергосбережение</div>
<div class="time"><span class="ref_icon fa icon-arrows-cw"></span> %EconomMode.updatedTime% %EconomMode.statustxt%</div>
</div>
</div>
-
Вечерний
(custom)
<div class="containerMode" onClick='callMethod("DarknessMode.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%DarknessMode.active|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-sunrise fa-stack-1x"></i></i>
</div>
<div class="infoMode">
<div class="nameMode">%DarknessMode.title%</div>
<div class="time"><span class="ref_icon fa icon-arrows-cw"></span> %DarknessMode.updatedTime% %DarknessMode.statustxt%</div>
</div>
</div>
-
Ночной
(custom)
<div class="containerMode" onClick='callMethod("NightMode.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%NightMode.active|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-moon fa-stack-1x"></i></i>
</div>
<div class="infoMode">
<div class="nameMode">%NightMode.title%</div>
<div class="time"><span class="ref_icon fa icon-arrows-cw"></span> %NightMode.updatedTime% %NightMode.statustxt%</div>
</div>
</div>