Mon problème
Manque l’information de la batterie dans ma tuile.
Suite au poste de @Clemalex :
Code de la carte (animation/couleur/changement d’icone)
J’ai décidé d’ajouter le niveau des batteries sur tout mes capteurs.
Mais l’information ne remonte pas correctement. Je sais que c’est un probleme de code, mais je ne suis pas assez connaisseur …
Voici mon code :
color_type: card
custom_fields:
battery: |
[[[
return `
<span>
<span style="color: var(--text-color-sensor);">
${entity.attributes.battery_level}%
</span>
</span>
`
]]]
entity: binary_sensor.door_sensor_sous_sol_access_control_window_door_is_open
hold_action:
action: more-info
name: Sous Sol
show_icon: true
show_last_changed: true
show_name: true
state:
- color: var(--red-color)
icon: 'mdi:door-open'
styles:
card:
- border: var(--red-color)
- animation: blink 0.7s ease infinite
icon:
- color: var(--white-color)
label:
- color: var(--white-color)
name:
- color: var(--white-color)
value: 'on'
- icon: 'mdi:door-closed'
styles:
card:
- background-color: var(--primary-background-inactive-color)
- border: var(--primary-background-inactive-color)
icon:
- color: var(--grey-color)
label:
- color: var(--grey-color)
name:
- color: var(--grey-color)
value: 'off'
styles:
card:
- border-radius: 10px
- height: 100px
- width: 100px
- margin: 5px 5px 5px 0px
- padding: 0px 0px
custom_fields:
battery:
- background-color: 'rgba(0, 0, 0, 0)'
- position: absolute
- right: 5%
- top: 5%
- font-size: 10px
- line-height: 10px
- '--text-color-sensor': |
[[[
if ( entity.state == 'on') return 'var(--white-color)';
else if ( entity.attributes.battery_level < '10' ) return 'var(--red-color)';
else if ( entity.attributes.battery_level < '20' ) return 'var(--orange-color)';
else return 'var(--grey-color)';
]]]
grid:
- position: relative
icon:
- position: absolute
- left: 2px
- top: '-18px'
label:
- position: absolute
- left: 5px
- bottom: 5px
- font-size: 12px
- font-weight: bold
- color: var(--primary-color)
name:
- position: absolute
- left: 5px
- bottom: 23px
- font-variant: small-caps
- color: var(--primary-color)
tap_action:
action: more-info
type: 'custom:button-card'
Tu n’as aucun problème de code (vu que c’est moi qui l’ai partagé, je l’ai vérifié quand même )
Assure toi que l’attribut se nomme bien battery_level
pour la batterie, sinon reprends la ligne :
${entity.attributes.battery_level}%
et modifies le nom de l’attribut.
Pour donner mon exemple :
Tu n’as aucun problème de code (vu que c’est moi qui l’ai partagé, je l’ai vérifié quand même )
je parlé de ma partie à moi.
Effectivement j’ai pas le même attribut pour la batterie:
J’ai l’impression que j’ai pas le même type de sensor…
Tu as surement un sensor dédié pour la batterie.
Si c’est le cas, tu peux mettre ${states['sensor.nom-de-ton-sensor_battery_level'].state}%
à la place de ${entity.attributes.battery_level}%
1 « J'aime »
Je n’avais pas vu ta capture d’écran, mais c’est bien ce que je disais
Du coup, pour toi ça sera ${states['sensor.door_sensor_sous_sol_battery_level'].state}%
Ca fonctionne parfaitement ! Merci @deliwyn
1 « J'aime »
Clemalex
A scindé ce sujet ()
Février 22, 2021, 7:46
7
Un message a été scindé en un nouveau sujet : Utiliser des variables dans les modèles
FloA
Août 17, 2023, 7:29
8
Bonjour.
J’ai a peu près la même configuration pour mes capteurs d’ouverture (une entité pour la batterie)
Je n’arrive pas à créer la carte, rien ne s’affiche. Je ne trouve pas mon erreur.
Voici mon code:
color_type: card
custom_fields:
battery: |
[[[
return `
<span>
<span style="color: var(--text-color-sensor);">
${state.sensor.capteur_fenetre_cuisine_battery}%
</span>
</span>
`
]]]
entity: binary_sensor.capteur_fenetre_cuisine_contact
hold_action:
action: more-info
name: cuisine
show_icon: true
show_last_changed: true
show_name: true
state:
- color: var(--red-color)
icon: mdi:door-open
styles:
card:
- border: var(--red-color)
- animation: blink 0.7s ease infinite
icon:
- color: var(--white-color)
label:
- color: var(--white-color)
name:
- color: var(--white-color)
value: 'on'
- icon: mdi:door-closed
styles:
card:
- background-color: var(--primary-background-inactive-color)
- border: var(--primary-background-inactive-color)
icon:
- color: var(--grey-color)
label:
- color: var(--grey-color)
name:
- color: var(--grey-color)
value: 'off'
styles:
card:
- border-radius: 10px
- height: 75px
- width: 75px
- margin: 5px 5px 0px 0px
- padding: 0px 0px
custom_fields:
battery:
- background-color: rgba(0, 0, 0, 0)
- position: absolute
- right: 5%
- top: 5%
- font-size: 15px
- line-height: 20px
- '--text-color-sensor': |
[[[
if ( entity.state == 'on') return 'var(--white-color)';
else if ( state.sensor.capteur_fenetre_cuisine_battery.state < '10' ) return 'var(--red-color)';
else if ( state.sensor.capteur_fenetre_cuisine_battery.state < '20' ) return 'var(--orange-color)';
else return 'var(--grey-color)';
]]]
grid:
- position: relative
icon:
- position: absolute
- left: 2px
- top: '-18px'
label:
- position: absolute
- left: 5px
- bottom: 5px
- font-size: 12px
- font-weight: bold
- color: var(--primary-color)
name:
- position: absolute
- left: 5px
- bottom: 23px
- font-variant: small-caps
- color: var(--primary-color)
tap_action:
action: more-info
type: custom:button-card
Quelqu’un pourrait m’aider ?