Le loader disparait si tout est allumé ?
Si oui et si je dis pas de bêtise et même si ça a l’air d’être inutile, il faut quand même définir une image pour les états ‹ off ›. Tu peux faire un png de 1x1 pixel transparent. Sinon la carte cherche à afficher une image non définie et met donc ce loader.
Si tout est allumé, en effet, le loader disparaît en effet. Je vais tester avec le png « vide » et je reviens vers vous.
Merci @zglurb , cela fonctionne avec l’astuce de l’image vide. Plus de loader …
Voici le code pour celui qui en a besoin.
type: picture-elements
image: /local/floorplan/ExtensionNight.png
style:
width: 50%
elements:
- type: image
entity: switch.lumchevet
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/floorplan/LumChvtRue.png
'off': /local/floorplan/1px1px.png
- type: image
entity: switch.lumdressing
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/floorplan/LumDressing.png
'off': /local/floorplan/1px1px.png
- type: image
entity: switch.sonoff_mini_r2_2
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/floorplan/LumChvtJard.png
'off': /local/floorplan/1px1px.png
- type: image
entity: switch.lum_chb
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/floorplan/LumChb.png
'off': /local/floorplan/1px1px.png
Merci pour ce tuto 
Bonsoir,
Je suis nouveau et j’ai réussi à créer mon floor plan et y intégrer les lampes, temperatures, etc…
J’aimerai maintenant pouvoir cliquer sur une des icones (celle du boitier rouge en bas à gauche) et afficher diverses info sur mon onduleur (prod du jour, production instantanée, etc…)
Lorsque je clique pour le moment il ne m’affiche que les détails de l’entité (prod du jour avec détails)
type: picture-elements
image: local/images/3d_floorplan/dark.png
entity: sensor.time_of_day
tap_action: none
hold_action: none
state_image:
Day: local/images/3d_floorplan/day.png
Night: local/images/3d_floorplan/dark.png
elements:
- type: image
entity: switch.cuisine_switch_1
tap_action: none
hold_action: none
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': local/images/3d_floorplan/cuisine.png
'off': local/images/3d_floorplan/trans.png
- type: image
entity: switch.lampe_salon_socket_1
tap_action: none
hold_action: none
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': local/images/3d_floorplan/salon.png
'off': local/images/3d_floorplan/trans.png
- type: image
entity: light.transformateur
tap_action: none
hold_action: none
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': local/images/3d_floorplan/buffet.png
'off': local/images/3d_floorplan/trans.png
- type: image
entity: switch.terrasse_switch_1
tap_action: none
hold_action: none
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': local/images/3d_floorplan/terrasse.png
'off': local/images/3d_floorplan/trans.png
- type: image
entity: light.facade
tap_action: none
hold_action: none
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': local/images/3d_floorplan/facade.png
'off': local/images/3d_floorplan/trans.png
- type: state-icon
entity: light.transformateur
icon: mdi:lightbulb-outline
tap_action:
action: toggle
style:
left: 48.5%
top: 86%
border-radius: 50%
text-align: center
background-color: rgba(255, 255, 255, 0.7)
- type: state-icon
entity: switch.cuisine_switch_1
icon: mdi:lightbulb-outline
tap_action:
action: toggle
style:
left: 45%
top: 15%
border-radius: 50%
text-align: center
background-color: rgba(255, 255, 255, 0.7)
- type: state-icon
entity: switch.lampe_salon_socket_1
icon: mdi:lightbulb-outline
tap_action:
action: toggle
style:
left: 65.5%
top: 17%
border-radius: 50%
text-align: center
background-color: rgba(255, 255, 255, 0.7)
- type: state-icon
entity: switch.terrasse_switch_1
icon: mdi:lightbulb-outline
tap_action:
action: toggle
style:
left: 78%
top: 50%
border-radius: 50%
text-align: center
background-color: rgba(255, 255, 255, 0.7)
- type: state-icon
entity: light.facade
icon: mdi:outdoor-lamp
tap_action:
action: toggle
style:
left: 18%
top: 20%
border-radius: 50%
text-align: center
background-color: rgba(255, 255, 255, 0.7)
- type: state-icon
icon: mdi:cctv
tap-action:
action: more-info
entity: camera.camera_garage_hd
style:
top: 52%
left: 39.5%
border-radius: 50%
text-align: center
background-color: rgba(255, 255, 255, 0.7)
- type: state-icon
icon: mdi:solar-power
tap-action:
action: more-info
entity: sensor.sb4_0_1av_41_474_daily_yield
style:
top: 86%
left: 20%
border-radius: 50%
text-align: center
background-color: rgba(255, 255, 255, 0.7)
- type: state-badge
entity: sensor.altherma_room_temperature
style:
top: 55%
left: 44%
font-size: 10px
color: transparent
'--label-badge-red': steelblue
- type: state-badge
entity: sensor.altherma_outside_temperature
style:
top: 85%
left: 72%
font-size: 10px
color: transparent
'--label-badge-red': steelblue
Auriez-vous une idée de comment faire?
Merci
Salut,
Il faut jouer avec les actions pour afficher quelques choses
Par exemple
Je te montre un exemple de ton code:
type: picture-elements
image: local/images/3d_floorplan/dark.png
entity: sensor.time_of_day
tap_action: none
hold_action: none
state_image:
Day: local/images/3d_floorplan/day.png
Night: local/images/3d_floorplan/dark.png
elements:
- type: image
entity: switch.cuisine_switch_1
tap_action:
action: toggle #permute l'interrupteur
hold_action:
action: more-info #les infos
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': local/images/3d_floorplan/cuisine.png
'off': local/images/3d_floorplan/trans.png
exemple de navigation:
tap_action:
action: navigate
navigation_path: /config/logs
exemple appel de service:
tap_action:
action: call-service
service: climate.set_temperature
service_data:
entity_id: climate.smart_thermostat_salon
temperature: 19
Merci. Je vais tester
Bonjour
Je cherche à changer la couleur d’une icône en fonction d’un état.
Voici le code de ma carte
type: picture-elements
image: /local/Piscine/Transparent2.png
elements:
- type: state-icon
entity: switch.2_piscine_channel_1
tap_action:
action: toggle
mdi: lightbulb
style:
top: 40%
left: 72%
transform: scale(0.8,0.8)
'--paper-item-icon-color': red
Lorsque la lumière est allumé l’icône est blanc et lorsque la lumière est éteinte l’icône est rouge.
Je voudrais que la lumière soit verte lorsque la lumière est allumé.
Pouvez vous m’aider ?
Merci
Bonjour a tous, je me présente Fred.
Je m’intéresse pas mal a votre sujet concernant floorplan.
J’ai suivie le tuto mais je bloque je n’arrive pas a allumer indépendamment chaque lumière.
Pour l’instant seul le lampadaire sam fonctionne
Et quand je creer une icone elle n’apparaît pas elle se cache derrière l’image de base.
Merci de votre aide
type: picture-elements
image: /local/floorplan_images/calque_maison_transparent.png
elements:
- type: image
entity: light.salon_lampadaire
style:
top: 50%
left: 50%
width: 100%
tap_action:
action: toggle
state_image:
'on': /local/floorplan_images/calque_lampadaire_salon.png
'off': /local/floorplan_images/calque_maison_transparent.png
unavailable: /local/floorplan_images/calque_maison_transparent.png
- type: state-icon
entity: light.salon_lampadaire
style:
top: 30%
left: 46%
- type: image
entity: light.0x04cd15fffec8c546
style:
top: 50%
left: 50%
width: 100%
tap_action:
action: toggle
state_image:
'on': /local/floorplan_images/calque_lampe_verriere.png
'off': /local/floorplan_images/calque_maison_transparent.png
unavailable: /local/floorplan_images/calque_maison_transparent.png
- type: image
entity: light.entree_2
style:
top: 50%
left: 50%
width: 100%
tap_action:
action: toggle
state_image:
'on': /local/floorplan_images/calque_lampe_entree.png
'off': /local/floorplan_images/calque_maison_transparent.png
unavailable: /local/floorplan_images/calque_maison_transparent.png
- type: image
entity: light.0x04cd15fffecc9978
style:
top: 50%
left: 50%
width: 100%
tap_action:
action: toggle
state_image:
'on': /local/floorplan_images/calque_lampadaire_sam.png
'off': /local/floorplan_images/calque_maison_transparent.png
unavailable: /local/floorplan_images/calque_maison_transparent.png
Bonjour, je débute sur Home Assistant. Dans ma curiosité, j’ai commencé à intégrer le plan de ma maison en utilisant le floorplan.
Cependant, j’ai un problème concernant le click sur mes différentes points lumineux. en effet, jai constaté que quand je survole les lumières des différentes pièces de la maison, il m’affiche que celle du WC. Du coup je ne peux pas agir sur l’amploule de la pièce en question pour la permuter.
Je vous joins mon .yaml,`type: picture-elements
image: /local/plan/tout_eteint.png
stype: picture-elements
image: /local/plan/tout_eteint.png
style:
width: 50%
elements:
- type: image
entity: light.lampe_cellier
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-cellier.png
'off': /local/plan/0-cellier.png
- type: image
entity: switch.lumiere_chambre_garcons
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-ch_garcon.png
'off': /local/plan/0-ch_garcon.png
- type: image
entity: switch.lumiere_chambre_nowe
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-ch_nowe.png
'off': /local/plan/0-ch_nowe.png
- type: image
entity: light.lampe_bureau
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-ch_parent.png
'off': /local/plan/0-ch_parent.png
- type: image
entity: switch.lumiere_cuisine
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-cuisine.png
'off': /local/plan/0-cuisine.png
- type: image
entity: light.lampe_ext
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-ext.png
'off': /local/plan/0-ext.png
- type: image
entity: switch.lumiere_garage
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-garage.png
'off': /local/plan/0-garage.png
- type: image
entity: switch.lumiere_salon
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-salon.png
'off': /local/plan/0-salon.png
- type: image
entity: light.lampe_wc
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-wc.png
'off': /local/plan/0-wc.png
- type: icon
icon: mdi:cctv
entity: camera.192_168_1_21
style:
top: 75%
left: 20%
- type: icon
icon: mdi:cctv
entity: camera.192_168_1_20
style:
top: 75%
left: 30%
- type: icon
icon: mdi:cctv
entity: camera.192_168_1_22
style:
top: 5%
left: 72%
- type: state-icon
icon: mdi:security
entity: alarm_control_panel.alarmo
style:
top: 22%
left: 70%
- type: icon
icon: mdi:light-switch
tap_action:
action: toggle
entity: light.lampes
style:
top: 90%
left: 42%
- type: icon
icon: mdi:light-switch
tap_action:
action: toggle
entity: switch.lumieres
style:
top: 90%
left: 50%
- type: icon
icon: mdi:light-switch
tap_action:
action: toggle
entity: switch.chambres_enafnt
style:
top: 90%
left: 57%
- type: icon
icon: mdi:light-switch
tap_action:
action: toggle
entity: switch.chambres_enafnt
style:
top: 90%
left: 64%
- type: icon
icon: mdi:light-switch
tap_action:
action: toggle
entity: switch.lumieres_exterieur
style:
top: 90%
left: 64%
- type: icon
icon: mdi:light-switch
tap_action:
action: toggle
entity: light.lampes_exterieur
style:
top: 90%
left: 71%
- type: icon
icon: mdi:light-switch
tap_action:
action: toggle
entity: switch.lampes_interieur
style:
top: 90%
left: 78%
- type: icon
icon: mdi:light-switch
tap_action:
action: toggle
entity: light.lumieres_interieur
style:
top: 90%
left: 85%
Ai-je loupé quelque chose?
Merci à tous
Hello,
Pour la partie Lampe WC, ajout un hold_action comme je t’ai mis ci-dessous.
J’avais eu le même problème pour mon FloorPlan avec le Roomba
- type: image
entity: light.lampe_wc
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/plan/1-wc.png
'off': /local/plan/0-wc.png
hold_action:
action: none
Salut,
J’ai créé mon floorplan qui fonctionne parfaitement.
Maintnenant j’aimerais integrer le fait que mon couloir soit allumer brightness 255 ou 5 pour afficher une image differente
actuellement:
- type: image
entity: light.0xa4c138fbf5bc6115
tap_action:
action: none
state_image:
'on': /local/floorplan/1600x800/sdb100.png
'off': /local/floorplan/1600x800/trans.png
unavailable: /local/floorplan/1600x800/trans.png
style:
top: 50%
left: 50%
width: 100%
Comment puis je faire pour verifier le brightness de ma lampe?
J’ai essayé avec conditional mais dans ce cas cet affichage de la lampe ne marche plus du tout.
Merci d’avance de votre aide
Hello, j’ai créé un floorplan avec toutes mes lampes de nuit. Mais j’aimerai créer une condition pour afficher un autre plan lorsqu’il fait jour. Est ce possible?
Je pense que tu dois pouvoir le faire avec un type: conditionnal
conditionnal
Faudra te creer un sensor pour savoir si tu es dans la tranche horaire voulue
Je vais essayer. Merci 
Bonjour,
je me lance moi aussi dans le design de ma maison.
Par contre je trouve vos photos très belle et bien définies.
A partir de Sweet Home 3D, combien vous mettez de largeur et hauteur?
Auriez-vous aussi un lexique pour intégrer les différents capteurs ou lumières?
Merci
Tu peux modifer la résolution de l’image quand tu fais « créer une image » dans SH3D
Et pour ajouter les capteurs c’est avec state-badge ou state-icon pour les lumières
Voila mon processus (je me le suis fait dans le cas d’ajout d’equipement) :
ouvrir fichier sh3D
installer une lampe
choisir le point de vue (faut réussir a trouver un point de vue sympa et penser a l’enregistrer)
allumer la nouvelle lumiere à 30%
Creer une photo en 2000x1000
ouvrir eteint.png avec gimp (c’est l’image de fond non eclairé pour moi date du 28/11/2022 à 18h avec un eclairage au dessus qui est plus grand que le plan complet)
ouvrir en tant que calque la nouvelle photo
mode difference
couleur>Couleur vers alpha
Changer le blanc par noir.
Supprimer le calque eteint pour ne garder que le filtre.
Exporter le nouveau filtre
Ouvrir le nouveau filtre dans photofiltre
selectionner la forme de selection puis faites un recadrage (par rapport a la forme ca c’est pour avoir la meme dimension d’image et effacer le sol autour de la maison, je l’ai fait sur toutes mes images)
copier coller l’image pour la mettre dans un calque
supprimer l’image (en gardant le claque)
calque>transformation parametree> image en haut au milieu et hauteur 600
Reste plus qu’a l’implanter dans le floor
mon image finale fait cette taille:
1540x600
Pour l’integration des pieces eclairées, dans picture element:
- type: image
entity: light.lampe_salon_light
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/lampe salon.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
Pour ce qui est de l’integration des capteurs, moi j’ai des icones et j’integre ca comme ca:
lumiere:
- type: image
entity: light.lampe_salon_light
tap_action:
action: toggle
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 4%
left: 45%
width: 2%
La clim (le orange):
- type: image
entity: climate.clim_salon_2
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
content:
type: custom:mushroom-climate-card
entity: climate.clim_salon_2
name: Climatisation salon
layout: horizontal
fill_container: true
hvac_modes: []
show_temperature_control: true
icon_type: entity-picture
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
state_image:
heat_cool: /local/floorplan/icones/clim_auto2.png
fan_only: /local/floorplan/icones/clim_fan2.png
dry: /local/floorplan/icones/clim_dry2.png
cool: /local/floorplan/icones/clim_cool2.png
Inactif: /local/floorplan/icones/clim_off2.png
heat: /local/floorplan/icones/clim_heat2.png
'off': /local/floorplan/icones/clim_off2.png
unavailable: /local/floorplan/icones/clim_off2.png
style:
top: 18%
left: 57%
width: 2%
Capteur de temperature:
- type: state-badge
entity: sensor.thermometre_Enfant2_temperature_2
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
title: Thermomètre Enfant2
content:
type: entities
entities:
- entity: sensor.thermometre_Enfant2_battery_2
- entity: sensor.thermometre_Enfant2_humidity_2
- entity: sensor.thermometre_Enfant2_temperature_2
state_color: true
style:
top: 50%
left: 43%
text-align: center
font-weight: bold
Le code complet de mon floorplan, tu peux t’en inspirer librement:
` title: Floorplan
type: panel
cards:
- type: picture-elements
card_mod:
style:
hui-state-badge-element:
$ ha-state-label-badge:
$ ha-label-badge $: |
.badge-container .title {
display:none;
}
.badge-container .label-badge {
border-width: 0.3em;
}
.badge-container .label-badge .label span {
font-size: 9px;
}
.: |
[title='Thermometre Enfant1 Temperature']{
font-size: 9px;
--label-badge-background-color: {% if states('sensor.thermometre_Enfant1_humidity_2') | int > 62 %} #4a5654 {% elif states('sensor.thermometre_Enfant1_battery_2')|int < 15 %} #4a5654 {% else %} white {% endif %};
--label-badge-text-color: {% if states('sensor.thermometre_Enfant1_humidity_2') | int > 62 %} white {% elif states('sensor.thermometre_Enfant1_battery_2')|int < 15 %} white {% else %} black {% endif %};
--label-badge-red: {% if states('sensor.thermometre_Enfant1_humidity_2') | int > 62 %} blue {% elif states('sensor.thermometre_Enfant1_battery_2')|int < 15 %} red {% else %} green {% endif %};
}
[title='Thermometre Enfant2 Temperature']{
font-size: 9px;
--label-badge-background-color: {% if states('sensor.thermometre_Enfant2_humidity_2') | int > 62 %} #4a5654 {% elif states('sensor.thermometre_Enfant2_battery_2')|int < 15 %} #4a5654 {% else %} white {% endif %};
--label-badge-text-color: {% if states('sensor.thermometre_Enfant2_humidity_2') | int > 62 %} white {% elif states('sensor.thermometre_Enfant2_battery_2')|int < 15 %} white {% else %} black {% endif %};
--label-badge-red: {% if states('sensor.thermometre_Enfant2_humidity_2') | int > 62 %} blue {% elif states('sensor.thermometre_Enfant2_battery_2')|int < 15 %} red {% else %} green {% endif %};
}
[title='Thermometre parent Temperature']{
font-size: 9px;
--label-badge-background-color: {% if states('sensor.thermometre_e_and_o_humidity') | int > 62 %} #4a5654 {% elif states('sensor.thermometre_e_and_o_battery')|int < 15 %} #4a5654 {% else %} white {% endif %};
--label-badge-text-color: {% if states('sensor.thermometre_e_and_o_humidity') | int > 62 %} white {% elif states('sensor.thermometre_e_and_o_battery')|int < 15 %} white {% else %} black {% endif %};
--label-badge-red: {% if states('sensor.thermometre_e_and_o_humidity') | int > 62 %} blue {% elif states('sensor.thermometre_e_and_o_battery')|int < 15 %} red {% else %} green {% endif %};
}
[title='Thermometre SDB Temperature']{
font-size: 9px;
--label-badge-background-color: {% if states('sensor.thermometre_sdb_humidity_3') | int > 62 %} #4a5654 {% elif states('sensor.thermometre_sdb_battery_3')|int < 15 %} #4a5654 {% else %} white {% endif %};
--label-badge-text-color: {% if states('sensor.thermometre_sdb_humidity_3') | int > 62 %} white {% elif states('sensor.thermometre_sdb_battery_3')|int < 15 %} white {% else %} black {% endif %};
--label-badge-red: {% if states('sensor.thermometre_sdb_humidity_3') | int > 62 %} blue {% elif states('sensor.thermometre_sdb_battery_3')|int < 15 %} red {% else %} green {% endif %};
}
[title='Thermometre Salon Temperature']{
font-size: 9px;
--label-badge-background-color: {% if states('sensor.thermometre_salon_humidity') | int > 62 %} #4a5654 {% elif states('sensor.thermometre_salon_battery')|int < 15 %} #4a5654 {% else %} white {% endif %};
--label-badge-text-color: {% if states('sensor.thermometre_salon_humidity') | int > 62 %} white {% elif states('sensor.thermometre_salon_battery')|int < 15 %} white {% else %} black {% endif %};
--label-badge-red: {% if states('sensor.thermometre_salon_humidity') | int > 62 %} blue {% elif states('sensor.thermometre_salon_battery')|int < 15 %} red {% else %} green {% endif %};
}
image: /local/floorplan/images de base/eteint2.png
style:
width: 160px
elements:
- type: image
entity: light.mur_de_meuble
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/mur de meuble.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: light.lampe_salon_light
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/lampe salon.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: light.etagere_salon_light
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/etagere salon.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: light.colr_Enfant1_light
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/couloir Enfant1.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: light.colr_sdb_light_2
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/sdb.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: light.ruban_Enfant2_light
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/bureau Enfant2.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: light.lumiere_Enfant2_light
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/lampe Enfant2.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: switch.multiprise_estelle_switch
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/estelle.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: light.lumiere_barre_de_son
tap_action:
action: none
state_image:
'on': /local/floorplan/images de base/barre de son.png
'off': /local/floorplan/images de base/trans.png
unavailable: /local/floorplan/images de base/trans.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: light.colr_sdb_light_2
tap_action:
action: call-service
confirmation: false
service: switch.toggle
target:
entity_id: switch.nodered_1ab61715d6b72698
hold_action:
action: call-service
confirmation: false
service: button.press
target:
entity_id: button.dodo_ma_puce
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 60%
left: 47%
width: 2%
- type: image
entity: light.colr_Enfant1_light
tap_action:
action: call-service
confirmation: false
service: switch.toggle
target:
entity_id: switch.nodered_1ab61715d6b72698
hold_action:
action: call-service
confirmation: false
service: button.press
target:
entity_id: button.dodo_ma_puce
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 60%
left: 36%
width: 2%
- type: image
entity: light.etagere_salon_light
tap_action:
action: toggle
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 4%
left: 55%
width: 2%
- type: image
entity: light.lampe_salon_light
tap_action:
action: toggle
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 4%
left: 45%
width: 2%
- type: image
entity: light.lumiere_barre_de_son
tap_action:
action: toggle
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 13%
left: 44%
width: 2%
- type: image
entity: binary_sensor.heiman_smokesensor_ef_3_0_iaszone
state_image:
'on': /local/floorplan/icones/detecteur feu pas ok.png
'off': /local/floorplan/icones/detecteur feu ok.png
unavailable: /local/floorplan/icones/detecteur feu out.png
style:
top: 60%
left: 39%
width: 2%
- type: image
entity: switch.multiprise_estelle_switch
tap_action:
action: toggle
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 55%
left: 25%
width: 2%
- type: image
entity: light.mur_de_meuble
tap_action:
action: toggle
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 4%
left: 50%
width: 2%
- type: image
entity: light.colr_Enfant1_light
tap_action:
action: call-service
confirmation: true
service: button.press
target:
entity_id: button.dodo_ma_puce
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 15%
left: 65%
width: 3%
- type: service-button
title: Veilleuse Enfant1
style:
top: 15%
left: 73%
'--primary-color': black
service: button.press
service_data:
entity_id: button.dodo_ma_puce
- type: image
entity: switch.commande_salon
tap_action:
action: toggle
state_image:
'on': /local/floorplan/icones/bulb-on2.png
'off': /local/floorplan/icones/bulb-off2.png
unavailable: /local/floorplan/icones/bulb-out2.png
style:
top: 8%
left: 65%
width: 3%
- type: service-button
title: interrupteur du salon
style:
top: 8%
left: 73%
'--primary-color': black
service: homeassistant.toggle
service_data:
entity_id: switch.commande_salon
- type: state-badge
entity: sensor.thermometre_salon_temperature
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
title: Thermomètre Salon
content:
type: entities
entities:
- entity: sensor.thermometre_salon_battery
- entity: sensor.thermometre_salon_humidity
- entity: sensor.thermometre_salon_temperature
state_color: true
style:
top: 20%
left: 49%
text-align: center
font-weight: bold
- type: state-badge
entity: sensor.thermometre_sdb_temperature_3
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
title: Thermomètre salle de bain
content:
type: entities
entities:
- entity: sensor.thermometre_sdb_battery_3
- entity: sensor.thermometre_sdb_humidity_3
- entity: sensor.thermometre_sdb_temperature_3
state_color: true
style:
top: 60%
left: 52%
text-align: center
font-weight: bold
- type: state-badge
entity: sensor.thermometre_Enfant1_temperature_2
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
title: Thermomètre Enfant1
content:
type: entities
entities:
- entity: sensor.thermometre_Enfant1_battery_2
- entity: sensor.thermometre_Enfant1_humidity_2
- entity: sensor.thermometre_Enfant1_temperature_2
state_color: true
style:
top: 50%
left: 35%
text-align: center
font-weight: bold
- type: state-badge
entity: sensor.thermometre_Enfant2_temperature_2
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
title: Thermomètre Enfant2
content:
type: entities
entities:
- entity: sensor.thermometre_Enfant2_battery_2
- entity: sensor.thermometre_Enfant2_humidity_2
- entity: sensor.thermometre_Enfant2_temperature_2
state_color: true
style:
top: 50%
left: 43%
text-align: center
font-weight: bold
- type: state-badge
entity: sensor.thermometre_e_and_o_temperature
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
title: Thermomètre parent
content:
type: entities
entities:
- entity: sensor.thermometre_e_and_o_battery
- entity: sensor.thermometre_e_and_o_humidity
- entity: sensor.thermometre_e_and_o_temperature
state_color: true
style:
top: 50%
left: 23%
text-align: center
font-weight: bold
- type: image
entity: climate.clim_salon_2
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
content:
type: custom:mushroom-climate-card
entity: climate.clim_salon_2
name: Climatisation salon
layout: horizontal
fill_container: true
hvac_modes: []
show_temperature_control: true
icon_type: entity-picture
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
state_image:
heat_cool: /local/floorplan/icones/clim_auto2.png
fan_only: /local/floorplan/icones/clim_fan2.png
dry: /local/floorplan/icones/clim_dry2.png
cool: /local/floorplan/icones/clim_cool2.png
Inactif: /local/floorplan/icones/clim_off2.png
heat: /local/floorplan/icones/clim_heat2.png
'off': /local/floorplan/icones/clim_off2.png
unavailable: /local/floorplan/icones/clim_off2.png
style:
top: 18%
left: 57%
width: 2%
- type: image
entity: climate.clim_Enfant1
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
content:
type: custom:mushroom-climate-card
entity: climate.clim_Enfant1
name: Climatisation chambre Enfant1
layout: horizontal
fill_container: true
hvac_modes: []
show_temperature_control: true
icon_type: entity-picture
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
state_image:
heat_cool: /local/floorplan/icones/clim_auto2.png
fan_only: /local/floorplan/icones/clim_fan2.png
dry: /local/floorplan/icones/clim_dry2.png
cool: /local/floorplan/icones/clim_cool2.png
Inactif: /local/floorplan/icones/clim_off2.png
heat: /local/floorplan/icones/clim_heat2.png
'off': /local/floorplan/icones/clim_off2.png
unavailable: /local/floorplan/icones/clim_off2.png
style:
top: 39%
left: 29%
width: 2%
- type: image
entity: climate.clim_parent
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
content:
type: custom:mushroom-climate-card
entity: climate.clim_parent
name: Climatisation chambre parents
layout: horizontal
fill_container: true
hvac_modes: []
show_temperature_control: true
icon_type: entity-picture
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
state_image:
heat_cool: /local/floorplan/icones/clim_auto2.png
fan_only: /local/floorplan/icones/clim_fan2.png
dry: /local/floorplan/icones/clim_dry2.png
cool: /local/floorplan/icones/clim_cool2.png
Inactif: /local/floorplan/icones/clim_off2.png
heat: /local/floorplan/icones/clim_heat2.png
'off': /local/floorplan/icones/clim_off2.png
unavailable: /local/floorplan/icones/clim_off2.png
style:
top: 39%
left: 26%
width: 2%
- type: image
entity: climate.clim_Enfant2_2
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
deviceID:
- this
content:
type: custom:mushroom-climate-card
entity: climate.clim_Enfant2_2
name: Climatisation chambre Enfant2
layout: horizontal
fill_container: true
hvac_modes: []
show_temperature_control: true
icon_type: entity-picture
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
state_image:
heat_cool: /local/floorplan/icones/clim_auto2.png
fan_only: /local/floorplan/icones/clim_fan2.png
dry: /local/floorplan/icones/clim_dry2.png
cool: /local/floorplan/icones/clim_cool2.png
Inactif: /local/floorplan/icones/clim_off2.png
heat: /local/floorplan/icones/clim_heat2.png
'off': /local/floorplan/icones/clim_off2.png
unavailable: /local/floorplan/icones/clim_off2.png
style:
top: 39%
left: 43%
width: 2%`