-
State
(custom)
<big style="font-size:24px">%ThisComputer.timeNow%</big>
<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/>
%ThisComputer.somebodyHomeText%
-
<#LANG_GENERAL_CLIMATE#> (<#LANG_GENERAL_OUTSIDE#>: %ow_fact.temperature%°C)
2
-
Мини-сцена
(custom)
<style>
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.container {
width : 33%;
float : left;
}
.smallcontainer, a.smallcontainer {
display : block;
border-radius: 15px;
border:1px solid #444;
padding: 2px;
color : black !important;
}
.left_top {
font-size: 75%;
}
.left_top div {
border-radius: 5px;
border:1px solid #444;
padding: 2px;
display:inline-block;
}
.name {
font-size: 120%;
}
.devices {
font-size: 200%;
margin-bottom: 4px;
padding-top: 4px;
}
.devices div{
vertical-align:top;
margin-right:6px;
}
.devices i{
vertical-align:top;
margin-right:6px;
}
.devices img{
vertical-align:top;
margin-right:6px;
}
.time {
font-size: 60%;
color:grey;
}
i.fa-refresh {
display : block;
float : left;
margin-top : 4px;
font-size : 60% !important;
}
//animations
.spiner {
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
z-index: 100;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
.my-lightbulb {
width : 32px;
height : 32px;
background-image: url(/img/elements/i_light_off.png);
float : left;
}
.my-lightbulb_on {
width : 32px;
height : 32px;
background-color : yellow;
background-image: url(/img/elements/i_light_on.png);
float : left;
}
.my-kettle {
width : 32px;
height : 32px;
background-image: url(/cms/scenes/styles/common/i_kettle_off.png);
float : left;
}
.my-kettle_on {
width : 32px;
height : 32px;
background-color : yellow;
background-image: url(/cms/scenes/styles/common/i_kettle_on.png);
float : left;
}
.my-warm {
width : 32px;
height : 32px;
background-image: url(/cms/scenes/styles/common/i_warm_off.png);
float : left;
}
.my-warm_on {
width : 32px;
height : 32px;
background-color : yellow;
background-image: url(/cms/scenes/styles/common/i_warm_on.png);
float : left;
}
.my-rozetka {
width : 32px;
height : 32px;
background-image: url(/cms/scenes/styles/common/i_rozetka_off.png);
float : left;
}
.my-rozetka_on {
width : 32px;
height : 32px;
background-color : yellow;
background-image: url(/cms/scenes/styles/common/i_rozetka_on.png);
float : left;
}
.my-rozetka_offline {
width : 32px;
height : 32px;
background-color : red;
background-image: url(/cms/scenes/styles/common/i_rozetka_on.png);
float : left;
}
</style>
<div class="container">
<div class="smallcontainer">
<div class="info">
<div class="name">Кухня</div>
</div>
<div class="left_top">
<div style='display:inline-block"'><i class="fa fa-thermometer" aria-hidden="true"></i>%Kitchen.temperature%°C</div>
<div style='display:inline-block"'><i class="fa fa-tint" aria-hidden="true"></i>%Kitchen.humidity%</div>
</div>
<div class="info">
<div class="devices">
%Kitchen.deviceString%
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
<i class="fa fa-refresh"></i>
<div class="time" style='display:%Kitchen.LatestActivityTime|"none;block"%'>%Kitchen.LatestActivityTime%</div>
</div>
<div style="clear:both;"></div>
</div>
<div class="smallcontainer">
<div class="info">
<div class="name">Санузел</div>
</div>
<div class="info">
<div class="devices">
%Toilet.deviceString%
</div>
<div style="clear:both;"></div>
<i class="fa fa-refresh"></i>
<div class="time" style='display:%Toilet.LatestActivityTime|"none;block"%'>%Toilet.LatestActivityTime%</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div class="container">
<div class="smallcontainer">
<div class="info">
<div class="name">Детская</div>
</div>
<div class="info">
<div class="devices">
%Kinderroom.deviceString%
</div>
<div style="clear:both;"></div>
<i class="fa fa-refresh"></i>
<div class="time" style='display:%Kinderroom.LatestActivityTime|"none;block"%'>%Kinderroom.LatestActivityTime%</div>
</div>
<div style="clear:both;"></div>
</div>
<div class="smallcontainer">
<div class="info">
<div class="name">Коридор</div>
</div>
<div class="left_top">
<div style='display:inline-block"'><i class="fa fa-thermometer" aria-hidden="true"></i>%Hall.temperature%°C</div>
<div style='display:inline-block"'><i class="fa fa-tint" aria-hidden="true"></i>%Hall.humidity%</div>
</div>
<div class="info">
<div class="devices">
%Hall.deviceString%
</div>
<div style="clear:both;"></div>
<i class="fa fa-refresh"></i>
<div class="time" style='display:%Hall.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i>%Hall.LatestActivityTime%</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div class="container">
<a class="smallcontainer" href="/popup/scenes/3.html">
<div class="info">
<div class="name">Балкон</div>
</div>
<div class="left_top">
<div style='display:inline-block"'><i class="fa fa-thermometer" aria-hidden="true"></i>%Bedroom.temperature%°C</div>
<div style='display:inline-block"'><i class="fa fa-tint" aria-hidden="true"></i>%Bedroom.humidity%</div>
</div>
<div class="info">
<div style="clear:both;"></div>
<i class="fa fa-refresh"></i>
<div class="time" style='display:%Balcony.LatestActivityTime|"none;block"%'>%Balcony.LatestActivityTime%</div>
</div>
<div style="clear:both;"></div>
</a>
<div class="smallcontainer">
<div class="info">
<div class="devices">
%Balcony.deviceString%
</div>
</div>
<div class="info">
<div class="name">Спальня</div>
</div>
<div class="info">
<div class="devices">
%Bedroom.deviceString%
</div>
<div style="clear:both;"></div>
<i class="fa fa-refresh"></i>
<div class="time" style='display:%Bedroom.LatestActivityTime|"none;block"%'>%Bedroom.LatestActivityTime%</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
-
<#LANG_GENERAL_CONTROL#>
3
-
<#LANG_APP_MEDIA_BROWSER#>
1
-
<#LANG_GENERAL_EVENTS_LOG#>
(label)
-
<#LANG_GENERAL_EVENTS_LOG#> (code)
(custom)
<div style="text-shadow:none;font-weight:normal;">[#module name="shoutbox" limit="10" reverse="1" mobile="1"#]</div>
-
<#LANG_GENERAL_SERVICE#>
3