Forum Francophone Home Assistant

Personnalisation icone badge en fonction d'un état

Personnalisation de home assitant
#1

Bonjour,

je recherche un moyen ‹ simple › de personnaliser l’icône d’un badge en fonction de son état,
j’ai bien vu un peu de code a modifier
mais je suis persuadé d’avoir déjà vu dans l’interface de HA une fonction pour personnaliser les icônes en fonction de l’état d’une entité, je suis incapable de le retrouver, a moins que cela ait été supprimé ??

une idée ?

Stéphane

#2

Bonjour,

Le plus simple est d’utiliser la custom cards (via HACS ou installation manuelle) « button-card », ca te permet vraiment de personnaliser comme tu veux. Tu peux changer l’icône, la couleur, etc. selon l’état.

Exemple sur un volet où je fais changer l’icône et la couleur selon l’état:

type: custom:button-card
entity: cover.vr_cellier
state:
  - value: closed
    icon: mdi:window-shutter
  - value: open
    icon: mdi:window-shutter-open
    color: rgb(28, 128, 199)
tap_action:
  action: toggle

image

#3

bonjour,

merci pour ta réponse, j’utilise déjà cette addon très pratique
mais ce que je cherche c’est d’avoir des icones dans les badges du haut de l’écran,
par exemple j’ai une entité presence_globale indiquant qu’une personne est a la maison mais je n’ai que l’état ‹ actif › ou ‹ inactif › dans le petit rond, je voulais choisir une image et une couleur a la place de chaque état…

#4

Pardon, je n’avais pas vu que c’était pour les badges. Je ne les utilise plus depuis un moment, mais au départ je me rappelle que j’utilisais le entity-filter ou state filter je sais plus + customize.yaml si besoin.
Badges - Home Assistant (home-assistant.io)

Sinon le add-on card-mod, mais on sort du « simple », en tout cas pour moi qui suis non-dev.

#5

Bonjour
Regarde icône template, c’est peut être ça que tu cherche
Ou ça


Stefan
#6

Bon,

pour le moment, j’ai trouvé comment changer l’icon et le nom

badges:
  - entity: sun.sun
  - entity: sensor.oregontemphygro_12832_temp
    name: Température
  - entity: sensor.oregonwind_1ae1_winsp
    name: Vent
  - entity: input_boolean.presence_globale
    icon: mdi:human-male-female-child
    name: Présence globale
  - entity: input_boolean.presence_enfants
    icon: mdi:human-child
  - entity: input_boolean.presence_parents
    icon: >-
      if (state === "Actif") return "mdi:human-male-female"; else return
      "mdi:home-outline";

c’est un bon départ
mais ni l’icon, ni la couleur ne change

bon, si je ne trouve pas mieux, je vais virer les badges et mettre des custom buttons card !

1 J'aime