Ist es möglich das Logo einer Buttoncard abhängig von dem Status einer anderen Entity zu ändern?

Dashboard/Cards/Frontend
1

Hallo Leute,

Ich hab über ESP Easy eine Garagentor Bedienung realisiert.
Die Betätigung des Garagetors in HA erfolgt über einen Button mit Url Aufruf. Desweiteren habe ich einen ESPHome Sensor der mir meldet wenn das Garagentor offen ist.
Ich würde gern das Logo des Buttons in abhängigkeit des Sensor Status ändern

Geht das, und falls ja wie?

2

Da lese ich mal mit - genau das gleiche Problem habe ich grade eben mit einem Wasserventil.

3

Womöglich verstehe ich dich falsch, aber könnte man nicht einfach einen Button nehmen, den Sensor als entity und als tap action das Garagentor?

4

Hi,

du kannst den Status einer Entität auslesen und so das Icon und die Farbe ändern. Das Ganze läuft über die Button Card (aus dem HACS)

Hier mal ein Beistpiel aus der Filtersteuerung von mir:

type: custom:button-card
entity: input_boolean.spult_zu_offt
tap_action:
  action: none
hold_action:
  action: none
show_name: false
show_state: false
show_label: true
label: |
  [[[
    return states['input_text.spulung_status'].state
  ]]]
state:
  - value: "on"
    color: red
    icon: mdi:alert-circle
  - value: "off"
    color: green
    icon: mdi:check-circle-outline
styles:
  card:
    - background: rgba(0, 0, 0, 0.4)
    - box-shadow: none
    - border-radius: 12px
    - padding: 8px
    - width: 245px
    - height: 120px
  label:
    - color: white
    - font-weight: bold
    - font-size: 1.2em
    - text-align: center
    - text-shadow: 1px 1px 3px black

Hier habe ich auch den Hintergrund als transparent eingestellt.

Vielleicht hilft dir das ja ein wenig.

5

Mir geht es um das Icon des Buttons. Es gibt ein Icon das eine geöffnete Garage zeigt und eine die eine geschlossene zeigt.
Eben diese möchte ich in Abhängigkeit des Sensors am Garagentor anzeigen.

6

Danke, ich werde mal versuchen ob ich das auf meine Situation
umgebogen bekomme.

7

Ich hatte gerade Lust, das mal zu probieren. Ich würde auch über die Custom-Button-Card gehen weil die so flexibel ist.

image
image700×786 26.5 KB

type: custom:button-card
entity: binary_sensor.aqara_draussen_sensor_gartenhuette_tuer_contact
name: Gartenhütte
size: 50px
show_state: false
color_type: card
icon: mdi:door-closed
styles:
  card:
    - font-size: 20px
    - background-color: lightgray
    - height: 85px
    - width: 150px
state:
  - operator: template
    value: |
      [[[
        return entity.state === 'on';
      ]]]
    icon: mdi:door-open

Die mushroom-template-card finde ich für den Anfang sogar noch etwas besser. Man kann Dinge auch über das GUI einstellen und Jinja verwenden.

image
image688×716 24.6 KB

type: custom:mushroom-template-card
primary: Gartentür
secondary: >-
  {{'Auf' if
  states('binary_sensor.aqara_draussen_sensor_gartenhuette_tuer_contact') ==
  'on' else 'Zu'}}
icon: >-
  {{'mdi:door' if
  states('binary_sensor.aqara_draussen_sensor_gartenhuette_tuer_contact') ==
  'on' else 'mdi:door-closed-cancel'}}
badge_color: ""
badge_icon: ""
icon_color: >-
  {{'red' if
  states('binary_sensor.aqara_draussen_sensor_gartenhuette_tuer_contact') ==
  'on' else 'black'}}
fill_container: true
multiline_secondary: false
8

Hab dein Beispiel für mich angepasst, hat funktioniert, vielen Dank.

Lässt sich die Icon Größe irgendwie verändern, auf der originalen Button Card ist das viel größer