Button-Card: faire apparaitre l'état d'un autre sensor

Bruno · Mars 21, 2021, 9:10

Bonjour,

J’ai récupéré le code d’une carte button-card avec la fonction « lock » afin de piloter mon portail (idée trouvée sur la présentation de Clemalex).
Je ne trouve pas comment faire pour que l’icone change d’état en fonction d’un autre sensor que celui de l’état de l’actionneur (binary_sensor.portail_etat)

type: 'custom:button-card'
entity: switch.portail
name: Portail
aspect_ratio: 1/0.6
lock:
  enabled:
    - - - return entity.state === 'on';
  duration: 2
  unlock: double_tap
icon: 'mdi:gate'
tap_action:
  action: toggle
show_state: false
show_last_changed: true
color: auto
styles:
  card:
    - background-color: black
    - border-radius: 10%
    - filter: opacity(100%)
    - padding: 1%
    - color: auto
    - text-transform: null
    - font-size: px
    - color: white
state:
  - value: 'on'
    styles:
      card:
        - background-color: null
  - value: 'off'
    styles:
      card:
        - background-color: ''
        - filter: opacity(70%)
      icon:
        - color: '#4F4F4F'
      name:
        - color: white

Merci de votre aide.

Ma config

Ma configuration

version: core-2021.3.2
installation_type: Home Assistant OS
dev: false
hassio: true
docker: true
virtualenv: false
python_version: 3.8.7
os_name: Linux
os_version: 5.4.83-v8
arch: aarch64
timezone: Europe/Paris

GitHub API: ok
Github API Calls Remaining: 4923
Installed Version: 1.11.3
Stage: running
Available Repositories: 824
Installed Repositories: 12

logged_in: false
can_reach_cert_server: ok
can_reach_cloud_auth: ok
can_reach_cloud: ok

host_os: Home Assistant OS 5.12
update_channel: stable
supervisor_version: supervisor-2021.03.6
docker_version: 19.03.13
disk_total: 109.3 GB
disk_used: 12.3 GB
healthy: true
supported: true
board: rpi4-64
supervisor_api: ok
version_api: ok
installed_addons: File editor (5.2.0), ESPHome (1.16.2), Duck DNS (1.12.5), Samba share (9.3.1), Mosquitto broker (5.1.1), deCONZ (6.7.2), Node-RED (8.1.2), Home Assistant Google Drive Backup (0.103.1)

dashboards: 1
resources: 6
views: 4
mode: storage

Clemalex · Mars 21, 2021, 10:05

Quand c’est comme ça, généralement, je mets comme entité mon capteur et c’est l’action qui comprends une autre entité, ce qui permet d’utiliser les

et donc le switch se contrôle par :

tap_action:
  action: call-service
  service: input_boolean.turn_on
  service_data:
    entity_id: input_boolean.garage_command

Mais quand c’est dépendant de plusieurs entités, je ne renseigne pas d’entité pour la carte du tout (j’ai 2 capteurs pour mon garage, un en ouverture et l’autre en fermeture) :

aspect_ratio: 5/2
color_type: card
confirmation:
  text: >
    [[[

    if (states['binary_sensor.garage_ferme'].state ==
    'off') return 'Ouvrir le Garage ?';

    if (states['binary_sensor.garage_ouvert'].state == 'off') return 'Fermer le
    Garage ?';

    else return 'Ouvrir/Fermer le Garage ?';

    ]]] 
hold_action:
  action: none
icon: |
  [[[
    if (states['binary_sensor.garage_ferme'].state == 'off') return 'mdi:garage';
    if (states['binary_sensor.garage_ouvert'].state == 'off') return 'mdi:garage-open';
    else return 'mdi:format-align-middle';
  ]]]
lock:
  duration: 5
  enabled: true
  unlock: tap
name: |
  [[[
    if (states['binary_sensor.garage_ferme'].state == 'off') return 'Garage Fermé';
    if (states['binary_sensor.garage_ouvert'].state == 'off') return 'Garage Ouvert';
    else return 'Intermédiaire';
  ]]]
