Mise en page custom grid-layout : Aide

Mon problème

Bonjour j’essaie de me servir de la fonctionnalité custom grid layout pour mettre en forme mon dahsboard

J’ai introduit ce code dans la config de ma page de dahsboard :

type: custom:grid-layout
layout_type: grid
layout: null
grid-template-columns: 300px 180px 180px 180px 180px 180px
grid-template-rows: auto
grid-template-areas: |
  "sidebar0  .   .   .   .   . "
  "sidebar1  room1   room2   room3   room4   room5 "
  "sidebar2  room6   room7   room8   room9   room10 "
  "sidebar3  room11  room12  room13  room14  room15 "
  "sidebar4  room16  room17  room18  room19  room20 "
  "sidebar5  room21  room22  room23  room24     . "

et j’utilise dans les card ceci

 cards:
      - type: custom:mushroom-chips-card
        view_layout: null
        grid-area: sidebar1
        alignment: center
        chips:
          - type: weather
            entity: weather.forecast_maison
            show_temperature: true
            show_conditions: true
          - type: template
            icon: mdi:lightbulb-group
            icon_color: amber
            content: >-
              {% set entities =
              [states['light.lumiere_buanderie'],states['light.lumiere_bureau'],states['light.lumiere_cellier'],states['light.lumiere_chambre_anaelle'],states['light.lumiere_chambre_louane'],states['light.dressing'],states['light.lumiere_parents'],states['light.lumiere_couloir'],states['light.lumiere_cour'],states['light.entree_exterieur'],states['light.cuisine'],states['light.bar'],states['light.evier'],states['light.lumiere_wc_bas'],states['light.lumiere_entree'],states['light.lumiere_escalier'],states['light.lumiere_garage'],states['light.lumiere_salle_a_manger'],states['light.lumiere_salle_de_bain'],states['light.applique'],states['light.salon_centre'],states['light.lumiere_meuble_sdb'],states['light.salle_de_bain_parents'],states['light.local_piscine'],states['light.massif'],states['light.lumiere_terrasse'],states['light.lumiere_cote_terrasse'],states['light.lumiere_sous_escalier'],states['light.lumiere_wc_haut']]
              %} {{ entities | selectattr('state','eq','on') | list | count }}
            tap_action:
              action: call-service
              service: ''
              target: {}
            hold_action:
              action: navigate
              navigation_path: lights
          - type: template
            icon: mdi:window-shutter
            icon_color: cyan
            content: >-
              {% set entities =
              [states['cover.volet_bureau'],states['cover.volet_anaelle_est'],states['cover.volet_anaelle_sud'],states['cover.volet_louane_sud'],states['cover.volet_louane_ouest'],states['cover.volet_parents'],states['cover.volet_cuisine'],states['cover.volet_roulant'],states['cover.volet_sam'],states['cover.volet_salle_de_bain'],states['cover.volet_salon'],states['cover.volet_salon_chemin']
              ] %} {{ entities | selectattr('state','eq','open') | list | count
              }}
            tap_action:
              action: navigate
              navigation_path: covers
          - type: template
            icon: mdi:garage
            icon_color: blue
            content: >-
              {% set entities =
              [states['binary_sensor.etat_portail'],states['binary_sensor.etat_porte_garage_droite'],states['binary_sensor.smart_implant_cabanon_intrusion']]
              %} {{ entities | selectattr('state','eq','on') | list | count }}
            tap_action:
              action: call-service
              service: ''
              target: {}
            hold_action:
              action: navigate
              navigation_path: switches
      - type: horizontal-stack
        view_layout:
          grid-area: sidebar2

Ici un exemple pour deux carte que je veux en position room 1 et room 2

