Dashboard - 🌻 Minimalist

stridel · Février 8, 2022, 8:56

Bonjour,
Je entrain de me faire mon dashboard avec ce theme, et j’ai un petit soucis avec les « chips ».
Je veux m’en servir comme une « notification » sur le haut de ma page principale, et qu’elles apparaissent donc que sous certaines conditions. Cela fonctionne, mais je comprend pas pourquoi j’ai un vide comme ca entre les 2.

- type: horizontal-stack
        cards:
          - type: custom:button-card
            template: edge

          - type: conditional
            conditions:
              - entity: sensor.alerte_loo
                state: "Loo"
            card:
              type: 'custom:button-card'
              template: chip_icon_state
              variables:
                ulm_chip_icon_state_icon: '🐶'
                ulm_chip_icon_state_entity: sensor.alerte_loo
        
          - type: conditional
            conditions:
              - entity: sensor.icon_poubs
                state: "Sortir les poubelles"
            card:
              type: 'custom:button-card'
              template: chip_icon_state
              variables:
                ulm_chip_icon_state_icon: '🗑️'
                ulm_chip_icon_state_entity: sensor.icon_poubs

          - type: conditional
            conditions:
              - entity: sensor.icon_poubs
                state: "Sortir le tri"
            card:
              type: 'custom:button-card'
              template: chip_icon_state
              variables:
                ulm_chip_icon_state_icon: '♻️'
                ulm_chip_icon_state_entity: sensor.icon_poubs
    
          - type: conditional
            conditions:
              - entity: sensor.icon_poubs
                state: "Sortir le verre"
            card:
              type: 'custom:button-card'
              template: chip_icon_state
              variables:
                ulm_chip_icon_state_icon: '🫙'
                ulm_chip_icon_state_entity: sensor.icon_poubs

          - type: conditional
            conditions:
              - entity: automation.absent
                state: "on"
            card:
              type: 'custom:button-card'
              template: chip_icon_state
              variables:
                ulm_chip_icon_state_icon: '🏖️'
                ulm_chip_icon_state_entity: sensor.mode_absence
              tap_action:
                action: navigate
                navigation_path: secu

Merci.

samg23 · Février 8, 2022, 5:52

Salut, personnellement je n’utiliserai pas de carte conditional mais directement les templates de button-card.

Avec la propriété extra_styles comme ceci :

- type: 'custom:button-card'
  template: chip_icon_state
  variables:
    ulm_chip_icon_state_icon: '🐶'
    ulm_chip_icon_state_entity: sensor.alerte_loo
  extra_styles: >
    [[[
      if (states['sensor.alerte_loo'].state != "Loo"){
        return `
          :host{
            display: none !important;
          }
        `;
      }
    ]]]

A la place de :

- type: conditional
  conditions:
    - entity: sensor.alerte_loo
    - state: "Loo"
  card:
    type: 'custom:button-card'
    template: chip_icon_state
    variables:
      ulm_chip_icon_state_icon: '🐶'
      ulm_chip_icon_state_entity: sensor.alerte_loo

stridel · Février 8, 2022, 6:35

Ok super je testerais ça merci.

taschio · Février 8, 2022, 8:50

Je découvre minimalist et c’est top

Par contre je n’arrive pas avec front-end.set_home a basculer en mode dark ou light a croire qu’il ne prend en charge la partie mode pourtant on peut bien choisir dans son profil sombre ou claire.

Je précise que bien entendu je suis en backend selected

J ai fais différents test, je bascule bien sur le thème minimalist-desktop mais il garde la dernière Selection faite (claire ou sombre)

Galadan · Février 11, 2022, 12:47

Hello,

Petite question,
J’essaye de split mes views mais je n’y arrive pas…
J’ai mis cela dans mon fichier ui-lovelace:

button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"

title: "GalaHome"
theme: "minimalist-mobile"
background: "var(--background-image)"
views: !include_dir_list "views/"

Et les differents .yaml ce trouve ici:

Une idée ce que j’ai raté?
Merci

Galadan · Février 13, 2022, 5:44

Autre chose, c’est ou que l’on réduit la card « scène » dans le code?
https://ui-lovelace-minimalist.github.io/UI/usage/custom_cards/custom_card_scenes/
Je n’utilise que deux emplacements, je voulais donc adapter mais…
Merci

Hankey71 · Février 14, 2022, 2:21

Il faut peut-être essayer avec :

theme: "minimalist-desktop"

De mon côté cela fonctionne. Dans le dossier « views » il faut ensuite créer tes pages.
Exemple avec une page « lumiere.yaml » qui contient :

  - title: "Lumières"
    path: 0
    cards:
      - type: "custom:button-card"
        template:
          - card_light_slider_color
        entity: light.salon

Par contre, est-ce que quelqu’un sait comment donner un ordre aux pages ?
Je souhaite que la page « lumiere.yaml » arrive en deuxième et elle est actuellement en troisième position.

Galadan · Février 14, 2022, 2:31

Hello,
Je viens de trouver et également pour mettre dans l’ordre que tu veux:

