Resources lovelace dans ui-lovelace.yaml

J’ai trouvé ça :

Je viens donc de mettre :+1: sur :

Pas tout compris avec :uk: mais je t’ai suivi sur le :+1:.
En espérant que l’évolution soit rapidement implémentée…

En gros, le fait de se déconnecter vide complètement les paramètres de compte…

L’utilisateur demande le fait de pouvoir stocker l’information de réglage de compte de façon permanente…

Pourquoi, c’est coder comme ça ? c’est carrément étrange !!

Oui, c’est ce qui est dit dans le premier lien…

Du coup, en attendant une correction je ferais comme ceci :

animate

Le tableau de bord default contient uniquement une vue (donc pas d’icône affiche dans la barre de navigation du tableau de bord) en mode panneau (afin que la carte occupe toute la largeur) qui affiche une carte picture-elements.

Code de la carte :
type: picture-elements
elements:
  - type: icon
    icon: 'mdi:account-details'
    title: Naviguer vers la page Profil
    tap_action:
      action: navigate
      navigation_path: /profile
    style:
      color: var(--primary-color)
      top: 88%
      left: 47%
      border: 1px solid var(--primary-color)
      border-radius: 9px
      padding: 2px 10px
      transform: scale(1.8)
image: /local/lovelace/redirect/404.png?v=0.0.4

image :

1 « J'aime »

J’essaie d’intégrer cette carte mais

  • soit, je n’ai pas le même chemin que toi pour l’image 404 (je suis sous Docker superviser et pas sous Hassos, ça pourrait expliquer)
  • soit, c’est une image custom et j’en aurai besoin s’il te plait. :pleading_face:, j’avais pas pensé à la récupérer dans le post :grin:

Du coup,

La configuration de la page default
views:
  - visible:
      - user: xxxxxx
      ...
    badges: []
    cards:
      - elements:
          - type: icon
            icon: 'mdi:account-details'
            title: Naviguer vers la page Profil
            tap_action:
              action: navigate
              navigation_path: /profile
            style:
              color: var(--primary-color)
              top: 88%
              left: 47%
              border: 1px solid var(--primary-color)
              border-radius: 9px
              padding: 2px 10px
              transform: scale(1.8)
        image: /local/lovelace/redirect/404.png?v=0.0.4
        type: picture-elements

Comme je suis en mode yaml, j’ai mis ce code dans le fichier ui-lovelace.yaml situé à la racine de mon répertoire config.
Ça fait rustine mais au moins ça marche nickel, merci @Clemalex

@Clemalex, est-ce que tu aurais installé HTTP dans ta configuration HA par hasard ?
Le chemin /local/... ressemble à l’explication Hosting files :thinking:
C’est bon, en installant http dans configuration.yaml et en ajoutant le fichier 404.png dans le répertoire config/www/lovelace/redirect/

:+1:

N’oublies pas de mettre un :heart: sur le post si tu l’utilise ou le trouve utile :wink:

Bonjour,

J’essaye de comprendre les différents mode (storage/yaml) de lovelace. En faite j’ai fait un Dashboard (Mushroom) en mode graphique mais j’ai des button-card-template que j’ai dû intégrer dans le mode graphique en passant par l’éditeur de configuration

Exemple :

button_card_templates:
  button_picture:
    size: 100%
    show_state: false
    show_label: false
    show_name: true
    show_entity_picture: true
    color_type: card
    aspect_ratio: 1/1
    tap_action:
      action: toggle
      haptic: light
    hold_action:
      action: more-info
      haptic: success
    styles:
      card:
        - background-color: |
            [[background-color]]        
        - border-radius: 20px
      name:
        - color: var(--primary-color)
    state:
      - value: armed
        color: '#F0C209'
        icon:
          - color: lime
        id: on-picture
      - value: disarmed
        color: '#555B65'
        id: off-picture
        icon:
          - color: red

J’aurais voulu passer par un fichier yaml reprenant mais template et que l’interface graphique puisse aller les rechercher mais quand je fait un !include button-card-template.yaml ça ne fonctionne pas.

Aurais-tu une idée à me donner ?

Merci

Malheureusement c’est impossible de faire des !include avec le mode graphique.

ok merci d’avoir pris le temps de me répondre

1 « J'aime »

Bonjour je n’est pas le fichier .storage est ce que c’est normal ?

Ce n’est pas un fichier mais un répertoire caché où il ne faut pas intervenir manuellement car c’est HA qui gère ce dossier (d’où le masquage).

Comment je peux voir si je suis en storage ?

C’est le mode par défaut

Bonjour à tous …

J’ai suivi et tenté de comprendre où ajouter ces fameuses ressources… en vain …

