san4es

<<< Назад

изменения иконки- статуса RGB

немного изменил иконку в простых устройствал SRGB, теперь иконка лампы RGB автоматически добавляется при выборе в простых устройствах Освещение RGB.
так же при изменении статуса показывает включено устройство или выключено.

в devices/devices.css
добавил строчки

.device-icon.rgb {
     background-image: url(../cms/scenes/styles/devices/i_rgb_off.png);
}
.device-icon.rgb.on {
   background-image: url(../cms/scenes/styles/devices/i_rgb_on.png);
}

и добавил папку devices куда и кинул изображение /cms/scenes/styles/devices/

и htdocs/templates/classes/views/SRGB изменил

<script src='<#ROOTHTML#>3rdparty/spectrum/spectrum.min.js'></script>
<link rel='stylesheet' href='<#ROOTHTML#>3rdparty/spectrum/spectrum.min.css' />

<div class="device-widget rgb" onClick='callMethod("%.object_title%.switch");'>
    <div class="device-icon rgb %.status|"off;on"%" style='%.icon|"background-image:url(%.icon%)"%'></div>

<div class="device-header"><span>%.object_description%</span>

    <input type="text" id="color%.object_id%" class="colorpicker" value="%.colorSaved%" onChange='callMethod("%.object_title%.setColor","color="+encodeURIComponent(this.value));'/></div>

<script>
    $("#color%.object_id%").spectrum({
        preferredFormat: "hex",
        showInput: true,
        chooseText: "OK",
        cancelText: "<#LANG_CANCEL#>"
    });
</script>
</div>

изображение лампочки можно скачать тут
https://www.freepng.ru/png-b6zczv/
или
https://www.freepng.ru/png-soeprv/

как уменьшить размер до 32px думаю знают все

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

Смотрите так же:
05.08.2019 изменение в простых устройствах

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