Map model definition (in UI)<\/h3>\r\n
The model declaration is done by adding a block To add it: 3-point menu at the top right => Edit dashboard => RE 3-point menu at the top right => Configuration editor. For this example, I made it very very simple, I use only one variable, it is the id entity of the zone that will appear as [[zone]].<\/p>\r\n It is therefore sufficient to use 4 lines instead of 11 to display the map of an area; as I have 12 areas, the interest is obvious.<\/p>\r\n Since the creation of the tutorial, I have further improved my decluttering cards, here are the codes.<\/p>\r\n Then on the views:<\/p>\r\n <\/p>","protected":false},"excerpt":{"rendered":" We all use the same setup block multiple times in our lovelace setup and we don't want to change the same things in a hundred places in our setup every time we want to change something. This card allows you to reuse several times the same configuration in your [...]<\/p>","protected":false},"author":1,"featured_media":3851,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14,53,166],"tags":[81],"class_list":["post-3844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-domotique","category-home-assistant","category-retex","tag-developpement"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/posts\/3844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/comments?post=3844"}],"version-history":[{"count":0,"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/posts\/3844\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/media\/3851"}],"wp:attachment":[{"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/media?parent=3844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/categories?post=3844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/en\/wp-json\/wp\/v2\/tags?post=3844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}decluttering _templates:<\/code><\/p>\r\n
The block is to be placed BEFORE views:<\/strong><\/p>\r\ndecluttering _templates:
image_zone:
element:
type: image
entity: '[[area]]'
style:
width: 100%
top: 50%
left: 50%
state_image:
'on': \/local\/house\/1920x1000\/[[zone]].png
'off': \/local\/house\/1920x1000\/transparent.png<\/pre>\r\n![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/decl1.png\")
<\/p>\r\nCall my _zone image model from the decluttering map<\/h3>\r\n
- type: custom:decluttering-card template: image_zone variables: - area: light.light_chambre_parents<\/pre>\r\n
Edit \/ Bonus, evolution\u00a0<\/h3>\r\n
decluttering _templates: image_zone: element: type: image entity: '[[zone]]' style: width: 100% top: 50% left: 50% state_image: 'on': \/local\/house\/1920x1000\/[[zone]].png 'off': \/local\/house\/1920x1000\/transparent.png image_binary _sensor: default: - bonuson: '' - bonusoff: '' - zoneoff: transparent element: type: image entity: '[[zone]]' tap_action: action: none style: width: 100% top: 50% left: 50% state_image: 'on': \/local\/house\/1920x1000\/[[zone]][[bonuson]].png 'off': \/local\/house\/1920x1000\/[[zoneoff]][[bonusoff]].png image_lock: default: - bonuson: '' - bonusoff: '' - zoneoff: transparent element: type: image entity: '[[zone]]' tap_action: action: none style: width: 100% top: 50% left: 50% state_image: locked: \/local\/house\/1920x1000\/[[zone]][[bonuson]].png unlocked: \/local\/house\/1920x1000\/[[zoneoff]][[bonusoff]].png<\/pre>\r\n
\r\n
- type: custom:decluttering-card template: image_zone variables: - area: light.light_chambre_parents - type: custom:decluttering-card template: image_zone variables: - area: light.eclairage _ staircase_corridor - type: custom:decluttering-card template: image_zone variables: - area: light.light _de _la _salle _a _manger<\/pre>\r\n
\r\n
- type: custom:decluttering-card template: _lock image variables: - area: lock.porte - zoneoff: lock.porte - bonuson: _close - bonusoff: _open - type: custom:decluttering-card template: image_binary _sensor variables: - area: binary_sensor.porte_dentree_contact - type: custom:decluttering-card template: image_binary _sensor variables: - area: binary_sensor.salle_de_bains_porte_contact - bonuson: _grise - type: custom:decluttering-card template: image_binary _sensor variables: - area: binary_sensor.volet_de_la_cuisine_contact - zoneoff: binary_sensor.volet_de_la_cuisine_contact - bonusoff: _close - type: custom:decluttering-card template: image_binary _sensor variables: - area: binary_sensor.petit_volet_de_la_salle_a_manger_contact - zoneoff: binary_sensor.petit_volet_de_la_salle_a_manger_contact - bonusoff: _close - type: custom:decluttering-card template: image_binary _sensor variables: - area: binary_sensor.grand_volet_de_la_salle_a_manger_contact - zoneoff: binary_sensor.grand_volet_de_la_salle_a_manger_contact - bonusoff: _close<\/pre>\r\n