Garagentor Buttonanzeige nach Status

Dashboard/Cards/Frontend
1

Hallo,
ich habe zwei Entitäten.
image
Taster, welcher bei “Signal” das Garagentor öffnet oder schließt. Der Shelly weiß nicht wo das Garagentor steht. Der Status wir nach Betätigung zurückgesetzt. Somit ist er immer auf aus und wenn betätigt, dann fährt das Garagentor auf oder zu, je nachdem wo es gerade steht.
Die zweite Entität ist ein Tür/Fenster Kontakt, welcher sagt ob das Garagen Tor offen oder geschlossen ist.
Jetzt zu meiner Frage.
Wie kann ich einen Statusabhängigen Button machen, welcher wenn das Tor offen ist folgendes anzeigt.

image
image588×944 27.6 KB

Wenn geschlossen, dann in grün und mit “Garage öffnen”
Hoffe ich hab es genau genug erklärt und richtig zugeordnet. Ist mein erster Eintrag. War bisher nur stiller mitleser :slight_smile:
Danke euch!

2

Hallo und herzlich Willkommen,

ich nutze dazu Template Mushroom Cards

1 „Gefällt mir“
3

Hallo und herzlich Willkommen im Forum.

Du könntest zwei Schaltflächen verwenden und diese an derselben Stelle über Bedingungskarten jeweils nach dem Zustand des Türsensors ein- oder ausblenden.

1 „Gefällt mir“
4

image

type: custom:button-card
entity: switch.garagentor_garagentor
name: Garagentor
size: 40%
icon: |

  [[[
   if (states['binary_sensor.0x00158d000a8198ff_contact'].state === "off")
   return "mdi:garage-lock" ;
   else if (states['binary_sensor.0x00158d000a8198ff_contact'].state === "on")
              return "mdi:garage-open" ;
          ]]]
styles:
  icon:
    - color: >
        [[[  

        if (states['binary_sensor.0x00158d000a8198ff_contact'].state == 'off')
          return "green";
        else if (states['binary_sensor.0x00158d000a8198ff_contact'].state ==
        'on')
           return "red";
        ]]]
4 „Gefällt mir“
5

Was soll ich sagen :grinning:
Perfekt, genau das was ich gesucht habe!
DANKE

6

Supi,kann ich auch gut verwenden, danke

7

Ginge mit dem Card-Mod Addon aus dem HACS mit jeder Art Card

In einer Kachel:

image
image718×176 53.9 KB

      - type: tile
        entity: sensor.s13_19_45_wadenswil
        tap_action:
          action: none
        icon_tap_action:
          action: none
        card_mod:
          style:
            ha-tile-info$: |
              .primary 
              { 
                font-size: 16px !important;
                font-weight: lighter !important;
              }
              .secondary 
              { 
                font-size: 14px !important;
                font-weight: lighter !important;
              }
            .: |
              ha-tile-icon
              {
                {% if (state_attr('sensor.sbbtimetableall','NextConnectionInDirection')[0]['DEPDelay']) == 'X' %}
                  --tile-color: var(--error-color);
                {% elif (((state_attr('sensor.sbbtimetableall','NextConnectionInDirection')[0]['DEPDelay'])[1:99]) | float(0)) == 0 %}
                  --tile-color: var(--accent-color);
                {% elif (((state_attr('sensor.sbbtimetableall','NextConnectionInDirection')[0]['DEPDelay'])[1:99]) | float(0)) > 0 and (((state_attr('sensor.sbbtimetableall','NextConnectionInDirection')[0]['DEPDelay'])[1:99]) | float(0)) <= 3 %}
                  --tile-color: var(--orange-color);
                {% elif (((state_attr('sensor.sbbtimetableall','NextConnectionInDirection')[0]['DEPDelay'])[1:99]) | float(0)) > 3 %}
                  --tile-color: var(--deep-orange-color);
                {% else %}  
                  --tile-color: var(--accent-color);
                {% endif %} 
              }