- type: custom:vertical-stack-in-card
        view_layout: null
        grid-area: room1
        cards:
          - type: custom:mushroom-template-card
            entity: light.all_light_cuisine
            icon: mdi:fridge
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Cuisine
            secondary: '{{ states(''sensor.sensor_cuisine_air_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/cuisine
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/cuisine
            hold_action:
              action: toggle
            badge_icon: >
              {% if is_state('binary_sensor.sensor_cuisine_motion_detection',
              'on') %}
                mdi:motion-sensor
              {% else %}  
                mdi:motion-sensor-off
              {% endif %}
            badge_color: >
              {% if is_state('binary_sensor.sensor_cuisine_motion_detection',
              'on') %}
                orange
              {% else %}  
                grey
              {% endif %}
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.all_light_cuisine
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Cuisine
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.cuisine
                            name: Centre Cuisine
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            entity: light.evier
                            name: Evier
                            use_light_color: false
                            show_brightness_control: false
                            show_color_temp_control: false
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            name: Bar
                            entity: light.bar
                            use_light_color: false
                            show_brightness_control: false
                            show_color_temp_control: false
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.volet_cuisine
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volets Cuisine
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_cuisine
                            name: Volet Cuisine
                            show_position_control: false
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
              - type: template
                entity: media_player.nest_cuisine
                icon: mdi:play-pause
                icon_color: |-
                  {% if is_state(entity, 'playing') %} 
                    #03A9F4
                  {% else %}
                   grey
                  {% endif %}
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Google Nest Cuisine
                      content:
                        type: custom:stack-in-card
                        cards:
                          - type: media-control
                            entity: media_player.nest_cuisine
                            source: full
                            volume_stateless: false
                            group: true
                            artwork: full-cover
                            tts:
                              platform: alexa
                              entity_id: media_player.nest_cuisine
                              type: announce
                            shortcuts:
                              hide_when_off: true
                              columns: 3
                              buttons:
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: Playlist Jeanne
                                - name: RTL2
                                  type: custom
                                  id: joue la station RTL deux
                                - name: Pop- Rock
                                  type: custom
                                  id: joue du pop rock
                                - name: Rock
                                  type: custom
                                  id: joue du rock
                                - name: Musique douce
                                  type: custom
                                  id: joue de la musique douce
                                - name: Piano
                                  type: custom
                                  id: joue de la musique au piano
                                - name: Queen
                                  type: custom
                                  id: joue du Queen
                                - name: Vianney
                                  type: custom
                                  id: joue du Vianney
                                - name: Louane
                                  type: custom
                                  id: joue du Louane
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: >-
                                    Playlist Jeanne sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: RTL2
                                  type: custom
                                  id: >-
                                    joue la station RTL deux sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Pop- Rock
                                  type: custom
                                  id: >-
                                    joue du pop rock sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Rock
                                  type: custom
                                  id: joue du rock sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Musique douce
                                  type: custom
                                  id: >-
                                    joue de la musique douce sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Piano
                                  type: custom
                                  id: >-
                                    joue de la musique au piano sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Queen
                                  type: custom
                                  id: joue du Queen sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Vianney
                                  type: custom
                                  id: >-
                                    joue du Vianney sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Louane
                                  type: custom
                                  id: joue du Louane sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: auto;
              margin-right: auto;
            }
      - type: custom:vertical-stack-in-card
        view_layout: null
        grid-area: room2
        cards:
          - type: custom:mushroom-template-card
            entity: light.lumiere_salle_a_manger
            icon: mdi:sofa
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Salle Manger
            secondary: '{{ states(''sensor.sensor_salle_a_manger_air_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/salle_a_manger
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/salle_a_manger
            hold_action:
              action: toggle
            badge_icon: >
              {% if
              is_state('binary_sensor.sensor_salle_a_manger_sensor_state_any',
              'on') %}
                mdi:motion-sensor
              {% else %}  
                mdi:motion-sensor-off
              {% endif %}
            badge_color: >
              {% if
              is_state('binary_sensor.sensor_salle_a_manger_sensor_state_any',
              'on') %}
                orange
              {% else %}  
                grey
              {% endif %}
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_salle_a_manger
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Salle à Manger
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_salle_a_manger
                            name: Centre Salle à manger
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.all_volet_sam
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volets du salon
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_roulant
                            name: Volet Roulant
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_sam
                            name: Volet SAM
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
              - type: template
                entity: media_player.google_home
                icon: mdi:play-pause
                icon_color: |-
                  {% if is_state(entity, 'playing') %} 
                    #03A9F4
                  {% else %}
                   grey
                  {% endif %}
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Google
                      content:
                        type: custom:stack-in-card
                        cards:
                          - type: media-control
                            entity: media_player.google_home
                            source: full
                            volume_stateless: false
                            group: true
                            artwork: full-cover
                            tts:
                              platform: alexa
                              entity_id: media_player.google_home
                              type: announce
                            shortcuts:
                              hide_when_off: true
                              columns: 3
                              buttons:
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: Playlist Jeanne
                                - name: RTL2
                                  type: custom
                                  id: joue la station RTL deux
                                - name: Pop- Rock
                                  type: custom
                                  id: joue du pop rock
                                - name: Rock
                                  type: custom
                                  id: joue du rock
                                - name: Musique douce
                                  type: custom
                                  id: joue de la musique douce
                                - name: Piano
                                  type: custom
                                  id: joue de la musique au piano
                                - name: Queen
                                  type: custom
                                  id: joue du Queen
                                - name: Vianney
                                  type: custom
                                  id: joue du Vianney
                                - name: Louane
                                  type: custom
                                  id: joue du Louane
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: >-
                                    Playlist Jeanne sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: RTL2
                                  type: custom
                                  id: >-
                                    joue la station RTL deux sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Pop- Rock
                                  type: custom
                                  id: >-
                                    joue du pop rock sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Rock
                                  type: custom
                                  id: joue du rock sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Musique douce
                                  type: custom
                                  id: >-
                                    joue de la musique douce sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Piano
                                  type: custom
                                  id: >-
                                    joue de la musique au piano sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Queen
                                  type: custom
                                  id: joue du Queen sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Vianney
                                  type: custom
                                  id: >-
                                    joue du Vianney sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Louane
                                  type: custom
                                  id: joue du Louane sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: auto;
              margin-right: auto;
            }

Dans les fait on voit que les cartes ne tiennent pas compte de la position indiquée , par exemple cuisine devrait etre en room1 et salle à manger en room2.
J’ai également un problème lié a l’emplacement pris par les cartes « pièces » bien plus large que ce que je souhaiterais.

Ma configuration


System Information

version core-2024.1.4
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.11.6
os_name Linux
os_version 6.1.71-haos
arch aarch64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
GitHub API Calls Remaining 4994
Installed Version 1.33.0
Stage running
Available Repositories 1386
Downloaded Repositories 26
HACS Data ok
Home Assistant Cloud
logged_in false
can_reach_cert_server ok
can_reach_cloud_auth ok
can_reach_cloud ok
Home Assistant Supervisor
host_os Home Assistant OS 11.4
update_channel stable
supervisor_version supervisor-2023.12.1
agent_version 1.6.0
docker_version 24.0.7
disk_total 27.9 GB
disk_used 6.0 GB
healthy true
supported true
board odroid-n2
supervisor_api ok
version_api ok
installed_addons Terminal & SSH (9.8.1), File editor (5.7.0), Samba Backup (5.2.0), Mosquitto broker (6.4.0), Zigbee2MQTT (1.35.1-1), Z-Wave JS UI (3.2.1), Cloudflared (5.0.2)
Dashboards
dashboards 4
resources 20
views 48
mode storage
Recorder
oldest_recorder_run 10 janvier 2024 à 20:08
current_recorder_run 20 janvier 2024 à 08:18
estimated_db_size 118.12 MiB
database_engine sqlite
database_version 3.41.2
___

