Jak zmienić ikonę encji w karcie custom:slider-entity-row

Witam,
do sterowania głośnością wzmacniacza używam karty typu ‘custom:slider-entity-row’, jako akcja kliknięcia w kartę jest funkcja wyciszenia, chciałbym żeby kiedy jest aktywna zmieniała się ikona encji w karcie. Kombinuję już dłuższą chwilę i nie wychodzi. Ktoś coś doradzi jak to ugryźć?

ostatnia wersja, którą testowałem to:

Ikonę musisz raczej zmienić na poziomie encji, a nie w karcie lovelace.
Możesz stworzyć nową encję jako template: i wtedy icon_template: który podałeś powinien zadziałać.

To dodaj sobie jeszcze coś takiego:
Card-Mod
Dzięki temu będziesz miał możliwość korzystania ze styli CSS w każdej kracie HA, między innymi także zmieniać dowolnie ikony encji zależnie od ich stanu.
W praktyce wygląda to tak:
bat1
ikona baterii telefonu w stanie rozładowywania
bat2
ikona baterii telefonu podczas jej ładowania.

Wygląda ciekawie ale chyba nie ogarniam tego…
Zainstalowałem Card-Mod, zrobiłem tak:


i nie działa, znaczy cały czas jest domyślna ikona encji input.number.yamaha_volume.

U mnie za zmianę ikon z poprzedniego przykładu odpowiada taki kod:

kod

@Zhan.pl , @MariuszT wygodniej, zamiast obrazków lepiej wstawiać kod yaml wtedy można szybko z tego skorzystać (kopiuj, wklej). Aby wstawić kod należy go:

  • w nowej linii umieścić trzy znaki `
  • w kolejnych liniach wkleić kod
  • w kolejnej nowej linii, ponownie wstawić trzy znaki `
1 Like

@macek mówisz i masz.

entity: sensor.samsung_galaxy_temperatura_baterii
card_mod:
  style: |
    :host {
       --card-mod-icon: 
         {% if is_state('sensor.samsung_galaxy_stan_baterii', 'discharging') %} 
           mdi:battery-high;
         {% else %}
           mdi:battery-charging-high;
         {% endif %}
       --card-mod-icon-color:
         {% if is_state('sensor.samsung_galaxy_stan_baterii', 'charging') %}
           yellow;
         {% endif %}
    }
3 Likes

Suuuuuper, działa według Twojego schematu, dziękuję :slight_smile: