Formation PUB420 : Système domotique DIY, 2020 Home Assistant

6.31 Créer un tableau de bord personnalisé


Par défaut, dans Home Assistant, un tableau de bord est disponible dans le menu Aperçu et il contient absolument tout ce qui est ajouté à Home Assistant.

Ceci mène souvent à un tableau de bord plutôt encombré.

Il est possible de modifier le tableau de bord original ou encore de créer des tableaux de bord supplémentaires.

Les informations sur un tableau de bord sont stockées dans un fichier dont le nom est au format /mnt/data/supervisor/homeassistant/.storage/lovelace.nom_du_tableau.

Le nom de ce fichier vient du fait qu'auparavant, l'outil d'édition des tableaux de bord de Home Assistant s'appelait Lovelace.

Attention : il est préférable de ne pas modifier le tableau de bord original (celui nommé Aperçu).

En effet, si vous le modifiez ou si vous y ajoutez d'autres onglets, Home Assistant n'y ajoutera plus automatiquement les entités créées par après.

Prenez note que les fonctionnalités du tableau de bord ont beacoup évolué depuis quelques années. Soyez prudents lorsque vous recherchez des informations sur le Web ou à l'aide d'un outil d'intelligence artificielle. Les informations trouvées pourraient ne plus être exactes.

Pour créer un nouveau tableau de bord :

  • Cliquez sur le menu Paramètres / Tableaux de bord.
  • Cliquez sur le bouton Ajouter un tableau de bord dans le coin inférieur droit.
  • Sélectionnez le type de tableau de bord. Je vais ici faire la démonstration avec un nouveau tableau de bord vide.

    Nouveau tableau de bord

  • Remplissez les informations demandées.

    Nouveau tableau de bord

  • Le tableau de bord apparaît désormais dans la liste des tableaux de bord. Cliquez sur Ouvrir à droite de la ligne de votre nouveau tableau de bord.

    Liste des tableaux de bord

  • Cliquez sur le crayon dans le coin supérieur droit. La barre supérieure de l'écran est maintenant grise pour indiquer que le tableau de bord est en édition.

    Édition

  • Pour ajouter des cartes au tableau de bord, vous devez d'abord ajouter une section. Cliquez dans la grande zone pointillée au centre de l'écran.

    Nouvelle section

  • Renommez la section. Si vous n'avez pas d'inspiration, un nom générique tel que Mes cartes fera l'affaire.
  • Ajoutez maintenant une carte en cliquant sur le + dans la zone pointillée.
  • L'écran vous présente une série de cartes parmi lesquelles vous devez choisir.

    Cartes

  • Voici quelques combinaisons intéressantes :
    • La carte Entité permet d'afficher la valeur d'une entité réelle ou virtuelle. Si l'entité le permet, un clic sur la carte permettra de modifier la valeur de l'entité.

      Carte entité

    • La carte Bouton associée à une prise intelligente (ou autre récepteur) : vous pourrez changer l'état du récepteur en cliquant dessus.

      Bouton pour prise intelligente

      La carte Bouton permet également d'effecteur d'autres opérations, par exemple appeler un service ou encore lancer une automatisation.

    • La carte Capteur associée à un capteur

      Sensor

    • La carte Jauge associée à un capteur

      Jauge

    • La carte Prévision météo associée à l'outil Météo installé par défaut dans Home Assistant

      Météo

    • La carte Carte associée à tous les téléphones cellulaires que vous suivez

      Carte

    • Les cartes Markdown permettent d'inscrire un texte et de le formater à l'aide de la syntaxe Markdown ou encore d'utiliser des modèles.

      Pour plus d'information sur ce type de carte, consultez la fiche « Utiliser un modèle dans une carte du tableau de bord ».

      Markdown

    • Les cartes Conditionnelle et Filtre d'entité pourront afficher des informations conditionnellement à certains états.
    • Les cartes Pile horizontale, Pile verticale et Grille servent à gérer la mise en forme du tableau de bord.
    • etc.

Dans l'écran avec la barre supérieure grise, vous pouvez cliquer sur les trois points verticaux et choisir Éditeur de configuration afin de voir le code YAML associé à l'ensemble de vos tableaux de bord.

Fichier /mnt/data/supervisor/homeassistant/.storage/lovelace (YAML)

views:
  - title: Home
    sections:
    - type: grid
      cards:
      - type: heading
        heading_style: title
        heading: Mes cartes
      - type: entity
        entity: input_number.temperature_virtuelle
      - show_name: true
        show_icon: true
        type: button
        entity: light.plug_in_dimmer
      - type: sensor
        entity: sensor.capteur_5_en_1_air_temperature
        graph: line
      - type: gauge
        entity: sensor.capteur_5_en_1_illuminance
      - show_current: true
        show_forecast: true
        type: weather-forecast
        entity: weather.forecast_maison
        forecast_type: daily
      - type: map
        entities:
           - entity: person.christiane
           - entity: device_tracker.justin
           - entity: zone.home
           - entity: zone.cegep
           - entity: person.yves
        theme_mode: auto
      - type: markdown
        content: |-
           {% if is_state('input_boolean.porte_virtuelle', 'on') %}
           Porte virtuelle ouverte
           {% else %}
           Porte virtuelle fermée
           {% endif %}

Réinitialiser le tableau de bord Aperçu

Si vous avez par erreur modifié le tableau de bord nommé Aperçu, il est possible de le réinitialiser.

  • Rendez-vous dans le menu Aperçu.
  • Cliquez sur le crayon.
  • Si la barre supérieur de l'écran ne devient pas immédiatement grise, c'est que vous n'avez jamais modifié ce tableau de bord. Vous n'avez rien d'autre à faire.
  • Si la barre supérieure de l'écran devient grise, vous devez effectuer la réinitialisation. Cliquez sur les trois points verticaux et choisissez Éditeur de configuration.
  • Copiez tout le code YAML dans un fichier texte et enregistrez-le à l'endroit de votre choix. Ceci vous aidera à tout remettre en place au besoin.
  • Supprimez tout le code YAML puis enregistrez.
  • Le tableau de bord Aperçu est de nouveau géré par Home Assistant et il vous présente les informations sur toutes vos entités.

▼Publicité

Veuillez noter que le contenu de cette fiche vous est partagé à titre gracieux, au meilleur de mes connaissances et sans aucune garantie.
Merci de partager !
Soumettre