Frage zu Karte "type: picture-elements"

Dashboard/Cards/Frontend
1

Hallo zusammen,

hätte zwei frage zur Karte “type: picture-elements” und hoffen, dass ihr mir weiterhelfen könnt, ob es so möglich ist oder nicht und wen ja wie.

1. Frage:
Wollte die Nachttischlampen schalten, und zwar so wenn ich auf die Lampe drücke, sich der Schaltzustand ändert und ein anderes Bild angezeigt wird, wo die Lampe an ist.
Aktuell ist es so. Wenn ich auf die Lampe drücke, kommt “action: more-info” und da kann ich den Schalter betätigen. Schöner ist es, wenn es direkt schaltet “action: none” und sich das Bild änder der Lampe.

HA_1
HA_1620×625 27.2 KB

HA_2
HA_2681×597 14.9 KB

l_an

l_aus

type: picture-elements
image: /local/test_raum.jpg
title: TEST
elements:
  - type: image
    entity: switch.nous_a1t_03
    image: /local/l_an.jpg
    style:
      top: 25%
      left: 25%
      transform: translate(-50%,-50%) scale(1,1) rotate(0.0turn)
  - type: image
    entity: switch.nous_a1t_02
    image: /local/l_an.jpg
    style:
      top: 25%
      left: 75%
      transform: translate(-50%,-50%) scale(1,1) rotate(0.0turn)

2. Frage:
Ich habe eine entity “sensor.hauswirtschaftsraum_temperatursensor_luftfeuchtigkeit” die in eine Karte “type: picture-elements” eingebaut werden soll. Wo sich des Bild der entity ändert ihres wertes.
z.B.

  • von 0 bis 40 = bild_guen.jpg
  • von 41 bis 60 = bild_orang.jpg
  • von 61 bis 100 = bild_rot.jpg
    Kann diese auch in einer Karte “type: picture-elements” umgesetzt werden oder habt ihr eine Lösung für mich.

Danke für eure Zeit.
mfg
Thomas

2

Hey Thomas,

Ich kann dir jetzt keinen fertigen Code für dein Scenario liefern, jedoch mal einen Denkanstoß:


  - type: conditional
    conditions:
      - entity: binary_sensor.lumi_lumi_sensor_magnet_aq2_opening_8
        state: 'off'
    elements:
      - type: state-icon
        entity: binary_sensor.lumi_lumi_sensor_magnet_aq2_opening
        style:
          top: 3%
          left: 15%
  - type: conditional
    conditions:
      - entity: binary_sensor.lumi_lumi_sensor_magnet_aq2_opening_8
        state: 'on'
      - entity: binary_sensor.lumi_lumi_sensor_magnet_aq2_opening
        state: 'on'
    elements:
      - type: state-icon
        entity: binary_sensor.lumi_lumi_sensor_magnet_aq2_opening_8
        style:
          top: 3%
          left: 15%

Hier lasse ich im Picture-element nur ein Icon Anzeigen, aber zwei Sensoren agieren.

In Ähnlicher Form kann das bei dir aussehen. Mit „Conditional“ kannste die Bedingung schaffen und entsprechend anzeigen lassen.

Hoffe dir hilft es weiter.

Cu Alex

3

Zu 1. Du musst nur die tap_action ändern in z. B.

tap_action:
  action: toggle

Zu 2.

Müsste mit State_image funktionieren

image: /local/avr/off.jpg
      state_image:
        Stereo: /local/avr/2.1.png
        Multi Ch Stereo: /local/avr/7.1.4.png
        Dolby Audio - Dolby Digital Plus: /local/avr/5.1.png