Prinzip der Decluttering Card

Wir alle verwenden mehrmals den gleichen konfigurationsblock in unserer lovelace-konfiguration und wir wollen nicht jedes mal, wenn wir etwas ändern möchten, an hundert orten in unserer konfiguration die gleichen dinge ändern.

Diese Karte ermöglicht es Ihnen, dieselbe Konfiguration mehrmals in Ihrer Lovelace-Konfiguration wiederzuverwenden, um Wiederholungen zu vermeiden, und unterstützt Variablen und Standardwerte.

Karten-Referenz 

https://github.com/custom-cards/decluttering-card

Definieren des Kartenmodells (in UI)

Die Deklaration des Modells erfolgt durch Hinzufügen eines Blocks decluttering_templates:

Um es hinzuzufügen: 3-Punkt-Menü oben rechts => Dashboard bearbeiten => RE 3-Punkt-Menü oben rechts => Konfigurations-Editor.
Der Block muss vorher platziert werden. Views:

Für dieses Beispiel habe ich es sehr einfach gemacht, ich verwende nur eine Variable, es ist die Entity-ID der Zone, die als [[Zone]] angezeigt wird.

decluttering_templates:
  image_zone:
    Element:
      Typ: Bild
      entity: '[[Gebiet]]'
      Stil:
        width: 100%
        top: 50%
        left: 50%
      state_image:
        'wir': /local/home/1920x1000/[[zone]].png
        'off': /local/home/1920x1000/transparent.png

Rufen Sie meine Vorlage Bild_zone decluttering Karte

Es genügt also, 4 statt 11 Zeilen zu verwenden, um die Karte eines Gebiets anzuzeigen. Da ich 12 Zonen habe, liegt das Interesse auf der Hand.

- Typ: custom:decluttering-card template: image_zone Variablen: - Gebiet: light.lume_Zimmer_Eltern

Edit / Bonus, Entwicklung 

Seit der Einführung des Tutorials habe ich meine Decluttering-Karten weiter verbessert, hier sind die Codes.

decluttering_templates: image_zone: Element: Typ: Bild entity: '[[Zone]]' Stil: width: 100% top: 50% left: 50% state_image: 'wir': /local/home/1920x1000/[[zone]].png 'off': /local/home/1920x1000/transparent.png image_binary_sensor: default: Bonus: '' - bonusoff: '' - zoneoff: transparent element: Typ: Bild entity: '[[zone]]' tap_action: Maßnahme: none Stil: width: 100% top: 50% left: 50% state_image: 'wir': /local/home/1920x1000/[[zone]][[bonuson]].png 'off': /local/home/1920x1000/[[zoneoff]][[bonusoff]].png image_lock: default: Bonus: '' - bonusoff: '' - zoneoff: transparent element: Typ: Bild entity: '[[zone]]' tap_action: Maßnahme: none Stil: width: 100% top: 50% left: 50% state_image: locked: /local/home/1920x1000/[[zone]][[bonuson]].png unlocked: /local/home/1920x1000/[[zoneoff]][[bonusoff]].png

Und dann zu den Ansichten:

• Für die Lichter

- Typ: custom:decluttering-card template: image_zone Variablen: - Gebiet: light.lume_chambre_parents - Typ: custom:decluttering-card template: image_zone Variablen: - Gebiet: light.ebeleuchtung_ treppe_korridor - typ: custom:decluttering-card template: image_zone Variablen: - Gebiet: light.lichter_de_la_salle_a_manger

• Für lock oder binary_sensor

- Typ: custom:decluttering-card template: image_lock Variablen: - Gebiet: lock.porte - zoneoff: lock.porte - bonuson: _close - bonusoff: _open - Typ: custom:decluttering-card template: image_binary_sensor Variablen: - Gebiet: binary_sensor.porte_dentree_contact - Typ: custom:decluttering-card template: image_binary_sensor Variablen: - Gebiet: binary_sensor.salle_de_bains_porte_contact - bonuson: _grise - Typ: custom:decluttering-card template: image_binary_sensor Variablen: - Gebiet: binary_sensor.volet_de_la_Küche_contact - zoneoff: binary_sensor.volet_de_la_Küche_contact - bonusoff: _close - Typ: custom:decluttering-card template: image_binary_sensor Variablen: - Gebiet: binary_sensor.petit_volet_de_la_salle_a_manger_contact - zoneoff: binary_sensor.petit_volet_de_la_salle_a_manger_contact - bonusoff: _close - Typ: custom:decluttering-card template: image_binary_sensor Variablen: - Gebiet: binary_sensor.grand_volet_de_la_salle_a_manger_contact - zoneoff: binary_sensor.grand_volet_de_la_salle_a_manger_contact - bonusoff: _close