Dashboard - đŸŒ» Minimalist

Il faut appliquer le thĂšme :

ben oui je suis bĂȘte, je l’ai pas activĂ© alors que j’ai mis mes fichiers yaml en place
 maintenant c’est ok de ce cotĂ© lĂ  :slight_smile:

j’ai modifiĂ© le template pilule_temperature pour que cela fonctionne avec l’intĂ©gration mĂ©tĂ©o France, voici le code:

 pilule_temperature:
    template: pilule
    tap_action:
      action: navigate
      navigation_path: /lovelace/temperature
    label: |
      [[[
        var inter = states['sensor.netatmo_galahome_galastation_temperature'].state;
        var exter = states['sensor.netatmo_galahome_galastation_galamodule_temperature'].state;
        var icon = '☀';
        if (states['weather.nersac'].state == 'SUNNY'){
          var icon = '☀';
        } else if(states['weather.nersac'].state == 'CLEAR_NIGHT'){
          var icon = '🌙';
        } else if(states['weather.nersac'].state == 'RAINY'){
          var icon = 'đŸŒ§ïž';
        } else if(states['weather.nersac'].state == 'SNOWY'){
          var icon = '❄';
        } else if(states['weather.nersac'].state == 'SNOWY_RAINY'){
          var icon = '❄';
        } else if(states['weather.nersac'].state == 'WINDY'){
          var icon = 'đŸŒ«ïž';
        } else if(states['weather.nersac'].state == 'FOG'){
          var icon = 'đŸŒ«ïž';
        } else if(states['weather.nersac'].state == 'CLOUDY'){
          var icon = '☁';
        } else if(states['weather.nersac'].state == 'PARTLYCLOUDY'){
          var icon = '⛅';
        } else if(states['weather.nersac'].state == 'PARTLYCLOUDY'){
          var icon = '⛅';
        }
        return icon + ' ' + inter + '° / ' +  exter + '°' ;
      ]]]

ça a l’air d’ĂȘtre ok mais je ne suis pas sur d’avoir toutes les conditions climatique, me semble que tu utilise aussi cette intĂ©gration, ça te semble bon?

Hello, j’ai aussi une interrogation sur comment modifier/ajouter un template pour afficher ce type d’info:
image
Avec les templates de Tben cela me donne ça:
image
Je n’ai donc pas l’info du sensor et c’est pareil pour d’autre du mĂȘme type.

Commence par lire la documentation de la carte Button-card et des templates.

C’est impossible de pouvoir rĂ©pondre Ă  toutes les sollicitations :wink:

Commence par faire la carte comme tu le souhaites (sans template) et ensuite, tu créera un template (qui sert uniquement à ne pas recopier le code dans toutes les cartes)

Pas de soucis pour mettre au point avec toi par la suite.

Je comprends bien, merci du temps passé pour tous nous aider.
J’ai donc repris mon bouton initial et je lui est rajoutĂ© le card-mod, ce qui semble bon niveau design sauf pour afficher l’icone sur le cotĂ©.
image
image

Reste a optimiser avec un template si je comprends bien.

type: button
template: icon_info_bg
tap_action:
  action: toggle
