-
Прихожая
(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;
//vertical-align: center;
padding:10px 0 0 15px;
//vertical-align:20px;
}
.nameMode {
font-size: 130%;
}
.time {
font-size: 60%;
color:grey;
}
</style>
<div class="containerMode" onClick='callMethod("Switch_45_2.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Switch_45_2.status|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-76 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> %Switch_45_2.updatedText%</div> -->
</div>
</div>
-
Ванная
(custom)
<div class="containerMode" onClick='callMethod("Switch_45_0.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Switch_45_0.status|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-76 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> %Switch_45_0.updatedText%</div> -->
</div>
</div>
-
Вентилятор
(custom)
<div class="containerMode" onClick='callMethod("Switch_45_1.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Switch_45_1.status|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-30 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> %Switch_45_1.updatedText%</div> -->
</div>
</div>
-
Зал
(custom)
<div class="containerMode" onClick='callMethod("Switch_35_2.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Switch_35_2.status|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-76 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> %Switch_35_2.updatedText%</div> -->
</div>
</div>
-
Коридор
(custom)
<div class="containerMode" onClick='callMethod("Switch_35_1.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Switch_35_1.status|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-76 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> %Switch_35_1.updatedText%</div> -->
</div>
</div>
-
Спальня
(custom)
<div class="containerMode" onClick='callMethod("Switch_25_1.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Switch_25_1.status|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-76 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> %Switch_25_1.updatedText%</div> -->
</div>
</div>
-
Кухня
(custom)
<div class="containerMode" onClick='callMethod("Switch_15_1.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Switch_15_1.status|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-76 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> %Switch_15_1.updatedText%</div> -->
</div>
</div>
-
Детская
(custom)
<div class="containerMode" onClick='callMethod("Switch_5_1.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Switch_5_1.status|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-76 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> %Switch_5_1.updatedText%</div> -->
</div>
</div>
-
Кладовая
(custom)
<div class="containerMode" onClick='callMethod("Switch_5_2.switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Switch_5_2.status|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-76 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> %Switch_5_2.updatedText%</div> -->
</div>
</div>
-
Телевизор в зале
(custom)
<div class="containerMode" onClick='callMethod("Livingroom.Switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Livingroom.TV_on|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-18 fa-stack-1x"></i></i>
</div>
<div class="infoMode">
<div class="nameMode">TV Зал</div>
<!-- <div class="time"><span class="ref_icon fa icon-arrows-cw"></span> %Switch_5_2.updatedText%</div> -->
</div>
</div>
-
Телевизор в спальне
(custom)
<div class="containerMode" onClick='callMethod("Bedroom.Switch");'>
<div class="iconMode">
<i class="fa-stack fa-lg" style='color:%Bedroom.TV_on|";lime;grey"%'>
<i class="fa icon-check-empty fa-stack-2x" style='top: 2px;'></i>
<i class="fa icon-18 fa-stack-1x"></i></i>
</div>
<div class="infoMode">
<div class="nameMode">TV Спальня</div>
<!-- <div class="time"><span class="ref_icon fa icon-arrows-cw"></span> %Switch_5_2.updatedText%</div> -->
</div>
</div>
-
ВКЛ / ВЫКЛ Подсветка
(button)
ВКЛ / ВЫКЛ Подсветка
-
Режим подсветки
(selectbox)
-
Цвет подсветки
(plusminus)