Button Icon Farbe abhängig von zwei verschiedenen Entitäten

[jboeck]

Hallo zusammen,

ich hätte gerne für eine Standard HA Button Card für mein Garagentor mit dem Hörmann KNX Gateway folgende Darstellung für den Auf bzw. Zu Button realisiert.
Wenn Tor geschlossen dann Icon grün, wenn Tor in Bewegung nach oben dann grün blinkend.
Dafür habe ich eine Entität mit Status Tor geschlossen und dem Status Tor fährt auf. (bzw. das gleiche für die andere Richtung)
Ich hab das mit card mod versucht zu schaffen, aber ich weiß nicht wie und ob das geht.
Mit je einer Entität klappt das, aber wie bringe ich beide programmiertechnisch zusammen?

Grün bei status geschlossen:

show_name: true
show_icon: true
type: button
tap_action:
  action: toggle
icon: mdi:garage
name: Straße Zu
grid_options:
  columns: 3
  rows: 2
hold_action:
  action: none
entity: button.g_ag01_garagentor_strasse_zu
show_state: false
card_mod:
  style: >

    {% if
    is_state('binary_sensor.g_ag01_garagentor_strasse_status_geschlossen','on')
    %}  ha-state-icon {color: lightgreen !important; }

    {%- endif %}
​

bzw. Grün blinken bei der Fahrt nach oben

  {% if
    is_state('binary_sensor.g_ag01_garagentor_status_torfahrt_auf','on')
    %} ha-card { animation: blink 1s linear infinite; } ha-state-icon {color:
    lightgreen !important; }

    {%- endif %}

    @keyframes blink { 30% {opacity: 0.2;}  ​

Vielen Dank schon mal für Eure Hilfe...

[MrTurner]

Habe genau das gerade bei mir umgesetzt, das war eine coole Idee mit dem Blinken, danke dafür.
Das Zauberwort lautet "elif is_state" !
Gruß Jan

card_mod:
  style: >
    {% if is_state('binary_sensor.garagentor_geschlossen','on') %}
    ha-state-icon { color: rgb(0, 153, 51); }

    {% elif is_state ('binary_sensor.garagentor_offen','on') %}   ha-state-icon
    {color: red ; }

    {% elif is_state ('binary_sensor.garagentor_luftungsstellung','on') %}
    ha-state-icon {color: orange ; }

    {% elif is_state ('binary_sensor.garagentor_in_bewegung','on') %}  
    ha-state-icon {color: yellow ; } ha-card {animation: blink 1s linear
    infinite; }

    {%- endif %}

    @keyframes blink { 30% {opacity: 0.2;}

​

[scw2wi]

Du hast in der letzten Zeile 2x { aber nur 1x } - ist das korrekt?

[MrTurner]

Denke nicht, aber es funktioniert trotzdem! =)