Salut,

J’ai du mal à comprendre ton code : pas de custom:grid-layout dans ton dernier exemple. Pour moi c’est pas complet.
Par ailleurs j’ai un doute sur le nommage des zone « . » je ne suis pas sur que ce soit valable

Pour moi mais je me trompes peut être ( je suis repartie d’exemple glané sur le net).
Tu utilises le custom: grid-layout sur le début du code du dashboard pour définir les zones.
Ensuite sur chaque card c’est le

view_layout: null
        grid-area: room1

Ou room1 est une des zones définie.
Quoiqu’il en soit je m’y prend mal car je n’arrive pas à définir la position de mes card.

Non.
tu fais une carte custom: grid-layout qui contient le layout ET les elements à placer… C’est pas 2 cartes séparées

Par ailleurs, attention, les espaces vont pas de 2

- type: custom:vertical-stack-in-card
        view_layout: null

s’ecrit proprement

- type: custom:vertical-stack-in-card
  view_layout: null

Ok. Je regarde à nouveau ca ce soir.

Bon définitivement, il faut faire attention à la syntaxe yaml… Elle est complètement fausse à cause des indentations :wink:

Voilà une base de départ

type: custom:layout-card
layout_type: grid
layout:
  grid-template-columns: 300px 180px 180px 180px 180px 180px
  grid-template-rows: auto
  grid-template-areas: |
    "sidebar0  .   .   .   .   . "
    "sidebar1  room1   room2   room3   room4   room5 "
    "sidebar2  room6   room7   room8   room9   room10 "
    "sidebar3  room11  room12  room13  room14  room15 "
    "sidebar4  room16  room17  room18  room19  room20 "
    "sidebar5  room21  room22  room23  room24     . "
cards:
  - type: entity
    entity: sensor.carbon_dioxide
    view_layout:
      grid-area: sidebar0
  - type: entity
    entity: sensor.carbon_monoxide
    view_layout:
      grid-area: sidebar1
  - type: entity
    entity: sensor.chauffe_eau
    view_layout:
      grid-area: room1
  - type: entity
    entity: sensor.myport_141_mareedujour
    view_layout:
      grid-area: room24

Merci je viens de voir ton post,mais entre temps j’y suis enfin arrivé.
Ce n’est pas encore parfait mais ca va dans le bon sens.
Et on peut bien appliqué le code directement sur le yaml du dahsboard complet comme ceci :

