Forum Francophone Home Assistant

Lovelace paper buttons row

Personnalisation de home assitant
#1

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.

#2

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

#3

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.

#4

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

#5

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 …

#6

ceux-là a télécharger .

Sans titre
Sans titre1175×354 40.2 KB

1 J'aime
#7

Bonjour,

Bizarre, la recherche sur HACS fonctionne bien:

Capture
Capture1824×769 75.8 KB

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
#8

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 ?

#9

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
#10

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

#11

J’ai édité pour ajouter le code

1 J'aime
#12

Bonjour,

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

#13

Oui, tu peux voir dans le code show_last_changed: true

1 J'aime
#14

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.

43fc9d234c53d6a30efe5c35b2e4428e3e058c11_2_690x387
43fc9d234c53d6a30efe5c35b2e4428e3e058c11_2_690x387756×227 17.4 KB

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)
#15

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