Seite 1 von 1

Bei Template-Sensor Icon Color ändern

Verfasst: Do 24. Mär 2022, 15:12
von Friedi
Ich wieder...

Ich habe mir einen Sensor gebaut:

Code: Alles auswählen

  - platform: template
    sensors:
      schlafzimmer_fenster_rechts:
        friendly_name: Schlafzimmerfenster (rechts)
        value_template: >
          {% if is_state('binary_sensor.schlafzimmer_fenster_kipp', 'on') 
            and is_state('binary_sensor.schlafzimmer_fenster_auf', 'on') %}
            geöffnet
          {% elif is_state('binary_sensor.schlafzimmer_fenster_kipp', 'on') 
            and is_state('binary_sensor.schlafzimmer_fenster_auf', 'off') %}
            gekippt
          {% else %}
            geschlossen
          {% endif %}
        icon_template: >-
          {% if is_state('sensor.schlafzimmer_fenster_rechts', 'geöffnet') %}
            mdi:window-open-variant
          {% elif is_state('sensor.schlafzimmer_fenster_rechts', 'gekippt') %}
            mdi:window-open
          {% else %}
            mdi:window-closed-variant
          {% endif %}
So weit funktioniert das dann auch ganz nett. Zu meinem Glück fehlt mir jetzt noch die Farbänderung je nach Status.

Ich finde da nichts, was mich weiterbringt. Habt ihr ne Idee?

Re: Bei Template-Sensor Icon Color ändern

Verfasst: Do 24. Mär 2022, 15:54
von Osorkon
Das einfachste wäre die Icons in Deinen Wunsch Farben zu erstellen und dann in Deinem Template als picture_template je Staus zu definieren.

Gruß
Osorkon

Re: Bei Template-Sensor Icon Color ändern

Verfasst: Do 24. Mär 2022, 16:04
von Friedi
Osorkon hat geschrieben: Do 24. Mär 2022, 15:54 Das einfachste wäre die Icons in Deinen Wunsch Farben zu erstellen und dann in Deinem Template als picture_template je Staus zu definieren.
Wie? Also das Erstellen.

Re: Bei Template-Sensor Icon Color ändern

Verfasst: Do 24. Mär 2022, 21:18
von Osorkon
Friedi hat geschrieben: Do 24. Mär 2022, 16:04 Wie? Also das Erstellen.
Du findest hier die meisten Icons
Einfach als svg downloaden und mit einem Bildbearbeitung Programm Deines Vertrauens bearbeiten (Ich nutze unter macOS Affinity Photo) also nur die Farbe ändern
und als SVG abspeichern im Ordner /config/www

und dann im template einarbeiten

Code: Alles auswählen

entity_picture_template: >-
        {% if is_state('sensor.windowhandle_terrassentur_wz', 'closed') %}
          local/window-open-variant_green.svg
        {% elif is_state('sensor.windowhandle_terrassentur_wz', 'open') %}
          local/window-open-variant_red.svg
        {% else %}
          local/window-open-variant_yellow.svg
        {% endif %}
mit local verweist Du auf den www Ordner und kannst auch gerne die Dateien in einen Ordner icons reinpacken, dann eben mit local/icons/mein_icon.svg
Color_Icon.gif
Color_Icon.gif (25.3 KiB) 1717 mal betrachtet
So kannst Du natürlich auch selbst erstellte icons verwenden, 😀

Gruß
Osorkon

Re: Bei Template-Sensor Icon Color ändern

Verfasst: Do 24. Mär 2022, 21:38
von Chriz
mit der custom:button-card müsste das auch gehen

such mal unter HACS -> button-card

https://github.com/custom-cards/button-card

mit der kann man so einige spielerein machen muss man ja nicht zwingend als button benutzen :D

Re: Bei Template-Sensor Icon Color ändern

Verfasst: Fr 25. Mär 2022, 07:39
von Friedi
Osorkon hat geschrieben: Do 24. Mär 2022, 21:18 Du findest hier die meisten Icons
Einfach als svg downloaden und mit einem Bildbearbeitung Programm Deines Vertrauens bearbeiten (Ich nutze unter macOS Affinity Photo) also nur die Farbe ändern
und als SVG abspeichern im Ordner /config/www
Danke dir. Der Rest war klar :) Ich hab auch Affinity. Ist ein geiles Prog (vor allem für das Geld).

Re: Bei Template-Sensor Icon Color ändern

Verfasst: Fr 25. Mär 2022, 07:40
von Friedi
Chriz hat geschrieben: Do 24. Mär 2022, 21:38 mit der custom:button-card müsste das auch gehen

such mal unter HACS -> button-card

https://github.com/custom-cards/button-card

mit der kann man so einige spielerein machen muss man ja nicht zwingend als button benutzen :D
Danke für den Hinweis, aber ich will so wenig Custom wie möglich.