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Ă
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:
Avec les templates de Tben cela me donne ça:
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
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Ă©.
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
âŠ
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:
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]]]
Par contre je ne sais pas comment passer lâicone a rouge si il passe a 0 jours ou moins.
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âŠ
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 ^^
ç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Ă âŠ
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
Jâai fait quelque chose de ± similaire pour mes capteurs de tempĂ©rature.
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
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