entity: sensor.pool_filtre_time_rest
name: Clean du filtre dans
icon: mdi:calendar
show_icon: false
show_state: true
state_color: true
card_mod:
  style: |
    ha-card > ul.flow-row.current > li:nth-child(3){
      color: transparent;
    }
    ha-card > ul.flow-row.details.spacer > li:nth-child(2){
      color: transparent;
    }
    ha-card {
      box-shadow: var(--box-shadow);
      border-radius: 20px;
      padding: 12px !important;
    }
    .icon-image{
      min-width: 42px !important;
      margin-right: 12px !important;
    }
    .icon-image > *{
      height: 42px !important; 
      width: 42px;
      flex: 0 0 42px !important;
    }
    .state {
      font-size: 14px !important;
      font-weight: bold;
    }
    .name{
      font-weight: bolder;
      font-size: 12px !important;

Non car tu est parti sur l’utilisation de la carte button et non la carte personnelles (custom-card) button-card
 :innocent:

Avec le thĂšme minimalist, autant partir sur button-card, qui est bien plus permissive et personnalisable simplement (beaucoup moins de recours Ă  card-mod)

Ah oui d’accord, du coup avec la custom ça donne cela:
image
Et je n’arrive pas a afficher le state


Edit:
J’ai bidouillĂ© ça:

    sensor_date:
    tap_action:
      action: more-info
    label: |
      [[[return entity.state + " " + entity.attributes.unit_of_measurement]]]

image

Par contre je ne sais pas comment passer l’icone a rouge si il passe a 0 jours ou moins.

C’est dans la documentation

@Galadan

  chauffe_eau:
    icon: mdi:waves
    label: |
      [[[ 
          var etat = "Inactif";
          var consommation = states[variables.kwh].state + " " + states[variables.kwh].attributes.unit_of_measurement + " - " + states[variables.volt].state + " " + states[variables.volt].attributes.unit_of_measurement + " - " + states[variables.watt].state + " " + states[variables.watt].attributes.unit_of_measurement;

          if (entity.state == 'off') 
            etat = 'ArrĂȘt forcĂ©';
          else if (states[variables.watt].state > 0) 
            etat = "Chauffe";
          
          return etat + " - " + consommation;
      ]]]
    styles:
      icon:
        - color: |
            [[[
               if (states[variables.watt].state > 0)
                 return 'rgba(var(--couleur-rouge),1)'
               else
                 return 'rgba(var(--couleur-theme),0.2)'
            ]]]
      img_cell:
        - background-color: |
            [[[
               if (states[variables.watt].state > 0)
                 return 'rgba(var(--couleur-rouge),0.2)'
               else
                 return 'rgba(var(--couleur-theme),0.05)'
            ]]]

Tu peux t’inspirer de mon templatE
 Dans mon cas, je dĂ©tecte si mes Watt sont > 0 ou non, et en fonctionne je mets l’icone en rouge ou non


1 « J'aime »

yes en regardant la doc, j’ai compris comment faire, en effet cela ressemble a ton Template ^^
c’est ok a ce niveau maintenant je veux modifier le template des cover pour ajouter un bouton, jy arrive mais c’est dĂ©geu ^^, je cherche encore comment rendre cela comme sur l’initial.
Merci @BarTouZ et @Clemalex

il n’y en a pas assez là ?

Oui j’ai vu ce post, je voudrais l’ajouter sur la ligne du bas.
je l’ai ajoutĂ© mais, il en maque un du coup ^^
image
ça doit-ĂȘtre par la non?

      grid:
        - grid-template-areas: '"item1" "item2"'
        - grid-template-columns: 1fr
        - grid-template-rows: min-content  min-content
        - row-gap: 12px

Par là
 :innocent:


j’ai essayĂ© ça:

grid-template-areas: '"item1" "item2" "item3" "item4"'

mais non et ça:

grid-template-areas: '"item1 item2 item3 item4"'

Peut-etre ma modif qui est pas bonne:

  cover_buttons:
    variables:
      entity: cover.fibaro_cover_balcon
      name: Default name
    styles:
      card:
        - border-radius: 20px
        - box-shadow: var(--box-shadow)
        - padding: 12px
      grid:
        - grid-template-areas: '"item1" "item2"'
        - grid-template-columns: 1fr
        - grid-template-rows: min-content  min-content
        - row-gap: 12px
    custom_fields:
      item1:
        card:
          entity: '[[[ return variables.entity ]]]'
          name: '[[[ return variables.name ]]]'
          tap_action:
            action: more-info
          template:
            - icon_info
            - cover
          type: custom:button-card
      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:menu
                tap_action:
                  action: call-service
                  service: cover.set_cover_position
                  service_data:
                    entity_id: '[[[ return variables.entity ]]]'
                type: custom:button-card
                template: widget_icon
            item4:
              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

@Galadan,

J’ai fait quelque chose de ± similaire pour mes capteurs de tempĂ©rature.

image

Si c’est ce dont tu as besoin, dis le, je posterai le template

c’est ds l’idĂ©e avec un 4 eme icone sur la ligne du bas.
je vois pas ce que je rate


Tu dois modifier dans ton template

image

  list_items:
    styles:
      card:
        - box-shadow: none
        - padding: 0px
      grid:
        - grid-template-areas: '"item1 item2 item3 item4"'
        - grid-template-columns: 1fr 1fr 1fr 1fr
        - grid-template-rows: min-content
        - column-gap: 7px

Ah!!! je modifiĂ© pas le bon template!!! c’est good thx
par contre niveau fonctionnement, il n’as pas l’air de rĂ©cupĂ©rer ma current position, seulement si je la dĂ©finie manuellement. par exemple si je ferme et que je stop il devrait afficher a combien c’est ouvert non?

Tu peux faire une capture pour m’expliquer car je ne vois pas trop


Si t’as un problĂšme de refresh automatique regarde du cĂŽtĂ© du trigger a dĂ©clarer. Dans la documentation, il est mis que l’entity a d’office un trigger mais ce que tu passe en variables n’en a pas, il faut donc les dĂ©clarer a la main dans ton template


Enfin si c’est bien de ça que tu me parlais car je n’ai pas tout compris :slight_smile:

Bonsoir Ă  tous,
@BarTouZ pourrais tu partager les templates des 2 cartes s’il te plait ? merci