Dashboards Lovelace¶

Configuration des tableaux de bord Home Assistant.

Tableaux de bord disponibles¶

Dashboard	Usage	Accès
Accueil	Vue principale	Default
Énergie	Solaire, batterie, consommation	Sidebar
Piscine	Monitoring et contrôle	Sidebar
Sécurité	Caméras, alertes	Sidebar
Admin	Système, logs	Sidebar

Dashboard Accueil¶

Structure¶

┌─────────────────────────────────────────────┐
│  Météo actuelle  │  Énergie temps réel     │
├──────────────────┼──────────────────────────┤
│  Éclairage       │  Climat                  │
│  - Salon         │  - Température int       │
│  - Chambre       │  - Température ext       │
│  - Terrasse      │  - Piscine               │
├──────────────────┴──────────────────────────┤
│  Alertes actives                            │
└─────────────────────────────────────────────┘

Cards utilisées¶

Card	Usage
Weather Forecast	Météo
Energy Distribution	Flux énergie
Mushroom Light	Contrôle éclairage
Gauge	Températures
Markdown	Alertes

Dashboard Énergie¶

Sections¶

Production solaire
Graphique temps réel
Total journalier
Prévisions
Batterie Zendure
SoC actuel
Flux entrée/sortie
Historique
Consommation
Par circuit
Total maison
Coût estimé
Véhicule électrique
État charge
SoC batterie
Prochaine session

Configuration Energy¶

# Configuration panel énergie natif
energy:
  - solar:
      - sensor.evcc_pv_power
  - battery:
      - sensor.zendure_soc
  - grid:
      - sensor.em340_power

Dashboard Piscine¶

Sections¶

État actuel
Température eau
pH
Chlore (ORP)
Équipements
Pompe filtration
Électrolyseur
Régulateur pH
Éclairage
Projecteur Seamaid
Modes couleur
Historique
Graphiques 7 jours
Alertes récentes

Dashboard Sécurité¶

Sections¶

Caméras en direct
Grid 3x3
Clic pour fullscreen
Détections récentes
Timeline Frigate
Snapshots
Zones
État portes/fenêtres
Capteurs mouvement
Contrôles
Mode alarme
Sirène

Configuration caméras¶

type: picture-glance
camera_image: camera.frigate_entree
camera_view: live
entities:
  - binary_sensor.frigate_entree_person

Thèmes¶

Configuration thème¶

# themes.yaml
dark_mode:
  primary-color: "#5294E2"
  accent-color: "#E95420"

light_mode:
  primary-color: "#03A9F4"
  accent-color: "#FF5722"

Sélection automatique¶

automation:
  - alias: "Thème automatique"
    trigger:
      - platform: sun
        event: sunset
    action:
      - service: frontend.set_theme
        data:
          name: dark_mode

Cards personnalisées (HACS)¶

Card	Usage
Mushroom	Cards modernes
Auto Entities	Listes dynamiques
Apexcharts	Graphiques avancés
Mini Graph	Sparklines
Button Card	Boutons personnalisés
Stack In Card	Groupement

Installation HACS¶

HACS → Frontend
Rechercher la card
Installer
Ajouter ressource si demandé

Bonnes pratiques¶

Organisation¶

Un dashboard par usage
Sections logiques
Cards cohérentes en taille

Performance¶

Limiter les entités par vue
Utiliser auto-entities pour listes dynamiques
Éviter trop de graphiques temps réel

Mobile¶

Utiliser le mode responsive
Créer une vue mobile dédiée si nécessaire
Mushroom cards optimisées mobile

Édition¶

Via interface¶

Clic sur les 3 points → Éditer
Ajouter/modifier cards
Réorganiser par drag & drop

Via YAML¶

# ui-lovelace.yaml
title: Ma Maison
views:
  - title: Accueil
    path: home
    cards:
      - type: weather-forecast
        entity: weather.home

Sauvegarde¶

Les dashboards sont sauvegardés dans : - .storage/lovelace (mode stockage) - ui-lovelace.yaml (mode YAML)

Inclus dans les snapshots Home Assistant.