Card farblich hervorheben - bis angeklickt wird

Automationen
1

Hi Zusammen,

vermutlich gibts meine Anfrage mehrmals, jedoch habe ich nichts gefunden, bzw es fällt mir schwer die Frage pregnant zu formulieren.

Szenario:
Ich habe einen Sensor, Strom oder TürSensor. Wenn dieser getriggert wird, beispielsweise: Die Waschmaschine ist fertig oder eine Tür wurde geöffnet & wieder geschlossen.

Ich kann mir per Automation eine Nachricht versenden, wenn die Events getrigged werden. Funktioniert alles.

Nun würde ich gerne auf einem Dashboard mittels Cards farblich markieren lassen, wenn die Tür geöffnet wurde (auch wenn sie dann wieder zu ist). Die Card soll dann so lange rot gefärbt sein, bis ich die Card manuell gedrückt halte.

wie kann ich sowas realisieren?
Hoffe meine Frage war verständlich :slight_smile:
Danke!

2

HACS Card-Mord ist das Stichwort. Als Karte im Beispiel habe ich die Mushroom Template Card genommen weil die von sich auch schon einiges mitbringt. Die Custom-Button Card wäre auch sehr geeignet; auch ohne Card-Mod.

lampe

type: custom:mushroom-template-card
primary: Lampe xyz
secondary: |
  {{ states.light.sternlampe.state }}
icon: mdi:light-flood-down
icon_color: |
  {{ 'yellow' if states.light.sternlampe.state == 'on' else 'blue' }}
entity: light.sternlampe
fill_container: false
card_mod:
  style: |
    ha-card {
      background-color: 
        {% if states.light.sternlampe.state == 'on' %}
          red
        {% else %}
          white
        {% endif %} !important;
      color: 
        {% if states.light.sternlampe.state == 'on' %}
          black
        {% else %}
          black
        {% endif %} !important;
    }
3

Hallo Bacardi,

das ist schon mal super, danke dafür. Was ich noch nicht ganz verstehe.
Auch wenn sich der Status von on auf off ändert, soll die Entität auf der Card wie bei dir Rot bleiben. Bis ich manuell drauf klicke (gedrückt halte). Das wäre mein UseCase :slight_smile:

4

NA, na, wir wollden doch hier nichts und niemanden ermorden . . . :joy:

1 „Gefällt mir“
5

Ich wiederhole mal mit meinen Worten:

Ich habe 2 Karten bzw. 2 Buttons

  • Button 1: An-/Ausschalten der Lampe
  • Button 2: zum Deaktivieren der “roten” Erinnerung

Verhalten von Button 2

  • Mit Anschalten der Lampe wird Hintergrund rot
  • Mit Ausschalten der Lampe bleibt Hintergrund rot
  • Mit Klicken des Button wird der Hintergrund weiß (es sei denn Lampe wurde zwischenzeitlich wieder angeschaltet)

Wenn dies so stimmt, dann müßte ein Boolean Helfer / Automatisation angelegt werden,

  • Helfer = Grundlage der klickbaren Karte
  • Automatisation steuert den Helfer
    • Wenn Licht angeht, dann aktiviere den Helfer (und über Kartenkonfiguration wird Hintergrund rot)
    • Wenn Helfer deaktiviert wird Hintergrund weiß es sei denn Licht ist wieder an, dann aktiviere Helfer wieder (Karte wird für einen Moment weiß, dann wieder rot)

Hier kenne ich kein Event, daß abgefangen werden kann mit Boardmitteln

1 „Gefällt mir“
6

Danke Dir :slight_smile: ich werde es am Wochenende testen

7

Ich revidiere diese obige Aussage.

Natürlich kann man bei einigen Karten die Hold-Action nehmen um einen langen Klick abzufangen. Bei dem obigen Code der mushroom-template-card würden diese Zeilen z.B. bewirken, daß beim langen Klick eine Bestätigungsmeldung kommt und erst nach ok, die Detailansicht eingeblendet wird.

hold_action:
  confirmation: true
  action: more-info

Sry, manchmal sehe ich auch den Wald vor Bäumen nicht.

8

Hi Bacardi,

irgendwie bekomme ich es nicht hin.

das ist mein Code mit einem Türsensor. Also wenn die Tür geöffnet wird, soll die Card rot angezeigt werden und so bleiben, auch wenn die Tür wieder zu gemacht wird.

type: vertical-stack
cards:
  - type: horizontal-stack
    cards:
      - type: custom:button-card
        color_type: card
        entity: binary_sensor.aqara_tuersensor_terasse_contact
        name: Tür zur Terasse ist
        show_state: true
        state:
          - value: "on"
            color: red
            icon: mdi:alert
            styles:
              card:
                - animation: blink 2s ease infinite
            hold_action:
              confirmation: true
              action: more-info
          - value: "off"
            color: green
            icon: mdi:shield-lock
            hold_action:
              confirmation: true
              action: more-info
      - type: custom:button-card
        color_type: card
        entity: binary_sensor.aquara_smoke_kuche_smoke
        name: Rauchmelder Küche
        show_state: true
        state:
          - value: "on"
            color: red
            icon: mdi:smoke
            styles:
              card:
                - animation: blink 2s ease infinite
            tap_action:
              action: toggle
          - value: "off"
            color: green
            icon: mdi:smoke
            tap_action:
              action: toggle

finde gerade den Fehler nicht.
Danke Euch

9

Also ich finde auch keinen :slight_smile:

Ich habe es auch kurz nachgestellt und Deinen Code kopiert, nur einen anderen Sensor.
image
image
Auch das Umschalten und Blinken funktioniert.

Spontan würde ich sagen: Der Terassentürsensor liefert vielleicht gar nicht “on” oder “off”.
Probiere es mal über die Entwickeltools zu verändern.

10

Hallo Bacardi,

also das reine Umschalten funktioniert ja. Nur wenn jetzt beispielsweise die Tür wieder zu geht, soll der “visuelle” alarm auf rot bleiben, bis ich die Card drücke oder gedrückt halte. ich vermute ich kann dies nur via Helper realisieren. Ich hab es jetzt so gelöst, dass ich mir eine Nachricht an Telegram senden lasse.

11

Ich hatte mich schon gewundert weil das nur halb zu dem vorher Gesagtem paßte aber dachte vielleicht ein Zwischenschritt. Ja, das bekommst Du nur mit einem Helfer hin