show_icon: true
show_name: true
styles:
  card:
    - border: |
        [[[
          if (states['binary_sensor.garage_ferme'].state == 'off') return '2px solid var(--primary-color)';
          if (states['binary_sensor.garage_ouvert'].state == 'off') return '2px solid var(--yellow-color)';
          else return '2px solid var(--red-color)';
        ]]] 
    - border-radius: 10px
    - background-color: |
        [[[
          if (states['binary_sensor.garage_ferme'].state == 'off') return 'white';
          if (states['binary_sensor.garage_ouvert'].state == 'off') return 'var(--yellow-color)';
          else return 'var(--red-color)';
        ]]]
    - animation: |
        [[[
          if (states['binary_sensor.garage_ouvert'].state == 'off') return 'blink 0.7s ease infinite';
          if (states['binary_sensor.garage_ferme'].state == 'on') return 'blink 0.7s ease infinite';
        ]]]
  icon:
    - top: 2%
    - color: |
        [[[
          if (states['binary_sensor.garage_ferme'].state == 'off') return 'var(--primary-color)';
          if (states['binary_sensor.garage_ouvert'].state == 'off') return 'white';
          else return 'white';
        ]]] 
  label:
    - color: |
        [[[
          if (states['binary_sensor.garage_ferme'].state == 'off') return 'var(--primary-color)';
          if (states['binary_sensor.garage_ouvert'].state == 'off') return 'white';
          else return 'white';
        ]]] 
    - font-size: 10px
  lock:
    - color: var(--black-color)
  name:
    - color: |
        [[[
          if (states['binary_sensor.garage_ferme'].state == 'off') return 'var(--primary-color)';
          if (states['binary_sensor.garage_ouvert'].state == 'off') return 'white';
          else return 'white';
        ]]] 
    - font-variant: small-caps
tap_action:
  action: call-service
  service: input_boolean.turn_on
  service_data:
    entity_id: input_boolean.garage_command
type: 'custom:button-card'

Ce qui donne :

PS: Quand tu cherches à notifier quelqu’un, mets un @ avant de taper le pseudo

Mellowtronik · Janvier 25, 2022, 3:03

@Clemalex
Bonjour,
Je suis intéressé par ce projet pour faire à l’identique pour l’ouverture de mon portail.
J’essaie de comprendre ce que tu as écris mais j’ai du mal à saisir certaines choses.
Tu as crée combien d’input et combien de script, stp? et as-tu fais des automatisation avant?
Sachant que de mon coté, j’ai 2 entités: 1 binary_sensor.portail_lt_sensor + 1 switch.portail_lt
N’ayant pas le retour d’état avec le switch.portail_lt, j’ai dû effectuer 2 scripts:
1 switch portail ouvert:

  - service: switch.turn_on
    target:
      device_id: 40f73e94ab5e8abf530ebb9084f6263b
mode: single
alias: 'Switch portail ouvert '
icon: mdi:gate-arrow-right

et 1 switch portail fermé:

alias: 'Switch portail fermé '
sequence:
  - service: switch.turn_off
    target:
      device_id: 40f73e94ab5e8abf530ebb9084f6263b
mode: single
icon: mdi:gate

Du coup, j’arrive à faire fonctionner une carte simple tout en ayant l’état mais je voudrais bien avoir l’animation que tu as faites.
Pourrais-tu m’aider, s’il te plait?
Merci d’avance.

Clemalex · Janvier 25, 2022, 3:10

J’essaie de passer rapidement

Pas besoin de script, mais seulement une automatisation sur le changement d’un seul et unique input_boolean

Clemalex · Janvier 25, 2022, 3:12

L’automatisation est derrière cette action

Mellowtronik · Janvier 25, 2022, 3:16

Merci pour ta réponse rapide.
Mais pour avoir le input_boolean.garage_command, tu as dû le crée, non?

Clemalex · Janvier 25, 2022, 3:27

Oui, par l’interface principalement.

Ensuite tout se fait via une automatisation

Clemalex · Janvier 25, 2022, 3:33

Voici l’automatisation :

- id: 'porte_de_garage' 
  alias: Garage - Porte
  trigger:
    platform: state
    entity_id: input_boolean.garage_command
    to: 'on'
  condition: []
  action:
  - data:
      entity_id: switch.garage_porte_dio
    service: switch.turn_on
  - delay:
      milliseconds: 500
  - data:
      entity_id: input_boolean.garage_command
    service: input_boolean.turn_off

Mellowtronik · Janvier 25, 2022, 3:44

Encore merci, je vais essayer ça.
Cependant, comme je te disais, mon switch portail ne me donné pas l’état, j’ai donc dû faire un script « Portail boolean »

alias: Portail boolean
sequence:
  - service: switch.toggle
    target:
      device_id: f62f390ca1aecb006c9d5e5779cba2f7
mode: single
icon: mdi:gate

et dans ma carte je suis obligé de faire (Appeler un service) et choisir Portail boolean afin que je puisse ouvrir et fermer le portail et avoir l’état instantanément…

type: button
tap_action:
  action: call-service
  service: script.portail_boolean
  service_data: {}
  target: {}
entity: binary_sensor.portail_lt_sensor
show_state: true

Du coup, comparé à ton automatisation, je remplace « entity_id: switch.garage_porte_dio » par script.portail_boolean ?
Désolé, je suis novice mais j’essai de m’investir au maximum… Merci

