san4es

<<< Назад

Отображения информации USER

отображает заряд батарейки,подключения к домашней точки wi-fi ,последнее обновление посещения дома

это прописать в шаблоне отображения Users

<style>
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

.device-icon.batt-100 {
background-image: url(/cms/scenes/styles/devices/batt-100.png);
}
.device-icon.batt-75 {
background-image: url(/cms/scenes/styles/devices/batt-75.png);
}
.device-icon.batt-50 {
background-image: url(/cms/scenes/styles/devices/batt-50.png);
}
.device-icon.batt-25 {
background-image: url(/cms/scenes/styles/devices/batt-25.png);
}
.device-icon.batt-15 {
background-image: url(/cms/scenes/styles/devices/batt-15.png);
}
.device-icon.wifi {
   position:absolute;
   left:75px;
   background-image: url(/cms/scenes/styles/devices/wifi.png);
}
.device-icon.wifi.off {
   position:absolute;
   left:90px;
   background-image: url(/cms/scenes/styles/devices/wifi-off.png);
}
</style>

<div  style="position:absolute;left:0px;top:0px;width:60px;height:60px;">
<img src="/cms/avatars/1_alex.png"  alt="" style="width:60px;height:60px;"></div>

<div  style="position:absolute;left:70px;top:0px;">
<span class = "device-icon %.IconBatt|"batt-15=batt-15;batt-25=batt-25;batt-50=batt-50;batt-75=batt-75;batt-100=batt-100;"%"></span></div>

<div  style="position:absolute;left:110px;top:3px;">
<span style="color:grey;font-family:Arial;font-size:15px;">%.BattLevel%%</span></div>

<div  style="position:absolute;left:70px;top:0px;">
<span class = "device-icon %.wifi|"1=wifi;0=wifi off;"%"></span></div>

<div  style="position:absolute;left:70px;top:20px;font-family:Arial;font-size:20px;">
<span style="%.wifi|"1=color:Chartreuse;0=color:Grey;"%">%.wifi|"1=%.fullName%;0=%.fullName%"%</span>

<div style="font-size: 60%;color:grey;">
<span class="ref_icon fa fa-refresh" aria-hidden="true"></span> %.CoordinatesUpdated%</div>

   </div>
</div>

создать свойства users BattLevel и так же создать Метод BattLevel где прописать

$BattLevel=$this->getProperty('BattLevel');

if ($BattLevel >= 100)
{
    $this->setProperty('IconBatt', 'batt-100');
}
else if ($BattLevel >= 75)
{
    $this->setProperty('IconBatt', 'batt-75');
}
else if ($BattLevel >= 50)
{
    $this->setProperty('IconBatt', 'batt-50');
}
else if ($BattLevel >= 20)
{
    $this->setProperty('IconBatt', 'batt-25');
}
else if ($BattLevel <= 15)
{
    $this->setProperty('IconBatt', 'batt-15');
}

свойство BattLevel Запускать метод при изменении с Методом BattLevel

Обсуждение (0) (1)

Смотрите так же:
30.05.2021 Изменения иконки - свойства volue влажности
06.05.2021 Изменения иконки - свойства volue температуры
19.01.2021 Изменения иконки- статуса RGB
05.08.2019 изменение в простых устройствах

Москва, Россия