views:
  - title: Home
    path: home
    subview: false
    order: 1
    hidden: false
    type: custom:grid-layout
    layout:
      grid-template-columns: 380px 180px 180px 180px 180px 180px
      grid-template-rows: auto
      grid-template-areas: |
        "sidebar0  .  .  .  .  . "
        "sidebar1  room1  room2  room3  room4  room5 "
        "sidebar2  room6  room7  room8  room9  room10  "
        "sidebar3  room11  room12  room13  room14  room15  "
        "sidebar4  room16  room17  room18  room19  room20  "
        "sidebar5  room21  room22  room23  room24  .   "
    badges: []
    cards:
      - type: custom:mushroom-chips-card
        view_layout:
          grid-area: sidebar0
        alignment: center
        chips:
          - type: weather
            entity: weather.forecast_maison
            show_temperature: true
            show_conditions: true
          - type: template
            icon: mdi:lightbulb-group
            icon_color: amber
            content: >-
              {% set entities =
              [states['light.lumiere_buanderie'],states['light.lumiere_bureau'],states['light.lumiere_cellier'],states['light.lumiere_chambre_anaelle'],states['light.lumiere_chambre_louane'],states['light.dressing'],states['light.lumiere_parents'],states['light.lumiere_couloir'],states['light.lumiere_cour'],states['light.entree_exterieur'],states['light.cuisine'],states['light.bar'],states['light.evier'],states['light.lumiere_wc_bas'],states['light.lumiere_entree'],states['light.lumiere_escalier'],states['light.lumiere_garage'],states['light.lumiere_salle_a_manger'],states['light.lumiere_salle_de_bain'],states['light.applique'],states['light.salon_centre'],states['light.lumiere_meuble_sdb'],states['light.salle_de_bain_parents'],states['light.local_piscine'],states['light.massif'],states['light.lumiere_terrasse'],states['light.lumiere_cote_terrasse'],states['light.lumiere_sous_escalier'],states['light.lumiere_wc_haut']]
              %} {{ entities | selectattr('state','eq','on') | list | count }}
            tap_action:
              action: call-service
              service: ''
              target: {}
            hold_action:
              action: navigate
              navigation_path: lights
          - type: template
            icon: mdi:window-shutter
            icon_color: cyan
            content: >-
              {% set entities =
              [states['cover.volet_bureau'],states['cover.volet_anaelle_est'],states['cover.volet_anaelle_sud'],states['cover.volet_louane_sud'],states['cover.volet_louane_ouest'],states['cover.volet_parents'],states['cover.volet_cuisine'],states['cover.volet_roulant'],states['cover.volet_sam'],states['cover.volet_salle_de_bain'],states['cover.volet_salon'],states['cover.volet_salon_chemin']
              ] %} {{ entities | selectattr('state','eq','open') | list | count
              }}
            tap_action:
              action: navigate
              navigation_path: covers
          - type: template
            icon: mdi:garage
            icon_color: blue
            content: >-
              {% set entities =
              [states['binary_sensor.etat_portail'],states['binary_sensor.etat_porte_garage_droite'],states['binary_sensor.smart_implant_cabanon_intrusion']]
              %} {{ entities | selectattr('state','eq','on') | list | count }}
            tap_action:
              action: call-service
              service: ''
              target: {}
            hold_action:
              action: navigate
              navigation_path: switches
      - type: horizontal-stack
        cards:
          - entity: person.romain
            type: custom:mushroom-person-card
            icon: mdi:help-circle
            double_tap_action:
              action: null
            layout: vertical
            primary_info: none
            secondary_info: none
            icon_type: entity-picture
          - entity: person.celine
            type: custom:mushroom-person-card
            icon: mdi:help-circle
            double_tap_action:
              action: null
            layout: vertical
            primary_info: none
            secondary_info: none
            icon_type: entity-picture
          - entity: person.anaelle
            type: custom:mushroom-person-card
            icon: mdi:help-circle
            double_tap_action:
              action: null
            layout: vertical
            primary_info: none
            secondary_info: none
            icon_type: entity-picture
        view_layout:
          grid-area: sidebar1
      - view_layout:
          grid-area: sidebar2
        show_current: true
        show_forecast: true
        type: weather-forecast
        entity: weather.forecast_maison
        forecast_type: daily
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room3
        cards:
          - type: custom:mushroom-template-card
            entity: light.all_ligth_salon
            icon: mdi:sofa
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Salon
            secondary: '{{ states(''sensor.sensor_salle_a_manger_air_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/salon
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/salon
            hold_action:
              action: toggle
            badge_icon: >
              {% if
              is_state('binary_sensor.sensor_salle_a_manger_sensor_state_any',
              'on') %}
                mdi:motion-sensor
              {% else %}  
                mdi:motion-sensor-off
              {% endif %}
            badge_color: >
              {% if
              is_state('binary_sensor.sensor_salle_a_manger_sensor_state_any',
              'on') %}
                orange
              {% else %}  
                grey
              {% endif %}
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.all_ligth_salon
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières salon
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.salon_applique
                            name: Centre Salon
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            entity: light.salon_applique_2
                            use_light_color: false
                            show_brightness_control: false
                            show_color_temp_control: false
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.all_volet_salon
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volets du salon
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_salon
                            name: Volet Salon Canapé
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_salon_chemin
                            name: Volet Salon Chemin
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
              - type: template
                entity: media_player.echo_jeanne
                icon: mdi:play-pause
                icon_color: |-
                  {% if is_state(entity, 'playing') %} 
                    #03A9F4
                  {% else %}
                   grey
                  {% endif %}
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Echo salon
                      content:
                        type: custom:stack-in-card
                        cards:
                          - type: custom:mini-media-player
                            entity: media_player.sony_kd_65xe9005
                            source: full
                            volume_stateless: false
                            group: true
                            artwork: full-cover
                            tts:
                              platform: Google home
                              entity_id: media_player.
                              type: announce
                            shortcuts:
                              hide_when_off: true
                              columns: 3
                              buttons:
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: Playlist Jeanne
                                - name: RTL2
                                  type: custom
                                  id: joue la station RTL deux
                                - name: Pop- Rock
                                  type: custom
                                  id: joue du pop rock
                                - name: Rock
                                  type: custom
                                  id: joue du rock
                                - name: Musique douce
                                  type: custom
                                  id: joue de la musique douce
                                - name: Piano
                                  type: custom
                                  id: joue de la musique au piano
                                - name: Queen
                                  type: custom
                                  id: joue du Queen
                                - name: Vianney
                                  type: custom
                                  id: joue du Vianney
                                - name: Louane
                                  type: custom
                                  id: joue du Louane
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: >-
                                    Playlist Jeanne sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: RTL2
                                  type: custom
                                  id: >-
                                    joue la station RTL deux sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Pop- Rock
                                  type: custom
                                  id: >-
                                    joue du pop rock sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Rock
                                  type: custom
                                  id: joue du rock sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Musique douce
                                  type: custom
                                  id: >-
                                    joue de la musique douce sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Piano
                                  type: custom
                                  id: >-
                                    joue de la musique au piano sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Queen
                                  type: custom
                                  id: joue du Queen sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Vianney
                                  type: custom
                                  id: >-
                                    joue du Vianney sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Louane
                                  type: custom
                                  id: joue du Louane sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room1
        cards:
          - type: custom:mushroom-template-card
            entity: light.all_light_cuisine
            icon: mdi:fridge
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Cuisine
            secondary: '{{ states(''sensor.sensor_cuisine_air_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/cuisine
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/cuisine
            hold_action:
              action: toggle
            badge_icon: >
              {% if is_state('binary_sensor.sensor_cuisine_motion_detection',
              'on') %}
                mdi:motion-sensor
              {% else %}  
                mdi:motion-sensor-off
              {% endif %}
            badge_color: >
              {% if is_state('binary_sensor.sensor_cuisine_motion_detection',
              'on') %}
                orange
              {% else %}  
                grey
              {% endif %}
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.all_light_cuisine
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Cuisine
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.cuisine
                            name: Centre Cuisine
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            entity: light.evier
                            name: Evier
                            use_light_color: false
                            show_brightness_control: false
                            show_color_temp_control: false
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            name: Bar
                            entity: light.bar
                            use_light_color: false
                            show_brightness_control: false
                            show_color_temp_control: false
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.volet_cuisine
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volets Cuisine
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_cuisine
                            name: Volet Cuisine
                            show_position_control: false
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
              - type: template
                entity: media_player.nest_cuisine
                icon: mdi:play-pause
                icon_color: |-
                  {% if is_state(entity, 'playing') %} 
                    #03A9F4
                  {% else %}
                   grey
                  {% endif %}
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Google Nest Cuisine
                      content:
                        type: custom:stack-in-card
                        cards:
                          - type: media-control
                            entity: media_player.nest_cuisine
                            source: full
                            volume_stateless: false
                            group: true
                            artwork: full-cover
                            tts:
                              platform: alexa
                              entity_id: media_player.nest_cuisine
                              type: announce
                            shortcuts:
                              hide_when_off: true
                              columns: 3
                              buttons:
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: Playlist Jeanne
                                - name: RTL2
                                  type: custom
                                  id: joue la station RTL deux
                                - name: Pop- Rock
                                  type: custom
                                  id: joue du pop rock
                                - name: Rock
                                  type: custom
                                  id: joue du rock
                                - name: Musique douce
                                  type: custom
                                  id: joue de la musique douce
                                - name: Piano
                                  type: custom
                                  id: joue de la musique au piano
                                - name: Queen
                                  type: custom
                                  id: joue du Queen
                                - name: Vianney
                                  type: custom
                                  id: joue du Vianney
                                - name: Louane
                                  type: custom
                                  id: joue du Louane
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: >-
                                    Playlist Jeanne sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: RTL2
                                  type: custom
                                  id: >-
                                    joue la station RTL deux sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Pop- Rock
                                  type: custom
                                  id: >-
                                    joue du pop rock sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Rock
                                  type: custom
                                  id: joue du rock sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Musique douce
                                  type: custom
                                  id: >-
                                    joue de la musique douce sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Piano
                                  type: custom
                                  id: >-
                                    joue de la musique au piano sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Queen
                                  type: custom
                                  id: joue du Queen sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Vianney
                                  type: custom
                                  id: >-
                                    joue du Vianney sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Louane
                                  type: custom
                                  id: joue du Louane sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room2
        cards:
          - type: custom:mushroom-template-card
            entity: light.lumiere_salle_a_manger
            icon: mdi:sofa
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Salle Manger
            secondary: '{{ states(''sensor.sensor_salle_a_manger_air_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/salle_a_manger
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/salle_a_manger
            hold_action:
              action: toggle
            badge_icon: >
              {% if
              is_state('binary_sensor.sensor_salle_a_manger_sensor_state_any',
              'on') %}
                mdi:motion-sensor
              {% else %}  
                mdi:motion-sensor-off
              {% endif %}
            badge_color: >
              {% if
              is_state('binary_sensor.sensor_salle_a_manger_sensor_state_any',
              'on') %}
                orange
              {% else %}  
                grey
              {% endif %}
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_salle_a_manger
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Salle à Manger
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_salle_a_manger
                            name: Centre Salle à manger
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.all_volet_sam
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volets du salon
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_roulant
                            name: Volet Roulant
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_sam
                            name: Volet SAM
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
              - type: template
                entity: media_player.google_home
                icon: mdi:play-pause
                icon_color: |-
                  {% if is_state(entity, 'playing') %} 
                    #03A9F4
                  {% else %}
                   grey
                  {% endif %}
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Google
                      content:
                        type: custom:stack-in-card
                        cards:
                          - type: media-control
                            entity: media_player.google_home
                            source: full
                            volume_stateless: false
                            group: true
                            artwork: full-cover
                            tts:
                              platform: alexa
                              entity_id: media_player.google_home
                              type: announce
                            shortcuts:
                              hide_when_off: true
                              columns: 3
                              buttons:
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: Playlist Jeanne
                                - name: RTL2
                                  type: custom
                                  id: joue la station RTL deux
                                - name: Pop- Rock
                                  type: custom
                                  id: joue du pop rock
                                - name: Rock
                                  type: custom
                                  id: joue du rock
                                - name: Musique douce
                                  type: custom
                                  id: joue de la musique douce
                                - name: Piano
                                  type: custom
                                  id: joue de la musique au piano
                                - name: Queen
                                  type: custom
                                  id: joue du Queen
                                - name: Vianney
                                  type: custom
                                  id: joue du Vianney
                                - name: Louane
                                  type: custom
                                  id: joue du Louane
                                - name: Playlist Jeanne
                                  type: AMAZON_MUSIC
                                  id: >-
                                    Playlist Jeanne sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: RTL2
                                  type: custom
                                  id: >-
                                    joue la station RTL deux sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Pop- Rock
                                  type: custom
                                  id: >-
                                    joue du pop rock sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Rock
                                  type: custom
                                  id: joue du rock sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Musique douce
                                  type: custom
                                  id: >-
                                    joue de la musique douce sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Piano
                                  type: custom
                                  id: >-
                                    joue de la musique au piano sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Queen
                                  type: custom
                                  id: joue du Queen sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Vianney
                                  type: custom
                                  id: >-
                                    joue du Vianney sur le groupe
                                    rez_de_chaussee
                                  icon: mdi:multicast
                                - name: Louane
                                  type: custom
                                  id: joue du Louane sur le groupe rez_de_chaussee
                                  icon: mdi:multicast
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room8
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:washing-machine
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Buanderie
            secondary: '{{ states(''sensor.sensor_buanderie_air_temperature'') }}°C'
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/buanderie
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/buanderie
            hold_action:
              action: toggle
            badge_icon: >
              {% if is_state('binary_sensor.sensor_buanderie_sensor_state_any',
              'on') %}
                mdi:motion-sensor
              {% else %}  
                mdi:motion-sensor-off
              {% endif %}
            badge_color: >
              {% if is_state('binary_sensor.sensor_buanderie_sensor_state_any',
              'on') %}
                orange
              {% else %}  
                grey
              {% endif %}
            entity: light.lumiere_buanderie
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_buanderie
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Buanderie
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_buanderie
                            name: Buanderie
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room6
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:desk
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Bureau
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/bureau
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/bureau
            hold_action:
              action: toggle
            entity: light.lumiere_bureau
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_bureau
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Bureau
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_bureau
                            name: Bureau
                            use_light_color: true
                            show_brightness_control: false
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.volet_bureau
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volet Bureau
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_bureau
                            name: Volet Bureau
                            show_position_control: false
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room7
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:toilet
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: WC Bas
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/wc_bas
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/wc_bas
            hold_action:
              action: toggle
            entity: light.lumiere_wc_bas
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_wc_bas
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: WC Bas
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_wc_bas
                            name: WC Bas
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room4
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:door
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Entrée
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/entree
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/entree
            hold_action:
              action: toggle
            entity: light.all_light_entree
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.all_light_entree
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: WC Bas
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_sous_escalier
                            name: Lumière Sous Escalier
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_entree
                            name: Lumière Entrée
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room14
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:toilet
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: WC Haut
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/wc_bas
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/wc_bas
            hold_action:
              action: toggle
            entity: light.lumiere_wc_haut
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_wc_haut
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: WC Haut
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_wc_haut
                            name: WC Haut
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room5
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:stairs
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Escalier
            secondary: '{{ states(''sensor.sensor_escalier_air_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/escalier
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/escalier
            hold_action:
              action: toggle
            badge_icon: >
              {% if is_state('binary_sensor.sensor_escalier_sensor_state_any',
              'on') %}
                mdi:motion-sensor
              {% else %}  
                mdi:motion-sensor-off
              {% endif %}
            badge_color: >
              {% if is_state('binary_sensor.sensor_escalier_sensor_state_any',
              'on') %}
                orange
              {% else %}  
                grey
              {% endif %}
            entity: light.lumiere_escalier
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_escalier
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Escalier
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_escalier
                            name: Escalier
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room15
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:shower
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Salle de Bain
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/salle_de_bain
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/salle_de_bain
            hold_action:
              action: toggle
            entity: light.lumiere_salle_de_bain
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_salle_de_bain
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Bureau
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_salle_de_bain
                            name: Salle de Bain
                            use_light_color: true
                            show_brightness_control: false
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.volet_salle_de_bain
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volet Salle de Bain
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_salle_de_bain
                            name: Volet Salle de Bain
                            show_position_control: false
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:scheduler-card
        view_layout:
          grid-area: sidebar4
        include:
          - vacuum
        exclude: []
      - type: entities
        view_layout:
          grid-area: sidebar3
        entities:
          - entity: alarm_control_panel.51000_38300_zone_1_alarm
          - entity: button.alarme_armement
          - entity: button.alarme_nightmode
          - entity: button.alarme_desarmement
        title: Alarme Ajax
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room10
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:car
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Garage
            secondary: '{{ states(''sensor.sensor_garage_air_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/garage
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/garage
            hold_action:
              action: toggle
            badge_icon: >
              {% if is_state('binary_sensor.sensor_garage_sensor_state_any',
              'on') %}
                mdi:motion-sensor
              {% else %}  
                mdi:motion-sensor-off
              {% endif %}
            badge_color: >
              {% if is_state('binary_sensor.sensor_garage_sensor_state_any',
              'on') %}
                orange
              {% else %}  
                grey
              {% endif %}
            entity: light.lumiere_garage
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_garage
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Garage
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_garage
                            name: Garage
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room9
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:food-outline
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Cellier
            secondary: '{{ states(''sensor.sensor_cellier_air_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/cellier
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/cellier
            hold_action:
              action: toggle
            badge_icon: >
              {% if is_state('binary_sensor.sensor_cellier_motion_detection',
              'on') %}
                mdi:motion-sensor
              {% else %}  
                mdi:motion-sensor-off
              {% endif %}
            badge_color: >
              {% if is_state('binary_sensor.sensor_cellier_motion_detection',
              'on') %}
                orange
              {% else %}  
                grey
              {% endif %}
            entity: light.lumiere_cellier
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_cellier
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Cellier
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_cellier
                            name: Cellier
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room20
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:car-2-plus
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Cabanon
            secondary: '{{ states(''sensor.smart_implant_cabanon_air_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/cabanon
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/cabanon
            hold_action:
              action: navigate
              navigation_path: ''
            badge_icon: |+

            badge_color: |+

            entity: binary_sensor.smart_implant_cabanon_intrusion
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: binary_sensor.smart_implant_cabanon_intrusion
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Cabananon
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: binary_sensor.smart_implant_cabanon_intrusion
                            name: Etat Porte Cabanon
                          - type: custom:mushroom-cover-card
                            entity: switch.smart_implant_cabanon
                            name: Action Porte Cabanon
                icon: |-
                  {% if is_state(entity, 'on') %} 
                   mdi:garage-open
                  {% elif is_state(entity, 'off') %} 
                   mdi:garage
                  {% else %}
                   mdi:garage-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   grey
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room21
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:pool
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Local Technique
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/local_technique
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/local_technique
            hold_action:
              action: toggle
            entity: light.local_piscine
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.local_piscine
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Local Technique
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.local_piscine
                            name: Local Technique
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room22
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:cog-outline
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Monitoring
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/monitoring
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/monitoring
            hold_action:
              action: toggle
            entity: light.all_light_house
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips: []
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room18
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:flower
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Terrain
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/terrain
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/terrain
            hold_action:
              action: toggle
            entity: light.massif
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.massif
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Terrain
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.massif
                            name: Massif Piscine
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room17
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:parking
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Cour
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/cour
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/cour
            hold_action:
              action: toggle
            entity: light.lumiere_cour
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.local_piscine_massif_2
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Cour
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_cour
                            name: Cour
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            entity: light.entree_exterieur
                            name: Entrée Extérieur
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room16
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:home-floor-1
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Couloir
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/couloir_chambre
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/couloir_chambre
            hold_action:
              action: toggle
            entity: light.lumiere_couloir
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_couloir
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Couloir
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_couloir
                            name: Couloir
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room12
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:bed-outline
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Chambre Anaëlle
            secondary: '{{ states(''sensor.anaelle_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/chambre_anaelle
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/chambre_anaelle
            hold_action:
              action: navigate
              navigation_path: ''
            badge_icon: |+

            badge_color: |+

            entity: light.lumiere_chambre_anaelle
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_chambre_anaelle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Chambre Anaëlle
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_chambre_anaelle
                            name: Lumière Chambre Anaëlle
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.all_volet_anaelle
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volets Chambre Anaëlle
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_anaelle_est
                            name: Volet Est
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_anaelle_sud
                            name: Volet Sud
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room19
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:grill
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Terrasse
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/terrasse
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/terrasse
            hold_action:
              action: toggle
            entity: light.lumiere_terrasse
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.local_piscine_massif_2
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Terrasse
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_terrasse
                            name: Terrasse
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_cote_terrasse
                            name: Coté Terrasse
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room13
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:bed-outline
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Chambre Louane
            secondary: '{{ states(''sensor.louane_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/chambre_louane
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/chambre_louane
            hold_action:
              action: navigate
              navigation_path: ''
            badge_icon: |+

            badge_color: |+

            entity: light.lumiere_chambre_louane
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.lumiere_chambre_louane
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Chambre Louane
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_chambre_louane
                            name: Lumière Chambre Anaëlle
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.all_volet_louane
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volets Chambre Louane
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_louane_sud
                            name: Volet Sud
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_louane_ouest
                            name: Volet Ouest
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
      - type: custom:vertical-stack-in-card
        view_layout:
          grid-area: room11
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:bed
            icon_color: |
              {% if is_state(entity, 'on') %}
                #03A9F4
              {% else %}  
                grey
              {% endif %}
            primary: Chambre Parents
            secondary: '{{ states(''sensor.parents_temperature'') }}°C'
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-home/chambre_parents
            double_tap_action:
              action: navigate
              navigation_path: /dashboard-home/chambre_parents
            hold_action:
              action: toggle
            badge_icon: |+

            badge_color: |+

            entity: light.all_light_chambre_parents
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -155px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -155px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 55px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 60px;
                    top: 25px;
                  }
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: light.all_light_chambre_parents
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Lumières Chambre Parents
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-light-card
                            entity: light.chambre_parentss
                            name: Centre Chambre Parents
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            entity: light.dressing
                            name: Dressing
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            entity: light.salle_de_bain_parents
                            name: Salle de Bain parents
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                          - type: custom:mushroom-light-card
                            entity: light.lumiere_meuble_sdb
                            name: Meuble Salle de bain Parents
                            use_light_color: true
                            show_brightness_control: true
                            show_color_temp_control: true
                            show_color_control: false
                            collapsible_controls: true
                icon: mdi:lightbulb
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state(entity, 'on') %} 
                   orange
                  {% elif is_state(entity, 'off') %} 
                   grey
                  {% else %}
                   grey
                  {% endif %}
              - type: template
                entity: cover.volet_parents
                hold_action:
                  action: toggle
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    service: browser_mod.popup
                    data:
                      title: Volets Chambre parents
                      content:
                        type: vertical-stack
                        cards:
                          - type: custom:mushroom-cover-card
                            entity: cover.volet_parents
                            name: Volet Parents
                            show_position_control: true
                            show_tilt_position_control: false
                            show_buttons_control: true
                icon: |-
                  {% if is_state(entity, 'open') %} 
                   mdi:window-shutter-open
                  {% elif is_state(entity, 'closed') %} 
                   mdi:window-shutter
                  {% else %}
                   mdi:window-shutter-alert
                  {% endif %}
                icon_color: |-
                  {% if is_state(entity, 'open') %} 
                   grey
                  {% elif is_state(entity, 'closed') %} 
                   grey
                  {% else %}
                   orange
                  {% endif %}
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 66px;
                    margin-left: 80%;
                    top: -170px;
                    background: none;
                    --chip-border-width: 0;
                  }
        card_mod:
          style: |
            ha-card {
              height: 178px ;
              width : 178px ;
              margin-left: 0;
              margin-right: 0;
            }
  - title: Lights
    path: lights
    icon: mdi:lightbulb-group
    subview: false
    titleCard:
      iconOn: mdi:lightbulb
      iconOff: mdi:lightbulb-off
      onService: light.turn_on
      offService: light.turn_off
    order: 2
    hidden: false
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - entity: light.lumiere_buanderie
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_buanderie
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: false
            show_color_control: true
            use_light_color: true
            secondary_info: none
      - type: vertical-stack
        cards:
          - entity: light.lumiere_bureau
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_bureau
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: false
            show_color_control: true
            use_light_color: true
            primary_info: name
            secondary_info: none
      - type: vertical-stack
        cards:
          - entity: light.lumiere_cellier
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_cellier
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - entity: light.lumiere_chambre_anaelle
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_chambre_anaelle
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: false
            show_color_control: true
            use_light_color: true
            secondary_info: none
      - type: vertical-stack
        cards:
          - entity: light.lumiere_chambre_louane
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_chambre_louane
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: false
            show_color_control: true
            use_light_color: true
            secondary_info: none
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Chambre Parents
          - entity: light.lumiere_parents
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_parents
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
          - type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.dressing_parents_2
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
            entity: light.dressing
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Couloir Chambre
          - entity: light.lumiere_couloir
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_couloir
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Cour
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb-off
                    layout: vertical
                    icon_color: red
                    tap_action:
                      action: call-service
                      service: light.turn_off
                      target:
                        area_id:
                          - cour
                      data: {}
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb
                    layout: vertical
                    icon_color: amber
                    tap_action:
                      action: call-service
                      service: light.turn_on
                      target:
                        area_id:
                          - cour
                      data: {}
          - entity: light.entree_exterieur
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.entree_exterieur
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
          - entity: light.lumiere_cour
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_cour
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Cuisine
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb-off
                    layout: vertical
                    icon_color: red
                    tap_action:
                      action: call-service
                      service: light.turn_off
                      target:
                        area_id:
                          - cuisine
                      data: {}
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb
                    layout: vertical
                    icon_color: amber
                    tap_action:
                      action: call-service
                      service: light.turn_on
                      target:
                        area_id:
                          - cuisine
                      data: {}
          - entity: light.evier
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.evier_bar
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
          - entity: light.bar
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.evier_bar_2
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
          - entity: light.cuisine
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.cuisine
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Entrée
          - entity: light.lumiere_sous_escalier
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_wc_bas
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: false
            show_color_control: true
            use_light_color: true
          - entity: light.lumiere_entree
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_entree
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - entity: light.lumiere_escalier
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_escalier
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: false
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Garage
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb-off
                    layout: vertical
                    icon_color: red
                    tap_action:
                      action: call-service
                      service: light.turn_off
                      target:
                        area_id:
                          - garage
                      data: {}
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb
                    layout: vertical
                    icon_color: amber
                    tap_action:
                      action: call-service
                      service: light.turn_on
                      target:
                        area_id:
                          - garage
                      data: {}
          - entity: light.lumiere_garage
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_garage
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - entity: light.lumiere_salle_a_manger
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_salle_a_manger
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: false
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - entity: light.lumiere_salle_de_bain
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_salle_de_bain
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Salon
          - entity: light.salon_centre
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.salon_applique
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
          - entity: light.applique
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.salon_applique_2
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Sdb Parents
          - entity: light.lumiere_meuble_sdb
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_meuble_sdb
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
          - entity: light.salle_de_bain_parents
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.salle_de_bain_parents
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Terrain
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb-off
                    layout: vertical
                    icon_color: red
                    tap_action:
                      action: call-service
                      service: light.turn_off
                      target:
                        area_id:
                          - terrain
                      data: {}
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb
                    layout: vertical
                    icon_color: amber
                    tap_action:
                      action: call-service
                      service: light.turn_on
                      target:
                        area_id:
                          - terrain
                      data: {}
          - entity: light.local_piscine
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.local_piscine_massif
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
          - entity: light.massif
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.local_piscine_massif_2
              action: call-service
              service: light.turn_on
              data:
                rgb_color:
                  - 255
                  - 255
                  - 255
            show_brightness_control: true
            show_color_control: true
            use_light_color: true
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-title-card
                title: Terrasse
              - type: horizontal-stack
                cards:
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb-off
                    layout: vertical
                    icon_color: red
                    tap_action:
                      action: call-service
                      service: light.turn_off
                      target:
                        area_id:
                          - terrasse
                      data: {}
                  - type: custom:mushroom-template-card
                    icon: mdi:lightbulb
                    layout: vertical
                    icon_color: amber
                    tap_action:
                      action: call-service
                      service: light.turn_on
                      target:
                        area_id:
                          - terrasse
                      data: {}
          - entity: light.lumiere_cote_terrasse
            type: custom:mushroom-light-card
            double_tap_action:
              target:
                entity_id: light.lumiere_cote_terrasse
              action: call-service
        

ca se traduit par cela :


Ca n’est pas parfait mais ca se rapproche de l’objectif!

edit : j’ai tronquer le code sinon ca en rentrait pas

Sur le dashboard, tu n’a pas l’éditeur visuel :wink:
Donc il faut connaître le yaml sur le bout des doigts

1 « J'aime »

En tt cas merci pour tes réponses, ca me permet d’avancer dans le bon sens :slight_smile:

1 « J'aime »