Probleme Installation themes Minimalist

pascal_ha · Janvier 18, 2022, 6:14

Si biensur , voici le fichier complet (a partir de la ligne 200 rien ne s’affiche ou alors des erreurs)
je vais te joindre une image (dans 30mm désolé madame me réclame pour le repas…)

#####################################################
#  Themes Minimalist
#####################################################
button_card_templates: !include_dir_merge_named minimalist-templates/
views:
  # Acceuil
  - title: Accueil
    icon: mdi:home-circle
    visible:
      - user: !secret userpas_secret
    cards:
      - type: grid
        cards:
          - type: picture-entity
            entity: person.pascal
            aspect_ratio: '1'
            show_name: false
            image: !secret imagepas_secret
          - type: picture-entity
            entity: person.isabelle
            aspect_ratio: '1'
            show_name: false
            image: !secret imageisa_secret
          - type: picture-entity
            entity: person.kevin
            aspect_ratio: '1'
            show_name: false
            image: !secret imagekev_secret
           
               
# Carte Volets Roulant
  - title: Volets
    icon: mdi:window-shutter-alert
    visible:
      - user: !secret userpas_secret
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:button-card
            template: edge
          - type: 'custom:button-card'
            template: 
              - card_cover_with_buttons
            variables:
              ulm_card_cover_with_buttons_name: "Store Jardin fictif"
              ulm_card_cover_with_buttons_entity: "cover.store_v0_fictif"    
      - type: horizontal-stack
        cards:    
          - type: 'custom:button-card'
            template: 
              - card_cover_with_buttons
            variables:
              ulm_card_cover_with_buttons_name: "V1 Salle fictif"
              ulm_card_cover_with_buttons_entity: "cover.volet_v1_fictif" 
      - type: horizontal-stack
        cards:   
          - type: 'custom:button-card'
            template: 
              - card_cover_with_buttons
            variables:
              ulm_card_cover_with_buttons_name: "V2 Salon fictif"
              ulm_card_cover_with_buttons_entity: "cover.volet_v2_fictif"
      - type: horizontal-stack
        cards:    
          - type: 'custom:button-card'
            template: 
              - card_cover_with_buttons
            variables:
              ulm_card_cover_with_buttons_name: "V3 Salon fictif"
              ulm_card_cover_with_buttons_entity: "cover.volet_v3_fictif"
      - type: horizontal-stack
        cards:  
          - type: 'custom:button-card'
            template: 
              - card_cover_with_buttons
            variables:
              ulm_card_cover_with_buttons_name: "V4 Cuisine fictif"
              ulm_card_cover_with_buttons_entity: "cover.volet_v4_fictif"
      - type: horizontal-stack
        cards:    
          - type: 'custom:button-card'
            template: 
              - card_cover_with_buttons
            variables:
              ulm_card_cover_with_buttons_name: "V5 Cuisine fictif"
              ulm_card_cover_with_buttons_entity: "cover.volet_v5_fictif"
                                 
# Carte Lumieres
  - title: Lumieres
    icon: mdi:lightbulb-group
    visible:
      - user: !secret userpas_secret
    cards:
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s1_1_salon
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s1_2_salle
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_4
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_8
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_9  
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_10   
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s2_1_ecran
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s2_2_canape
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_11  
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s3_lumiere_jardin
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s4_lumiere_perron
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s5_simple
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s6_1_double
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s6_2_double
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s7_simple 
       

# Carte PRISES
  - title: Prises
    icon: mdi:power-socket-fr
    visible:
      - user: !secret userpas_secret
    cards:
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_1
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_2
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_3
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_4
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_5
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_6
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s11_chaudiere
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_8
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_9
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_10
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_11
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_12
      - type: 'custom:button-card'
        template: card_light
        entity: switch.plug_13