Clemalex · Janvier 25, 2022, 4:35

Tu met le service et l’entité comme la tienne directement dans la carte… Pas besoin de passer par une automatisation.

J’aurais pu me passer de l’automatisation en créant directement un script comme toi.

Mellowtronik · Janvier 25, 2022, 5:17

Voici ce que j’ai copié dans custum-card et j’ai ce message d’erreur:
ButtonCardJSTemplateError: TypeError: Cannot read properties of undefined (reading ‹ state ›) in 'if (states[‹ binary_sensor.portail_lt_sensor_ferme ›].state == ‹ off ›) return ‹ 2px solid var(–primar… ›

aspect_ratio: 5/2
color_type: card
confirmation:
  text: >
    [[[

    if (states['binary_sensor.portail_lt_sensor_ferme'].state ==
    'off') return 'Ouvrir le Portail ?';

    if (states['binary_sensor.portail_lt_sensor_ouvert'].state == 'off') return 'Fermer le
    Portail ?';

    else return 'Ouvrir/Fermer le Portail ?';

    ]]] 
hold_action:
  action: none
icon: |
  [[[
    if (states['binary_sensor.portail_lt_sensor_ferme'].state == 'off') return 'mdi:gate';
    if (states['binary_sensor.portail_lt_sensor_ouvert'].state == 'off') return 'mdi:gate-open';
    else return 'mdi:format-align-middle';
  ]]]
lock:
  duration: 5
  enabled: true
  unlock: tap
name: |
  [[[
    if (states['binary_sensor.portail_lt_sensor_ferme'].state == 'off') return 'Portail Fermé';
    if (states['binary_sensor.portail_lt_sensor_ouvert'].state == 'off') return 'Portail Ouvert';
    else return 'Intermédiaire';
  ]]]
show_icon: true
show_name: true
styles:
  card:
    - border: |
        [[[
          if (states['binary_sensor.portail_lt_sensor_ferme'].state == 'off') return '2px solid var(--primary-color)';
          if (states['binary_sensor.portail_lt_sensor_ouvert'].state == 'off') return '2px solid var(--yellow-color)';
          else return '2px solid var(--red-color)';
        ]]] 
    - border-radius: 10px
    - background-color: |
        [[[
          if (states['binary_sensor.portail_lt_sensor_ferme'].state == 'off') return 'white';
          if (states['binary_sensor.portail_lt_sensor_ouvert'].state == 'off') return 'var(--yellow-color)';
          else return 'var(--red-color)';
        ]]]
    - animation: |
        [[[
          if (states['binary_sensor.portail_lt_sensor_ouvert'].state == 'off') return 'blink 0.7s ease infinite';
          if (states['binary_sensor.portail_lt_sensor_ferme'].state == 'on') return 'blink 0.7s ease infinite';
        ]]]
  icon:
    - top: 2%
    - color: |
        [[[
          if (states['binary_sensor.portail_lt_sensor_ferme'].state == 'off') return 'var(--primary-color)';
          if (states['binary_sensor.portail_lt_sensor_ouvert'].state == 'off') return 'white';
          else return 'white';
        ]]] 
  label:
    - color: |
        [[[
          if (states['binary_sensor.portail_lt_sensor_ferme'].state == 'off') return 'var(--primary-color)';
          if (states['binary_sensor.portail_lt_sensor_ouvert'].state == 'off') return 'white';
          else return 'white';
        ]]] 
    - font-size: 10px
  lock:
    - color: var(--black-color)
  name:
    - color: |
        [[[
          if (states['binary_sensor.portail_lt_sensor_ferme'].state == 'off') return 'var(--primary-color)';
          if (states['binary_sensor.portail_lt_sensor_ouvert'].state == 'off') return 'white';
          else return 'white';
        ]]] 
    - font-variant: small-caps
tap_action:
  action: call-service
  service: script.portail_boolean
  service_data:
    entity_id: binary_sensor.portail_lt_sensor
type: 'custom:button-card'

je ne comprends pas

Clemalex · Janvier 25, 2022, 5:44

Et

Avec

Tu as combien d’entité ? Car il y a une incohérence avec les entités

Mellowtronik · Janvier 25, 2022, 5:51

en fait, j’ai juste remplacé le binary sensor et laissé (_ferme ou _ouvert) comme tu as écris…Je pense que j’ai fais une boulette…
J’ai: binary_sensor.portail_lt_sensor et script.portail_boolean (que j’ai crée) pour avoir l’état de mon portail.

Je suis pommé, là

Mellowtronik · Janvier 25, 2022, 6:02