---
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
views:
  - !include "../../ui_lovelace_minimalist/dashboard/views/01-home.yaml"
  - !include "../../ui_lovelace_minimalist/dashboard/views/02-pool.yaml"
  - !include "../../ui_lovelace_minimalist/dashboard/views/03-temperature.yaml"
  - !include "../../ui_lovelace_minimalist/dashboard/views/04-shutter.yaml"
  - !include "../../ui_lovelace_minimalist/dashboard/views/05-power_outlet.yaml"
  - !include "../../ui_lovelace_minimalist/dashboard/views/06-consumption.yaml"
  - !include "../../ui_lovelace_minimalist/dashboard/views/07-location.yaml"
  - !include "../../ui_lovelace_minimalist/dashboard/views/08-settings.yaml"
  - !include "../../ui_lovelace_minimalist/dashboard/views/09-security.yaml"

Hankey71 · Février 14, 2022, 4:40

Cela fait plusieurs jours que je suis sur le thème minimalist et pour l’instant j’utilise les templates qui sont déjà dans le thème (j’ai fait mes lumières, sondes température et batteries)
Je m’attaque maintenant à la partie robot aspirateur !
Je souhaiterai récupérer la carte réalisée par @Clemalex ici : https://forum.hacf.fr/t/dashboard-minimalist/5507/111?u=hankey71
Par contre, je n’arrive toujours pas à comprendre où il faut laisser le code de template !!
J’ai créé un fichier ici :

/config/custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/custom_cards/vacuum/vacuum.yaml

Et j’ai copié le code dedans, mais cela ne fonctionne pas.
Il faudra également que je regarde les script pour faire fonctionner correctement les boutons (mais ça je pense pouvoir me débrouiller).
Est-ce que quelqu’un pourrait m’aider sur ce point ?
Merci !

stridel · Février 14, 2022, 5:26

Salut,
Normalement dans ton dossier ‹ ‹ config › › tu dois avoir le dossier ‹ ‹ minimalist-templates › › avec tous les templates du thème dedans. Rajoutes les tiens dans ce dossier.

Hankey71 · Février 14, 2022, 5:54

Merci pour la réponse @stridel mais je n’ai pas de dossier « minimalist-templates ».
J’ai installé le thème minimalist par HACS, je ne sais pas si cela change quelque chose…

Je viens de voir cette page : Configuration - UI Lovelace Minimalist
Si je comprends bien, pour créer des custom-cards il faut les ajouter ici :

/config/ui_lovelace_minimalist/custom_cards/

Est-ce que je dois mettre mon fichier template également ici ? Est-ce que je dois le laisser dans un dossier (exemple ici : /vacuum/vacuum.yaml) ? Ou alors mettre tous les templates dans un seul et même fichier .yaml (exemple template.yaml) ?
Est-ce qu’il faut préciser l’endroit où se trouve mon template dans mon ui-lovelace.yaml ?
Je suis un peu perdu…
Merci !

Hankey71 · Février 14, 2022, 6:14

Je suis allé voir le forum community.home-assistant.io et j’ai trouvé cette réponse :
🌻 Lovelace UI • Minimalist - #17 by tben - Share your Projects! - Home Assistant Community

Je ne comprends toujours pas comment introduire le code du template…
Dans mon fichier /config/ui_lovelace_minimalist/dashboard/ui-lovelace.yaml j’ai :

button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"

Si je supprime cette ligne pour ajouter cela :

button_card_templates:
  vacuum:
    variables:
      entity: vacuum.default
      name: Default name

(etc…)
Cela ne fonctionne pas… Bizarre…

Clemalex · Février 14, 2022, 6:54

J’essaierai de passer ce week-end pour te répondre

Je n’utilise pas minimalist depuis qu’il a ete complément refait, je regarderais

Galadan · Février 15, 2022, 8:37

Hello,

Il faut que créer un fichier au nom de ton template ici:

/config/custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/card_templates/

exemple pour moi avec l’ajout de la card scène:

et tu colle le code:

Normalement c’est tout bon

Hankey71 · Février 15, 2022, 11:10

Merci pour la réponse @Galadan !
Mais il y a eu une mise à jour du thème minimalist hier via HACS ! Et je viens de voir que la carte de @Clemalex a été rajoutée directement dans les fichiers !
Par contre, je vais surement me servir de ton aide d’ici quelques jours avec une autre carte…

Galadan · Février 15, 2022, 11:56

J’ai dit une connerie en plus, dans ce dossier la il faut pas faire de modifications, sinon ça sera écrasé lors de la maj via HACS …

pascal_ha · Février 15, 2022, 7:21

Bonsoir clemalex

Avec le nouveau thèmes UI-minimalist, faut il enlever l’ancienne version ?

Merci de votre aide

Clemalex · Février 15, 2022, 10:27

Oui certainement…

Je n’ai pas touché à HA depuis plusieurs mois mais le mieux et de partir de zéro.

pascal_ha · Février 15, 2022, 10:35

Ok merci. Je ferais une sauvegarde et je repartirais de zero pour la mise en place du themes.

Galadan · Février 15, 2022, 11:21

tu peux reprendre les anciens template, faut modifier les noms et ajouter les variables.
Le site est plutôt fournis en infos