# Carte Portes Automatique  
  - title: Portes Automatique
    icon: mdi:garage-alert-variant
    visible:
      - user: !secret userpas_secret
    cards:
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s10_porte_garage  
      - type: 'custom:button-card'
        template: card_light
        entity: switch.s9_portail_automatique 
    
#  - type: grid
#    cards:
#      - type: horizontal-stack
#        cards:
#          - type: conditional
#            conditions:
#              - entity: binary_sensor.door_012
#                state: 'off'
#            card:
#              type: custom:button-card
#              variables:
#                entity: binary_sensor.door_012
#                entity_pieton: input_boolean.portail_pieton_command
#                entity_voiture: input_boolean.portail_voiture_command
#                name: Portail
#              template:
#                - portail_button
#          - type: conditional
#            conditions:
#              - entity: binary_sensor.door_012
#                state: 'on'
#            card:
#              type: custom:button-card
#              variables:
#                entity: binary_sensor.door_012
#                entity_command: input_boolean.portail_pieton_command
#                name: Portail
#              template:
#                - portail_close_button
    card:
      - type: horizontal-stack
        cards:
          - type: conditional
            conditions:
              - entity: binary_sensor.porte_du_garage
                state: 'off'
            card:
              type: custom:button-card
              variables:
                entity: binary_sensor.porte_du_garage
                entity_command: input_boolean.garage_command
                name: Garage
                icon: mdi:arrow-up-bold
              template:
                - garage_button
          - type: conditional
            conditions:
              - entity: binary_sensor.porte_du_garage
                state: 'on'
            card:
              type: custom:button-card
              variables:
                entity: binary_sensor.porte_du_garage
                entity_command: input_boolean.garage_command
                name: Garage
                icon: mdi:arrow-down-bold
              template:
                - garage_button
#columns: 2
#square: false    

# carte Incendie
  - title: Incendie
    icon: mdi:fire-alert
    visible:
      - user: !secret userpas_secret
    cards:
      - type: horizontal-stack
        cards:
          entity: binary_sensor.detecteur_fume
          type: custom:button-card
        template:
          - icon_info_bg
          - ouverture
        name: Cuisine
        state:
          - icon: mdi:fire
            value: 'on'
            id: 'on'
            label: Incendie !
          - icon: mdi:shield-check
            value: 'off'
            id: 'off'
            label: RAS

Pulpy-Luke · Janvier 18, 2022, 6:18

Tu peux construire la vue graphiquement plutot qu’en yaml…

pascal_ha · Janvier 18, 2022, 6:53

C’est a dire, que veux tu dire par construire graphiquement ?

pascal_ha · Janvier 18, 2022, 6:57

voici ce que j’obtiens pour la carte porte automatique…

et pour la carte incendie

Pulpy-Luke · Janvier 18, 2022, 7:06

Ton yaml n’est pas bon.
Cards et card ne peuvent pas être au même niveau …

Et donc plutot que de taper directement dans le yaml, ajoute les cartes avec l’ui

ça evitera les soucis d’indentation au niveau des views

pascal_ha · Janvier 18, 2022, 7:10

en mode UI, je ne peux pas, j’ai ce message The edit UI is not available when in YAML mode.

Je dois les décaler vers la droite ( a quel niveau) ?

Pulpy-Luke · Janvier 18, 2022, 7:15

Parce que ton yaml est incorrect… Donc coupes (et tu mets de coté tout ce qu’il y a en dessous de la ligne 200) et enregistre. Tu recréer les vues en mode graphique…Dans la nouvelle vue, tu ajoutes une carte en mode graphique, puis manuel (tout en bas). Là, tu peux y recopier le petit morceau yaml que tu as mis de coté (en faisant le tri !)

pascal_ha · Janvier 18, 2022, 7:34

Je coupe quel ligne toutes ?

Pulpy-Luke · Janvier 18, 2022, 7:38

comme dit : 200 jusqu’à la fin

pascal_ha · Janvier 18, 2022, 7:40

