Forum Francophone Home Assistant

Lovelace paper buttons row

Bonsoir a tous,

Je suis actuellement entrain d’essayer de me créer un thème et je bloqué sur le changement d’icône en fonction de l’état.

J’ai vue que l’on pouvait faire avec le binary.sensor, mais je n’ai pas réussi.
Et j’ai trouvé cet Add-on :

Mais impossible de l’installer.

Dans la recherche sur HACS je le trouve pas, et quand je veux l’ajouter avec l’URL ça me dit qu’il est déjà dans HACS.

Avez vous déjà eu ce problème, ou essayé cet Add-on ?

Merci.

bonsoir, je n’en suis pas encor là.
mais à la fin il donne une url .
peut être a rajouter. merci de ton retour si tu réussi.

ressources:
  - url: /hacsfiles/lovelace-paper-buttons-row/paper-buttons-row.js
    type: module

un problème identique par ici résolu

Oui j’ai bien vue cette URL, mais le problème c’est que je n’ai pas ces fichiers dans mon HA.
Et je ne les trouve pas sur son Github pour les mettre manuellement.

Je viens de regarder le post, ca solution ne résous pas mon problème.

Merci.

salut essaye ici. ton ip https ou http/config/lovelace/resources

Salut,
J’ai déjà ajouté l’Add-on dans les ressources de Lovelace, mais le problème c’est que je n’ai pas les fichiers, donc forcement ca ne fonctionne pas …

ceux-là a télécharger .

1 J'aime

Bonjour,

Bizarre, la recherche sur HACS fonctionne bien:

Tu es bien bien sur « Frontend » et tu cliques sur le « + » en bas à droite ?

Avis perso: je lui ai préféré celui-ci (et vu les votes je dois pas être le seul): Button Card

1 J'aime

Bizarre je le vois maintenant, alors que j’étais sur de faire la même manip que tu décris.

J’ai déjà installé Button Card, je l’utilise aussi, mais arrive tu à avoir un icône different suivant l’état ?

Oui bien sûr (icône, couleur), volets, VMC, prise (exemple de la prise ci-dessous):

ic 01 ic-02

Et ici son code:

    type: 'custom:button-card'
entity: switch.smartplug_01_on_off
show_name: true
show_label: false
show_last_changed: true
label: SmartPlug
state:
  - value: 'off'
    icon: 'mdi:power-plug-off-outline'
    color: 'rgb(28, 128, 199)'
  - value: 'on'
    icon: 'mdi:power-plug-outline'
    color: green
tap_action:
  action: toggle
hold_action:
  action: more-info
2 J'aimes

Ah oui, je vais regarder ça alors merci :wink:

J’ai édité pour ajouter le code

1 J'aime

Bonjour,

Sympa l’affichage de la durée depuis le dernier changement d’état c’est en natif dans cette carte ?

Oui, tu peux voir dans le code show_last_changed: true

1 J'aime

j’étais pas convaincu de l’intérêt. mais après essai, j’avoue c’est bien plus sympas.
reste à lire pour bien comprendre :
mais avec la couleur c’est vraiment propre.

type: 'custom:button-card'
entity: light.lampe_couloir
show_name: true
show_label: false
show_last_changed: true
state:
  - value: 'off'
    color: blue
  - value: 'on'
    color: var(--button-card-light-color)  # couleur réel de la  lampe
tap_action:
  action: toggle
hold_action:
  action: more-info
styles:
  name:
    - color: var(--button-card-light-color)    # couleur réel de la  lampe
  card:
    - '-webkit-box-shadow': 0px 0px 9px 3px var(--button-card-light-color)
    - box-shadow: 0px 0px 9px 3px var(--button-card-light-color)

En retard, en retard :wink:
Tu peux aussi le faire avec secondary_info sur quelques cartes :wink: