Dashboard - đŸŒ» Minimalist

Communauté HACF Présentations
206

L’erreur provient de ta modification :wink:

- entity: input_select.localisation_thomas
  variables:
    personne: "thomas"
  template: 
    - icon_info_bg
    - personne-Thomas #Si tu renomme ici, forcément il faut renommer le modÚle
  name: Thomas
  type: 'custom:button-card'

C’est beaucoup mieux :wink:

person-dylan: #s'appellait person-thomas auparavant
  variables:
    person: "thomas"
  template: person
  hold_action:
    action: more-info
    entity: input_boolean.thomas_nuit #A changer !!
  styles:
    custom_fields:
      notification:
        #input_select.localisation_thomas A changer !!
        - background-color: >
            [[[
              if (states['input_select.localisation_thomas'].state == 'Present'){
                return "rgba(var(--color-blue),1)";
              }else{
                return "rgba(var(--color-green),1)";
              }
            ]]]
  custom_fields:
    #input_boolean.thomas_nuit A changer !!        
    #input_select.localisation_thomas A changer !!
    notification: >
      [[[
        if (states['input_boolean.thomas_nuit'].state == 'on'){
          return `<ha-icon icon="mdi:power-sleep" style="width: 10px; height: 10px; color: var(--primary-background-color);"></ha-icon>`
        }else{
          if (states['input_select.localisation_thomas'].state == 'Present'){
            return `<ha-icon icon="mdi:home-variant" style="width: 10px; height: 10px; color: var(--primary-background-color);"></ha-icon>`
          }else{
            return `<ha-icon icon="mdi:pine-tree" style="width: 10px; height: 10px; color: var(--primary-background-color);"></ha-icon>`
          }
        }
      ]]]

J’ai mis A CHANGER lorsque tu dois modifier avec tes propres entitĂ©s les modĂšles.
Si tu laisses les entitĂ©s de @tben, tu retrouves l’erreur de rĂ©cupĂ©ration d’état de ta capture.

Certains dĂ©veloppeurs sont en train de travailler dans l’ombre pour variabiliser tout le code pour ne pas avoir Ă  modifier les modĂšles.

Aucune idée de ce que représente ces entités par contre.

Personnellement, j’utilise cette carte :

207

L’erreur provient de ta modification :wink:

- entity: input_select.localisation_thomas
  variables:
    personne: "thomas"
  template: 
    - icon_info_bg
    - personne-Thomas #Si tu renomme ici, forcément il faut renommer le modÚle
  name: Thomas
  type: 'custom:button-card'

Ce que je voulais dire c’est que dans son template « personne-thomas Â» n’existe pas, c’est

person-thomas:
  variables:
    person: "thomas"
  template: person

J’ai mis A CHANGER lorsque tu dois modifier avec tes propres entitĂ©s les modĂšles.

Justement c’est lĂ  que j’ai du mal, quelle entitĂ© je dois mettre ? Je dois en crĂ©er une en particulier ? Avec quels rĂ©glages ?
Parce que si je met juste input_boolean.mon_user_nuit bah ça marche pas par exemple.

Certains dĂ©veloppeurs sont en train de travailler dans l’ombre pour variabiliser tout le code pour ne pas avoir Ă  modifier les modĂšles.

Ah ça c’est intĂ©ressant ! Ici ou ailleurs ? Il y a moyen de suivre ce projet ?

Je regarderai ta carte aprĂšs avoir lu un peu plus vos tutos, merci :slight_smile:

1 « J'aime »
208

Bonjour merci beaucoup d’avoir partagĂ© votre modĂšle, j’ai essayĂ© de l’appliquer mais je n’ai pas pu car il manquait un modĂšle light_with_colors, pourriez-vous partager ?

209

voila:

  light_with_colors:
    tap_action:
      action: toggle
    hold_action:
      action: more-info
    label: |-
      [[[ if (entity.state !='unavailable'){
            if (entity.state =='off'){
              var bri = Math.round(entity.attributes.brightness / 2.55);
              return 'Off';  
            }else{
              var bri = Math.round(entity.attributes.brightness / 2.55);
              return (bri ? bri + '%' : 'On') ; 
            }
          }else{
            return "Indisponible";
          }
      ]]]
    state:
      - styles:
          icon:
            - filter: |-
                [[[ 
                    var bri = entity.attributes.brightness / 2.55;
                    return ('brightness(' + (50+bri/2) + '%)') ; 
                ]]]
            - color: |-
                [[[ 
                  var color = entity.attributes.rgb_color;
                  if (color){
                     return 'rgba(' + entity.attributes.rgb_color + ',1)'
                  }
                  else{
                    return 'rgba(var(--couleur-jaune),1)'
                  } 
                ]]]
          img_cell:
            - background-color: |-
                [[[ 
                  var color = entity.attributes.rgb_color;
                  if (color){
                     return 'rgba(' + entity.attributes.rgb_color + ',0.2)'
                  }
                  else{
                    return 'rgba(var(--couleur-jaune),0.2)'
                  } 
                ]]]
        value: 'on'
2 « J'aime »
210

Il est disponible dans ce post :

https://forum.hacf.fr/t/dashboard-minimalist/5507/31?u=clemalex

1 « J'aime »
211

Bonjour Ă  tous, je me suis lancer dans l’aspect du theme minimalist mobile grĂ ace a @Clemalex et @barto_95, aujourd’hui j’avance, doucement mais surement et j’aimerais Ă©galement reproduire ce que je fais mais en modĂ©le tablette, quelqu’un Ă  une carte vierge a me filer par rapport aux colonnes qui sont je suppose totalement diffĂ©rente en fonction de la largeur de l’écran. merci Ă  tous !

214

bonjour,

j’aurais besoin d’un coup de main pour modifier cette carte car j’ai ajoutĂ© la possibilitĂ© d’actionner le mode silencieux, le service en lui mĂȘme fonctionne pas je ne trouve pas le moyen d’ajouter une couleur lors de l’activation et de modifier le « entity_id » pour qu’il s’adapte Ă  tous les autres.

Merci
Sans titre

  cover_somfy:
    tap_action:
      action: more-info
    icon: |
      [[[
          var icon = 'mdi:window-shutter';
          if (entity.attributes.current_position == 0){
            var icon = 'mdi:window-shutter';
          } else
            var icon = 'mdi:window-shutter-open';
          return icon ;
      ]]]
    label: |-
      [[[ 
        if (entity.state == 'opening'){
            return 'Ouverture';
        }
        else if (entity.state == 'closing'){
            return 'Fermeture';
        }
        else{
          if (entity.attributes.current_position == 0){
            var etat = "Fermé";
          }else if (entity.attributes.current_position == 100){
            var etat = "Ouvert" ;
          }else{
            var etat = (entity.attributes.current_position) + '%' ;
          }
          return etat ;
        }
      ]]]
    state:
      - styles:
          icon:
            - color: rgba(var(--color-green),1)
          img_cell:
            - background-color: rgba(var(--color-green), 0.2)
        value: closed
      - styles:
          icon:
            - color: rgba(var(--color-yellow),1)
          img_cell:
            - background-color: rgba(var(--color-yellow), 0.2)
        value: open
      - styles:
          icon:
            - color: rgba(var(--color-blue),1)
          img_cell:
            - background-color: rgba(var(--color-blue), 0.2)
        value: opening
      - styles:
          icon:
            - color: rgba(var(--color-blue),1)
          img_cell:
            - background-color: rgba(var(--color-blue), 0.2)
        value: closing
  list_items_cover_favorite:
    styles:
      card:
        - box-shadow: none
        - padding: 0px
      grid:
        - grid-template-areas: '"item1 item1 item2"'
        - grid-template-columns: 1fr 1fr 1fr
        - grid-template-rows: min-content
        - column-gap: 7px
  cover_buttons_with_favorite:
    variables:
      entity: cover.default
      name: Default name
      sun_position: 0
    styles:
      card:
        - border-radius: 20px
        - box-shadow: var(--box-shadow)
        - padding: 12px
      grid:
        - grid-template-areas: '"item1" "item2" "item3"'
        - grid-template-columns: 1fr
        - grid-template-rows: min-content  min-content
        - row-gap: 12px
    custom_fields:
      item1:
        card:
          template: list_items_cover_favorite
          type: custom:button-card
          custom_fields:
            item1:
              card:
                entity: '[[[ return variables.entity ]]]'
                name: '[[[ return variables.name ]]]'
                tap_action:
                  action: more-info
                template:
                  - icon_info
                  - cover_somfy
                type: custom:button-card
            item2:
              card:
                icon: mdi:star
                tap_action:
                  action: call-service
                  service: cover.set_cover_position
                  service_data:
                    entity_id: '[[[ return variables.entity ]]]'
                    position: '[[[ return variables.sun_position ]]]'
                type: custom:button-card
                template: widget_icon
      item2:
        card:
          template: list_items
          type: custom:button-card
          custom_fields:
            item1:
              card:
                icon: mdi:arrow-down
                tap_action:
                  action: call-service
                  service: cover.close_cover
                  service_data:
                    entity_id: '[[[ return variables.entity ]]]'
                type: custom:button-card
                template: widget_icon
            item2:
              card:
                icon: mdi:pause
                tap_action:
                  action: call-service
                  service: cover.stop_cover
                  service_data:
                    entity_id: '[[[ return variables.entity ]]]'
                type: custom:button-card
                template: widget_icon
            item3:
              card:
                icon: mdi:arrow-up
                tap_action:
                  action: call-service
                  service: cover.open_cover
                  service_data:
                    entity_id: '[[[ return variables.entity ]]]'
                type: custom:button-card
                template: widget_icon
      item3:
        card:
          template: list_items
          type: custom:button-card
          custom_fields:
            item1:
              card:
                icon: mdi:feather
                tap_action:
                  action: call-service
                  service: switch.toggle
                  service_data:
                    entity_id: switch.bureau_riviere_low_speed
                type: custom:button-card
                template: widget_icon
