san4es

<<< Назад

Изменения иконки - свойства volue влажности

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

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

/*Влажность иконка*/
.device-icon.humidity.norm-hum {
    background-image: url(../cms/scenes/styles/devices/i_humidity_norm.png);
}
.device-icon.humidity.lo-hum {
    background-image: url(../cms/scenes/styles/devices/i_humidity_lo.png);
}
.device-icon.humidity.hi-hum {
    background-image: url(../cms/scenes/styles/devices/i_humidity_hi.png);
}

/*Влажность value*/
.device-header.hum-norm {
    color: #07c11a; 
}
.device-header.hum-lo {
    color: #07afbe; 
}
.device-header.hum-hi {
    color: #c40811; 
}

/*Влажность value mini*/
.device-header.mini-hum-norm {
    color: #07c11a; 
    font-size:28px;
}
.device-header.mini-hum-lo {
    color: #07afbe; 
    font-size:28px;
}
.device-header.mini-hum-hi {
    color: #c40811;
    font-size:28px;
}

htdocs/templates/classes/views/SHumSensors.html
в 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 humidity %.info|"в нормальных пределах= norm-hum;ниже положеного= lo-hum;выше положеного= hi-hum;"%"></i>   

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

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

htdocs/templates/classes/views/SHumSensors_mini.html
в 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 humidity %.info|"в нормальных пределах= norm-hum;ниже положеного= lo-hum;выше положеного= hi-hum;"%"></i>
<div class="device-header %.info|"в нормальных пределах= mini-hum-norm;ниже положеного= mini-hum-lo;выше положеного= mini-hum-hi;"%">%.value%%

</div>
</div>

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

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

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