fclus
Juillet 20, 2025, 5:36
1
Bonjour,
Mon problème
Je souhaite afficher le niveau de la batterie de ma serrure Nuki sur le bouton qui me permet d’agir sur la porte. Est-ce possible ?
Merci pour votre aide
Ma configuration
Texte à remplacer par votre configuration
Comment récupérer ma configuration :
Dans votre HA, Menu latéral
Paramètres
>
Système
>
Corrections
puis les trois petits points en haut a droite >
Informations Système
puis une fois en bas
Copier
Bonjour,
partage ton code du bouton. Suivant la carte que tu utilises, je t’expliquerai.
fclus
Juillet 20, 2025, 7:01
3
type: horizontal-stack
cards:
- type: custom:mushroom-lock-card
entity: lock.porte_maison_2
primary_info: name
name: Porte d'entrée
secondary_info: state
fill_container: true
- type: custom:mushroom-entity-card
entity: sensor.porte_maison_battery_2
fill_container: true
primary_info: none
layout: vertical
- show_name: true
show_icon: true
type: button
entity: switch.aqara_lumi_switch_acn047_commutateur
name: Garage
icon_height: 50px
show_state: false
grid_options:
rows: 2
columns: 24
Sur quelle carte tu veux la batterie ?
fclus
Juillet 20, 2025, 7:02
5
ici, j’ai ajouté un 2ème bouton qui me donne le niveau de la batterie
L’idée serait d’avoir cette info sur le 1er bouton
sur la type: custom:mushroom-lock-card ?
tu peux me mettre une capture de la carte et l’endroit où tu veux le niveau de batterie ?
je n’est pas d’entité lock, difficile à faire sans entité.
edit:
c’est bon j’ai une capture
tu veux l’information de la batterie ou ?
fclus
Juillet 20, 2025, 7:12
9
en haut à droite, ce serait parfait
1 « J'aime »
Il te faut card_mod, à installer à partir de HACS.
type: custom:mushroom-lock-card
entity: light.0x00158d0002e75493
card_mod:
style:
mushroom-state-info$: |
.container::after {
content: "{{ states('sensor.lywsd03mmc_0d20_battery') }}%";
position: absolute;
top: 15%;
left: 90%;
}
tu pourras modifier l’emplacement avec le top et left dans la partie card_mod.
Bien sur , change l’entité sensor.lywsd03mmc_0d20_battery
par la tienne.
encore mieux :
type: custom:mushroom-lock-card
entity: light.0x00158d0002e75493
card_mod:
style:
mushroom-state-info$: |
.container::before {
content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="grey" width="18" height="18" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z"/></svg>');
position: absolute;
top: 15%;
left: 86%;
}
.container::after {
content: "{{ states('sensor.lywsd03mmc_0d20_battery') }}%";
position: absolute;
top: 13%;
left: 91%;
}
Pour changer la couleur de l’icône batterie, c’est dans l’url du content fill="grey"
fclus
Juillet 20, 2025, 7:58
14
Nickel ! Je vais pouvoir m’amuser sur d’autres boutons
1 « J'aime »
Bonjour Warcozes
Si l’on veut ajouter une state info supplémentaire, c’est possible ?
Oui, tous est possible
type: custom:mushroom-lock-card
entity: light.0x00158d0002e75493
card_mod:
style:
mushroom-state-info$: |
.container::before {
content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="grey" width="18" height="18" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z"/></svg>');
position: absolute;
top: 15%;
left: 86%;
}
.container::after {
content: "{{ states('sensor.lywsd03mmc_0d20_battery') }}%";
position: absolute;
top: 13%;
left: 91%;
}
.primary::after {
content: "state info: {{ states('sensor.lywsd03mmc_0d20_battery') }}%";
position: absolute;
top: 43%;
left: 77%;
}
.secondary::after {
content: "state info: {{ states('sensor.lywsd03mmc_0d20_battery') }}%";
position: absolute;
top: 68%;
left: 77%;
}
1 « J'aime »
system
A fermé ce sujet ()
Juillet 22, 2025, 9:52
17
Ce sujet a été automatiquement fermé après 2 jours. Aucune réponse n’est permise dorénavant.