215

je comprends pas ce que tu cherches a réaliser


216

avec l’intĂ©gration overkiz j’ai des switch.[nom du volet]_low_speed pour les faire fonctionner en mode silencieux. Mon soucis c’est que dans l’item ci-dessous je n’arrive pas Ă  crĂ©er un bouton qui renvoie automatiquement vers le volet concernĂ© et a avoir un retour d’état du switch par un changement de couleur de celui-ci.

      item3:
        card:
          template: list_items
          type: custom:button-card
          custom_fields:
            item1:
              card:
                icon: mdi:feather
                tap_action:
                  action: call-service
                  service: switch.toggle
                  service_data:
                    entity_id: switch.bureau_riviere_low_speed
                type: custom:button-card
                template: widget_icon
217

Pour encore plus de plaisir (et de confort) :

4 « J'aime »
218

hello,

j’ai mis a jour mon dashboard avec ce nouveau code, j’ai un problùme dans les chips. Je ne vois pas les icones 

image

qqu’un Ă  le mĂȘme soucis ?

219

Cela peut-ĂȘtre le thĂšme, passe en « desktop »

220

j’ai essayĂ©, toujours pas d’icĂŽne 
 c’est toutes les chips « icon » qui ne fonctionnent pas, celle de la mĂ©tĂ©o est ok.

221

I’m sorry, my french is literally not existent, so I’m trying to answer in english. If this is against any rules, please excuse me and delete the post. I’ll translate the post later with Google translate, but please bear with me, if that sounds rather un-french, what I hear Google translate doesn’t seem to get the french langugage very well. :rofl:

Back to topic:
What version of the theme are you using? 1.0.0-beta-5 or beta-6? We had a little mix-up in beta-5 with the icons. This issue was solved here https://github.com/UI-Lovelace-Minimalist/UI/issues/23 and was released with beta-6. :slight_smile:

Right now, chips only accept emojis, if you want to use the mdi-icons from HA itself, you’d need to wait a few days, that will be possible with one of the next releases. :slight_smile:

Hope this helps! :slight_smile:

Translation (via Google translate):