alors j’ai réussi en parti, j’ai enlevé les _ferme et _ouvert.
ça fonctionne mais ça clignote tout le temps.
Quand le portail est fermé c’est écrit fermé mais ça clignote avec écrit fermé.
Quand c’est ouvert ça reste sur intermédiaire et ça clignote…

Voici mes lignes:

aspect_ratio: 5/2
color_type: card
confirmation:
  text: >
    [[[

    if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'Ouvrir
    le Portail ?';

    if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'Fermer
    le Portail ?';

    else return 'Ouvrir/Fermer le Portail ?';

    ]]] 
hold_action:
  action: none
icon: |
  [[[
    if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'mdi:gate';
    if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'mdi:gate-open';
    else return 'mdi:format-align-middle';
  ]]]
lock:
  duration: 5
  enabled: true
  unlock: tap
name: |
  [[[
    if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'Portail Fermé';
    if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'Portail Ouvert';
    else return 'Intermédiaire';
  ]]]
show_icon: true
show_name: true
styles:
  card:
    - border: |
        [[[
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return '2px solid var(--primary-color)';
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return '2px solid var(--yellow-color)';
          else return '2px solid var(--red-color)';
        ]]] 
    - border-radius: 10px
    - background-color: |
        [[[
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'white';
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'var(--yellow-color)';
          else return 'var(--red-color)';
        ]]]
    - animation: |
        [[[
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'blink 0.7s ease infinite';
          if (states['binary_sensor.portail_lt_sensor'].state == 'on') return 'blink 0.7s ease infinite';
        ]]]
  icon:
    - top: 2%
    - color: |
        [[[
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'var(--primary-color)';
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'white';
          else return 'white';
        ]]] 
  label:
    - color: |
        [[[
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'var(--primary-color)';
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'white';
          else return 'white';
        ]]] 
    - font-size: 10px
  lock:
    - color: var(--black-color)
  name:
    - color: |
        [[[
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'var(--primary-color)';
          if (states['binary_sensor.portail_lt_sensor'].state == 'off') return 'white';
          else return 'white';
        ]]] 
    - font-variant: small-caps
tap_action:
  action: call-service
  service: script.portail_boolean
  service_data:
    entity_id: binary_sensor.portail_lt_sensor
type: custom:button-card

Si tu peux me dire où j’ai déconné, stp…

Mellowtronik · Janvier 25, 2022, 6:24

aussi, je n’ai pas les même couleurs que toi jaune et rouge quand c’est intermédiaire…
Jr pense que j’y suis presque! mais j’ai dû faire quelques erreurs… (quand le portail est fermé, ça clignote en bleu avec écrit fermé) et quand il est ouvert, ça clignote en blanc et transparent et ça reste clignotant sur intermédiaire…

@Clemalex
Bonjour, s’il te plait tu n’aurais pas une idée pour résoudre mon problème? J’y ai passé des heures mais je n’arrive pas à résoudre ce problème.

Clemalex · Janvier 26, 2022, 11:39

Moi j’ai deux capteurs… Toi un seul…

Donc reprends le code pour ne pas passer dans la deuxième condition… Ou la premiere…

A la fin, il ne peut en rester qu’un !.

Yoyouri · Janvier 13, 2024, 11:40

Bonjour @Clemalex ,
Excusez moi de déterrer un vieux sujet, mais je souhaiterais que ma carte bouton de commande de mon garage ai un rendu similaire à celui que vous avez posté à l’époque pour Bruno.
Voici le code de ma carte issu juste des infos renseignés dans l’interface graphique, les commandes appuis court et long fonctionne correctement

show_name: true
show_icon: true
type: button
tap_action:
  action: toggle
entity: cover.garage
show_state: false
hold_action:
  action: call-service
  service: cover.open_cover
  target:
    device_id: bec036dd2f02cad00c665786195e258a

Ne récupérant pas l’état de ma porte de garage, je souhaites récupérer l’info de la dernière commande utilisé dans le journal de l’historique des commandes pour changer l’état Ouvert et Fermé ainsi que l’icône correspondantes.

Pouvez-vous m’aider ?

Je vous remercie par avance

Yoyouri · Février 13, 2024, 5:00

Bonjour
Je relance le sujet n’ayant pas eu de réponse
Est-ce que quelqu’un peut m’aider à résoudre mon problème détaillé au dessus
Merci par avance

Thierry51170 · Février 14, 2024, 6:36

Bonsoir voilà ma carte et mon code si cela peux t’aider
Capture d'écran 2024-02-14 134020

Carte garage

type: custom:button-card
entity: switch.sonoff_10009d3aba
size: 70px
name: Garage
state:
  - value: 'off'
    icon: mdi:garage
    color: red
  - value: 'on'
    icon: mdi:garage-open
    color: green
tap_action:
  action: toggle

voilà