Bouton a 2 etats avec image et texte qui change en fonction de l'image

Bonjour,

bonjour

je reformule ma demande j’aimerais dans un premier temps avoir un bouton avec 2 etats

avec une image et un texte

Capture d’écran 2024-09-05 à 22.06.19

puis si on click dessus l’image change et le texte aussi

Capture d’écran 2024-09-05 à 22.07.19

Mon bouton de départ ressemble à cela l’image change
mais je ne sais pas comment faire pour que le texte change
avec l’image

voici mon code de départ

type: custom:button-card
entity: light.lampe_salle_a_manger
name: Eteint le Sémaphore
show_entity_picture: true
size: 60%
styles:
  card:
    - height: 80%
layout: icon_name
aspect_ratio: 3/1
double_tap_action:
  action: more-info
entity_picture: |
  [[[ 
    if (entity.state == "on") return "/local/images/bougie led_on.png"; 
    else return "/local/images/bougie led_off.png";
  ]]]

pouvez vous m’aider

merci

Mike

Geen Box Home Assistant

Salut

As-tu essayé dans le même principe que pour entity picture ?

name: |
  [[[ 
    if (entity.state == "on") return "Allume semaphore"; 
    else return "eteint semaphore";
  ]]]
1 « J'aime »

merci pour l’info

je peux pas essayer maintenant ma box à planté et je n’y ai plus acces

j’ai voulu installer le duckdns pour acces depuis l’extérieur et maintenant je suis hs et j’essaie de récupérer l’accès à ma box

mais dans ma demande il y avait 2 choses je voulais changer l’image et aussi le texte dans la case changer l’image c’était déjà ok pas je ne comprends pas comment changer le texte aussi …

Mike

sorry

j’avais mal lu !! j’ai vu que tu as rajouter les infos pour chager le texte désolé mais je suis un peu stressé de ne pas pouvoir récuperer ma box !! désolé

j’ai ouvert un sujet au cas tu as des idées je te mets le lien

Green box bloquée au démarrage que faire

ma box est réparée grace à la communauté merci encore

j’ai testé et ta proposition est okée j’ai juste inversé les textes pour avoir la bougie éteinte avec le texte allumé la bougie

voici le code à jour

merci encore pour ton aide

Mike

type: custom:button-card
entity: light.lampe_salle_a_manger
name: |
  [[[ 
    if (entity.state == "on") return "Eteint le Semaphore"; 
    else return "Allume le Semaphore";
  ]]]
show_entity_picture: true
size: 60%
styles:
  card:
    - height: 80%
layout: icon_name
aspect_ratio: 3/1
double_tap_action:
  action: more-info
entity_picture: |
  [[[ 
    if (entity.state == "on") return "/local/images/bougie led_on.png"; 
    else return "/local/images/bougie led_off.png";
  ]]]
1 « J'aime »