Principio de Decluttering Card

Todos usamos el mismo bloque de configuración varias veces en nuestra configuración lovelace y no queremos cambiar las mismas cosas en cien lugares en nuestra configuración cada vez que queremos cambiar algo.

Esta tarjeta le permite reutilizar la misma configuración varias veces en su configuración de lovelace para evitar repeticiones y admite variables y valores predeterminados.

Referencia del mapa 

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

Definición del modelo de mapa (en la interfaz de usuario)

La declaración modelo se realiza añadiendo un bloque desmontaje de _templates:

Para añadirlo: Menú de 3 puntos en la parte superior derecha => Editar panel de control => Menú de 3 puntos RE en la parte superior derecha => Editor de configuración.
El bloque debe colocarse ANTES vistas:

Para este ejemplo, lo hice muy muy simple, utilizo solo una variable, es la entidad id de la zona que aparecerá como [[zona]].

desmontaje de _templates:
  image_zone (en inglés):
    elemento:
      tipo: imagen
      entidad: «[[área]]»
      estilo:
        anchura: 100%
        parte superior: 50%
        izquierda: 50%
      _imagen del estado:
        «on»: /local/house/1920x1000/[[zona]].png
        «apagado»: /local/house/1920x1000/transparent.png

Llamar a mi modelo de imagen _zone desde el mapa de decluttering

Por lo tanto, es suficiente usar 4 líneas en lugar de 11 para mostrar el mapa de un área; Como tengo 12 áreas, el interés es obvio.

- tipo: custom:decluttering-card plantilla: image_variables de zona: - área: light.light_chambre_parents

Editar / Bono, evolución 

Desde la creación del tutorial, he mejorado aún más mis tarjetas de decluttering, aquí están los códigos.

desmontaje de _templates: image_zone (en inglés): elemento: tipo: entidad de imagen: Estilo «[[zona]]»: anchura: 100% parte superior: 50% izquierda: 50% _imagen del estado: «on»: /local/house/1920x1000/[[zone]].png 'off': /local/house/1920x1000/transparent.png image_binary _sensor: por defecto: - bonuson: '' - bonusoff: '' - zoneoff: elemento transparente: tipo: entidad de imagen: «[[zona]]» tap_action: acción: estilo ninguno: anchura: 100% parte superior: 50% izquierda: 50% _imagen del estado: «on»: /local/house/1920x1000/[[zone]][[bonuson]].png 'off': /local/house/1920x1000/[[zoneoff]][[bonusoff]].png image_lock: por defecto: - bonuson: '' - bonusoff: '' - zoneoff: elemento transparente: tipo: entidad de imagen: «[[zona]]» tap_action: acción: estilo ninguno: anchura: 100% parte superior: 50% izquierda: 50% _imagen del estado: bloqueado: /local/house/1920x1000/[[zone]][[bonuson]].png desbloqueado: /local/house/1920x1000/[[zoneoff]][[bonusoff]].png

A continuación, sobre las vistas:

• Para las luces

- tipo: custom:decluttering-card plantilla: image_variables de zona: - área: light.light_chambre_parents - tipo: custom:decluttering-card plantilla: image_variables de zona: - área: light.eclairage _ staircase_corridor - tipo: custom:decluttering-card plantilla: image_variables de zona: - área: light.light _de _la _salle _a _manger

• Para bloqueo o _sensor binario

- tipo: custom:decluttering-card plantilla: _lock variables de imagen: - área: lock.porte - zoneoff: lock.porte - bonuson: _close - bonificación: _open - tipo: custom:decluttering-card plantilla: Imagen _binary _sensor variables: - área: binario_sensor.porte_dentree_contact - tipo: custom:decluttering-card plantilla: Imagen _binary _sensor variables: - área: binario_sensor.salle_de_bains_porte_contacto - bonuson: _grise - tipo: custom:decluttering-card plantilla: Imagen _binary _sensor variables: - área: binario_sensor.volet_de_la_cuisine_contacto - zoneoff: binario_sensor.volet_de_la_cuisine_contact - bonusoff: _close - tipo: custom:decluttering-card plantilla: Imagen _binary _sensor variables: - área: _sensor.petit_volet_de_la_salle_a_manger_contacto - zoneoff: binario_sensor.petit_volet_de_la_salle_a_manger_contact - bonusoff: _close - tipo: custom:decluttering-card plantilla: Imagen _binary _sensor variables: - área: _sensor.grand_volet_de_la_salle_a_manger_contact - zoneoff: _sensor.grand_volet_de_la_salle_a_manger_contact - bonusoff: _close