Hello,
Un petit partage d’une carte facile à faire avec quelques astuces : Afficher un visuel représentant un portail coulissant qui s’ouvre partiellement et complément
L’astuce consiste à avoir 2 images transparentes au premier plan via le style opacity
(ci-dessus en grises) pour définir les zones ou l’on peut cliquer et associer l’action à un toggle par exemple
A coté le state_image
permet d’afficher une image différente en fonction des cas en arrière plan
la carte
type: custom:stack-in-card
cards:
- type: picture-elements
image: /local/images/empty.png
elements:
- type: image
image: /local/images/devices/bati.png
style:
top: 50%
left: 33%
width: 60%
- type: image
image: /local/images/empty.png
entity: sensor.portailfake_global
style:
top: 50%
left: 33%
width: 60%
state_image:
ouvert: /local/images/devices/portail-ouvert.png
portillon: /local/images/devices/portail-portillon.png
fermé: /local/images/devices/portail-ferme.png
desynchro: /local/images/devices/portail-ferme.png
- type: image
image: /local/images/red.png
entity: input_boolean.portailfake_relais1
style:
top: 50%
left: 50%
width: 25%
opacity: 0
tap_action:
action: toggle
- type: image
image: /local/images/red.png
entity: input_boolean.portailfake_relais2
style:
top: 50%
left: 16%
width: 25%
opacity: 0
tap_action:
action: toggle
les input_boolean (pour mémoriser l’état des switch)
portailfake_relais1:
name: portailfake_relais1
portailfake_relais2:
name: portailfake_relais2
les switchs (en mode input dans la vraie vie chez moi)
- platform: template
switches:
portail:
friendly_name: Portailfake
turn_on:
service: input_boolean.turn_on
target:
entity_id: input_boolean.portailfake_relais2
turn_off:
service: input_boolean.turn_on
target:
entity_id: input_boolean.portailfake_relais2
- platform: template
switches:
portillon:
friendly_name: Portillionfake
turn_on:
service: input_boolean.turn_on
target:
entity_id: input_boolean.portailfake_relais1
turn_off:
service: input_boolean.turn_on
target:
entity_id: input_boolean.portailfake_relais1
le sensor (3 états)
- platform: template
sensors:
portailfake_global:
value_template: >
{%- if states("input_boolean.portailfake_relais2") == states("input_boolean.portailfake_relais1") and states("input_boolean.portailfake_relais1") == 'on'-%}
ouvert
{%- elif states("input_boolean.portailfake_relais2") == states("input_boolean.portailfake_relais1") and states("input_boolean.portailfake_relais1") == 'off'-%}
fermé
{%- elif states("input_boolean.portailfake_relais1") == "on"-%}
portillon
{%- elif states("input_boolean.portailfake_relais2") == "unknown" or states("input_boolean.portailfake_relais1") == "unknown"-%}
desynchro
{%- else -%}
ouvert
{%- endif %}
Les images (attention à garde la même taille partout pour faciliter la superposition)

voilà
Pour adapter à un portail double-battants, il suffit de remplacer :
- portail-portillon.png => 1 battant ouvert
- portail-ferme.png => 2 battants fermés
- portail-ouvert.png => 2 battants ouverts