Comme de nombreux débutants sous haos , c’est un enfer de vouloir faire un dashbord avec des dépôts que l’on ne trouve pas ou qui ne fonctionnent pas…du moins en mode "graphique "


Pourquoi je ne trouve rien quand je suis sur ma vue principale lorsque je souhaite ajouter une vue ?

Merci à vous pour vos explications et votre aide …

je ne pense pas qu’il y ait une carte en direct tu dois passer par manuel

- type: "custom:pie-chart-card"
  title: "Exemple Pie Chart"
  entities:
    - entity: sensor.1
      name: Slice 1
    - entity: sensor.2
      name: Slice 4
    - entity: sensor.3
      name: Slice 3

Bonsoir,
Je déterre un peu ce sujet, plutôt que d’en créer un nouveau.

Je galérais bien pour créer un dashboard YAML tout en conservant ceux fait via la WebUI, donc le mode storage…
Entre une erreur de underscore _ pour laquelle j’ai mis 30 minutes à comprendre qu’il fallait un tiret - à la place…
J’ai buté sur le non-chargement de mon dashboard YAML… à cause d’un truc tout con… la duplication insidieuse du titre du dashboard !

Mes fichiers de configuration

  • Fichier configuration.yaml (extrait)
    # Loads default set of integrations. Do not remove.
    default_config:
    
    # Load frontend themes from the themes folder
    frontend:
      themes: !include_dir_merge_named themes
      extra_module_url:
        - /local/community/lovelace-card-mod/card-mod.js
    
    lovelace: !include /config/separate_yaml/lovelace_main.yaml
    
    automation: !include /config/separate_yaml/automations.yaml
    automation UI: !include /config/automations.yaml
    script: !include /config/separate_yaml/scripts.yaml
    scene: !include /config/separate_yaml/scenes.yaml
    input_number: !include /config/separate_yaml/input_numbers.yaml
    # template: !include /config/templates.yaml
    template: !include_dir_merge_list /config/separate_yaml/templates
    sensor: !include /config/separate_yaml/sensors.yaml
    switch: !include /config/separate_yaml/switch.yaml
    utility_meter: !include /config/separate_yaml/utility_meters.yaml
    
  • Fichier /config/separate_yaml/lovelace_main.yaml :
    mode: storage
    # Add yaml dashboards
    dashboards:
      dashboard-test:
        mode: yaml
        title: YAML
        icon: mdi:script
        show_in_sidebar: true
        filename: /config/separate_yaml/dashboards/dashboard_test.yaml
    

J’ai cherché en vain à modifier le chemin d’accès du filename, pensant que c’était ça qui faisait que le dashboard_test.yaml n’était pas chargé… J’avais des tonnes de cartes qui ne correspondaient pas du tout à ce que j’avais mis…

Tout simplement par ce que dans le code suivant, j’avais en deuxième ligne ceci :

title: Maison

Et rien que ça faisait tout bugger !

  • Fichier /config/separate_yaml/dashboards/dashboard_test.yaml :
    # dashboard_test.yaml
    
    views:
      - path: default_view
        title: Home
        icon: mdi:home
        type: custom:masonry-layout
        layout:
          width: 300
          max_cols: 2
        background:
          image: /local/_wallpapers/homekit-bg-blue-red.jpg
        cards:
          - type: vertical-stack
            cards:
              - states:
                  - arm_home
                  - arm_away
                type: alarm-panel
                entity: alarm_control_panel.alarme_maison
              - type: custom:mushroom-alarm-control-panel-card
                entity: alarm_control_panel.alarme_maison
                icon: mdi:shield-home-outline
                icon_type: icon
                states:
                  - armed_home
                  - armed_away
                fill_container: false
                secondary_info: last-changed
                primary_info: state
                show_keypad: false
                layout: horizontal
          - type: horizontal-stack
            cards:
              - type: tile
                icon: mdi:calendar
                show_entity_picture: false
                vertical: false
                entity: sensor.date
                hide_state: false
                color: yellow
              - type: tile
                entity: sensor.time
                vertical: false
                show_entity_picture: false
                icon: mdi:clock-time-eight-outline
                name: Heure
                hide_state: false
                color: yellow
    

Voilà, donc sait-on jamais que quelqu’un fasse la même bourde que moi…
Ne pas mettre un autre titre XD

Aller, maintenant que j’ai préparé le terrain pour la config YAML, va me falloir regarder les bubble card :smiley:

PS : faut que je mette en pratique les inclusions de cartes ^^ comme suggéré ici : Resources lovelace dans ui-lovelace.yaml - #4 par Clemalex