Serrure nuki - affichage niveau batterie

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.

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 ?

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 ?

oui c’est exactement ça

1 « J'aime »

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 ?


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.


Un tout grand merci

1 « J'aime »

encore mieux :
image

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"

Nickel ! Je vais pouvoir m’amuser sur d’autres boutons :wink:

1 « J'aime »

Bonjour Warcozes

Si l’on veut ajouter une state info supplémentaire, c’est possible ?

Oui, tous est possible :wink:

image

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 »

Ce sujet a été automatiquement fermé après 2 jours. Aucune réponse n’est permise dorénavant.