Je suis dĂ©solĂ©, mon français n’existe littĂ©ralement pas, alors j’essaie de rĂ©pondre en anglais. Si cela va Ă  l’encontre des rĂšgles, veuillez m’excuser et supprimer le message. Je traduirai le message plus tard avec Google translate, mais s’il vous plaĂźt soyez indulgent avec moi, si cela semble assez peu français, ce que j’entends Google translate ne semble pas trĂšs bien comprendre la langue française. :rofl:

Retour au sujet :
Quelle version du thĂšme utilisez-vous ? 1.0.0-beta-5 ou beta-6 ? Nous avons eu une petite confusion dans la bĂȘta-5 avec les icĂŽnes. Ce problĂšme a Ă©tĂ© rĂ©solu https://github.com/UI-Lovelace-Minimalist/UI/issues/23 et a Ă©tĂ© publiĂ© avec la bĂȘta-6. :slight_smile:

Pour le moment, les puces n’acceptent que les emojis, si vous souhaitez utiliser les icĂŽnes mdi de HA lui-mĂȘme, vous devrez attendre quelques jours, cela sera possible avec l’une des prochaines versions. :slight_smile:

J’espùre que cela t’aides! :slight_smile:

1 « J'aime »
222

Quelqu’un a fait un thùme sombre pour ce dashboard ?
Il est vraiment incroyable et fait passer un cap Ă  mon dashboard HA :grinning:

223

A dark theme is already included in the main repo/download. You just need to change the setting in your users profile. :slight_smile: You can see some pictures in the thread at the HA forum (english), here: https://community.home-assistant.io/t/lovelace-ui-minimalist/322687/416?u=paddy0174

And thanks for reminding me, I need to add some pictures of the dark mode to the wiki. :slight_smile:

Translation (via Google):

Un thĂšme sombre est dĂ©jĂ  inclus dans le dĂ©pĂŽt/tĂ©lĂ©chargement principal. Il vous suffit de modifier le paramĂštre dans votre profil d’utilisateur. :slight_smile: Vous pouvez voir quelques photos dans le fil du forum HA (anglais), ici : https://community.home-assistant.io/t/lovelace-ui-minimalist/322687/416?u=paddy0174

Et merci de me le rappeler, j’ai besoin d’ajouter quelques photos du mode sombre au wiki. :slight_smile:

2 « J'aime »
224

Salut,

Merci pour ta réponse je viens de passer en béta-6 et ça fonctionne!

1 « J'aime »
225

English:
thank’s @paddy0174 to respond on this forum
most people are happy with your theme :slight_smile:

Français:
Merci paddy0174 de repondre sur notre forum
beaucoup de personne son content de votre thĂšme

226

Thanks a lot! But I have to say, it is not my theme, I’m just the guy who sorted some things, the credits belong to TBen, @Clemalex and schumijo the same as they do to me! They did an exceptional work on the design and in the development of cards! :slight_smile: As I said, I’m just the maintenance and support guy. :wink: But nonetheless, thank you very much. :star_struck:

I just got reminded by another user in the english forum, that there is a french forum as well, and I find it nice and cosy here, and I have already found some useful informations! :slight_smile: As I said, unfortunately I choose Latin in school, as it sounded easier than French at that time
couldn’t have been more wrong
 :rofl:

Merci beaucoup! Mais je dois dire que ce n’est pas mon thĂšme, je suis juste le gars qui a triĂ© certaines choses, les crĂ©dits appartiennent Ă  TBen, @Clemex et schumijo comme ils le font pour moi ! Ils ont fait un travail exceptionnel sur la conception et le dĂ©veloppement des cartes ! :slight_smile: Comme je l’ai dit, je suis juste le gars de la maintenance et du support. :wink: Mais nĂ©anmoins, merci beaucoup. :star_struck:

Je viens de me faire rappeler par un autre utilisateur du forum anglais, qu’il y a aussi un forum français, et je le trouve sympa et confortable ici, et j’ai dĂ©jĂ  trouvĂ© quelques informations utiles ! :slight_smile: Comme je l’ai dit, malheureusement j’ai choisi le latin Ă  l’école, car cela sonnait plus facilement que le français Ă  l’époque
 ça n’aurait pas pu ĂȘtre plus faux
 :rofl:

3 « J'aime »
227

On est d’accord que c’est totalement dĂ©diĂ© au smartphone ca?