J’ai coupé les lignes 200 à la fin.
Mais je ne peux toujours pas utiliser UI ( j’ai ce message The edit UI is not available when in YAML )

Pulpy-Luke · Janvier 18, 2022, 7:42

Tu enregistres, tu fermes les fenêtres d’edition yaml etc… Et quand tout est fermé, là tu rebascule en UI uniquement

pascal_ha · Janvier 18, 2022, 8:08

Désolé, mais je n’arrive pas…

Je comprend pas ce qu’il faut faire, je ferme quelle fenêtre ? et je bascule en UI comment ?

Faut il que je conserve ou retire ces lignes de mon fichier configuration.yaml

lovelace:
  mode: storage
  # Add yaml dashboards
  dashboards:
    lovelace-minimalist:
      mode: yaml
      title: Minimalist
      icon: mdi:script
      show_in_sidebar: true
      filename: lovelace-minimalist.yaml

pascal_ha · Janvier 18, 2022, 8:34

J’ai masqué dans le fichier configuration.yaml la partie lovelace.
J’ai créer un dashboard minimalist a l’aide de l’onglet configuration/tableau de bord/ajouter un dashboard
J’ai crée une entité pour faire un essai. (voir photo)

Cela est il bon pour le moment ?

Pour me détendre, j’ai choisi l’icone Nuke pour le dashboad…

Pulpy-Luke · Janvier 18, 2022, 8:36

Si l’édition fonctionne en mode UI c’est que le fichier est syntaxiquement correct.
Que le rendu soit celui attendu, je ne sais pas

pascal_ha · Janvier 18, 2022, 8:39

Je vais essayer de prendre un exemple simple
si je veux intégré le code suivant de clemalex je dois faire comment ?

#card:
entity: binary_sensor.smoke_sensor_salon
type: custom:button-card
template:
  - icon_info_bg
  - ouverture
name: Salon
state:
  - icon: mdi:fire
    value: 'on'
    id: 'on'
    label: Incendie !
  - icon: mdi:shield-check
    value: 'off'
    id: 'off'
    label: RAS

pour avoir ce resultat.

Pulpy-Luke · Janvier 18, 2022, 8:51

La création d’une carte n’est pas liée au thème (quelques adaptations css potientelles/custom, mais globalement c’est indépendant)
Donc il n’y a pas de changement. C’est juste comment ça s’affiche à la toute fin qui varie

pascal_ha · Janvier 18, 2022, 9:05

Mais comment je fais pour mettre le boutons « incendie »
J’ai sélectionné ajouté une carte
J’ai choisi manuel
J’ai copié le code

type: custom:button-card
entity: binary_sensor.smoke_sensor_salon
template:
  - icon_info_bg
  - ouverture
name: Salon
state:
  - icon: mdi:fire
    value: 'on'
    id: 'on'
    label: Incendie !
  - icon: mdi:shield-check
    value: 'off'
    id: 'off'
    label: RAS

Mais sa ne fonctionne pas j’ai erreur suivante :
Erreurs de configuration détectées: Custom element not found: button-card
`

L’élément est manquant Ok
Mais je le trouve ou cet élément manquant ? et je dois le mettre ou ?

Pulpy-Luke · Janvier 18, 2022, 9:11

Non, le mieux, c’est de pas se rater sur le copier/coller déjà …

C’est le b-a-Ba de HA là… Carte => Hacs =>Frontend… C’est pas lié au thème.

pascal_ha · Janvier 18, 2022, 9:14

C’est dans uniquement dans édition sur le forum (quand j’ai insérer le code…)

pascal_ha · Janvier 18, 2022, 9:16

le frontend j’ai mis le code suivant dans configuration.yaml

# Themes
frontend:
  themes: !include_dir_merge_named themes/

et j’ai suivi ce tuto : https://ui-lovelace-minimalist.netlify.app/installation/ui-mode