san4es

<<< Назад

Изменения иконки - свойства volue температуры

иконка меняется при свойстве температуры в простых устройствах

в css добавлен стиль

/*Температура иконка*/
.device-icon.temperature.norm-temp {
    background-image: url(../cms/scenes/styles/devices/i_temp_norm.png);    
}
.device-icon.temperature.lo-temp {
    background-image: url(../cms/scenes/styles/devices/i_temp_lo.png);
}
.device-icon.temperature.hi-temp {
    background-image: url(../cms/scenes/styles/devices/i_temp_hi.png);
}

/*Температура value*/
.device-header.temperature-norm {
    color: #07c11a; 
}
.device-header.temperature-lo {
    color: #07afbe; 
}
.device-header.temperature-hi {
    color: #c40811; 
}

/*Температура value mini*/
.device-header.mini-temperature-norm {
    color: #07c11a; 
    font-size:28px;
}
.device-header.mini-temperature-lo {
    color: #07afbe; 
    font-size:28px;
}
.device-header.mini-temperature-hi {
    color: #c40811;
    font-size:28px;
}

в модуле добавлены строчки

$value=$this->getProperty('value');
$minValue=$this->getProperty('minValue');
$maxValue=$this->getProperty('maxValue');

if ($value >= $maxValue)
{  
    $this->setProperty('info', 'выше положеного'); 
}
elseif ($value <= $minValue)
{
    $this->setProperty('info', 'ниже положеного');
}
else 
{
    $this->setProperty('info', 'в нормальных пределах');
}

в HTML файле заменить на это

<div class="device-widget sensor %.alive|"offline;online"%" onclick="var url=('<#ROOTHTML#>pChart/?p=%.object_title%'+'.value&op=log&subop=24h&minimal=1');parent.$.fancybox.open({ src: url, type: 'iframe',iframe:{preload:false}});return false;">

<i  class = "device-icon temperature %.info|"в нормальных пределах=norm-temp;ниже положеного= lo-temp;выше положеного=hi-temp;"%"></i>

<div class="device-header %.info|"в нормальных пределах= temperature-norm;ниже положеного= temperature-lo;выше положеного= temperature-hi;"%"> %.value%&deg;C 

   <span style="%.direction|"-1=color:blue;1=color:red;"%">%.direction|"-1=&#9660;1=&#9650;0=&#8801"%</div>
<div class="device-details">%.object_description%</span></div>
</div>

в mini HTML заменить на это

 <div class="device-widget mini sensor %.alive|"offline;online"%"
onclick="var url=('<#ROOTHTML#>pChart/?p=%.object_title%'+'.value&op=log&subop=24h&minimal=1');parent.$.fancybox.open({ src: url, type: 'iframe',iframe:{preload:false}});return false;"
title="%.object_description%">
<i  class = "device-icon temperature %.info|"в нормальных пределах=norm-temp;ниже положеного= lo-temp;выше положеного=hi-temp;"%"></i>

<div class="device-header %.info|"в нормальных пределах= mini-temperature-norm;ниже положеного= mini-temperature-lo;выше положеного= mini-temperature-hi;"%"> %.value%&deg;C 

</div>
</div>

Обсуждение (5) (8)

Смотрите так же:
13.07.2021 Измененый дивайс Простое устройство: ТВ
15.06.2021 SGadget в простых устройствах
30.05.2021 Изменения иконки - свойства volue влажности
30.05.2021 Отображения информации USER
19.01.2021 Изменения иконки- статуса RGB

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

На форуме: yoshok