Switch 3 boutons automatisation

[maxhome]

Bonjour à toutes et tous.
Encore une petite question de débutant.
J’ai 3 boutons indépendants qui sont charger de modifier le nombre de douches désirées de mon ballon d’eau chaude.
Ils sont chacun relié à une automatisation et font changer le sensor.malicio_expected_number_of_shower
Tout fonctionne bien, un clic sur un bouton déclenche bien l’automatisation souhaitée et le Nombre de douche se modifie bien.

2 problèmes :

• Je ne vois pas quel bouton a été activé quand je clique dessus (genre border background jaune)
• quand je relance l’appli, en arrivant sur la card, et bien là encore je ne vois pas le bouton « selectionné » en fonction de ce fameux sensor.malicio_expected_number_of_shower
  Je ne sais pas si j’ai été très clair lol.
  Merci à vous
  pour exemple l’automatisation 2 douches

alias: 2douches
description: ""
trigger: []
condition: []
action:
  - device_id: cbbf44fe23091f4ec27c1dbdd26a6ca9
    domain: number
    entity_id: number.malicio_expected_number_of_shower
    type: set_value
    value: 2
mode: single

et le code de la card

type: vertical-stack
cards:
  - type: horizontal-stack
    cards:
      - type: entities
        entities:
          - entity: sensor.malicio_expected_number_of_shower
            name: Nbre de douches demandées
          - entity: sensor.malicio_number_of_shower_remaining
            name: Nbre de douches restantes
          - entity: sensor.malicio_modbuslink_1_2_electric_energy_consumption
            name: Consommation
            secondary_info: none
        state_color: true
        card_mod:
          style: |
            ha-card {
              --card-mod-icon-color: black;
              color: black;
              font-size: 12px !IMPORTANT;
              font-family: Days One;
              background: white;
              border: 1px solid white;          
            }
  - type: horizontal-stack
    cards:
      - type: button
        show_name: true
        show_icon: true
        tap_action:
          action: call-service
          service: automation.trigger
          service_data: {}
          target:
            entity_id: automation.2douches
        icon: mdi:shower-head
        name: 2 douches
        show_state: true
        card_mod:
          style: |
            ha-card {
              --card-mod-icon-color: rgba(52, 146, 235, 1);
              color: rgba(52, 146, 235, 1);
              font-size: 14px !IMPORTANT;
              font-family: Days One;
              background: white;
              border: 1px solid white;
            }
      - type: button
        show_name: true
        show_icon: true
        tap_action:
          action: call-service
          service: automation.trigger
          service_data: {}
          target:
            entity_id: automation.3douches
        icon: mdi:shower-head
        name: 3 douches
        show_state: true
        card_mod:
          style: |
            ha-card {
              --card-mod-icon-color: rgba(0, 158, 11, 1);
              color: rgba(0, 158, 11, 1);
              font-size: 14px !IMPORTANT;
              font-family: Days One;
              background: white;
              border: 1px solid white;          
            }
      - type: button
        show_name: true
        show_icon: true
        tap_action:
          action: call-service
          service: automation.trigger
          service_data: {}
          target:
            entity_id: automation.4douches
        icon: mdi:shower-head
        name: 4 douches
        show_state: true
        card_mod:
          style: |
            ha-card {
              --card-mod-icon-color: rgba(158, 9, 24, 1);
              color: rgba(158, 9, 24, 1);
              font-size: 14px !IMPORTANT;
              font-family: Days One;
              background: white;
              border: 1px solid white;          
            }

résultat souhaité, quelque chose comme ça:
et qu’1 clic sur un bouton, supprime la bordure des autres

[maxhome]

Bon j’ai fait d’autres tests avec button-card

type: vertical-stack
cards:
  - square: false
    type: grid
    columns: 3
    cards:
      - type: custom:button-card
        aspect_ratio: 1.2/1
        color_type: card
        show_label: true
        show_name: true
        icon: mdi:circle-slice-4
        name: 70%
        tap_action:
          action: call-service
          service: automation.trigger
          service_data:
            entity_id: automation.2douches
        state:
          - color: rgb(0,128,0)
            value: 2
      - type: custom:button-card
        aspect_ratio: 1.2/1
        color_type: card
        show_label: true
        show_name: true
        icon: mdi:circle-slice-6
        name: 80%
        tap_action:
          action: call-service
          service: automation.trigger
          service_data:
            entity_id: automation.3douches
        state:
          - color: rgb(0,75,0)
            value: 3
      - type: custom:button-card
        aspect_ratio: 1.2/1
        color_type: card
        show_label: true
        show_name: true
        icon: mdi:circle-slice-8
        name: 90%
        tap_action:
          action: call-service
          service: automation.trigger
          service_data:
            entity_id: automation.4douches
        state:
          - color: rgb(0,50,0)
            value: 4

Cela fonctionne mais je ne vois toujours pas ma couleur changer quand je clique sur un des boutons.
Le value sûrement, mais bon.
J’ai essayé value: 'on' pensant que c’était la value du bouton, après j’ai essayé value: '2' ou 2, pensant que c’était la valeur que l’automatisation envoyait à mon entité
sensor.malicio_expected_number_of_shower

Bref je tourne en rond
Merci pour vos conseils

[WarC0zes]

Bonjour,

essaye comme ca:

      - type: custom:button-card
        aspect_ratio: 1.2/1
        color_type: card
        show_label: true
        show_name: true
        icon: mdi:circle-slice-4
        name: 70%
        tap_action:
          action: call-service
          service: automation.trigger
          service_data:
            entity_id: automation.2douches
        state:
          - value: 2
            color: rgb(0,128,0)

Edit:
j’avais pas fait attention, tu na pas d’entité dans t’es button-card, ca ne fonctionnera pas.
le state ce base sur l’état d’une entité.

[maxhome]

Bonjour @WarC0zes,

Ben c’est pas gagné, mon bouton appelle juste une automation
En gros ce que voulais c’etait changer le background du bouton que je cliquais.
Tout marche bien sinon

Et quand j’arrive sur mon application, en fonction du nombre de douches demandées, ici
sensor.malicio_expected_number_of_shower , je voulais que le bouton « concerné » soit automatiquement selectionné avec le fameux background
Bon dans l’exemple on voit 5 mais c’est 4 en réalité lol (ça va de 2 à 4)

[maxhome]

Ca fonction, tu m’as mis sur la voie
J’ai ajouté entity: sensor.malicio_expected_number_of_shower

type: custom:button-card
entity: sensor.malicio_expected_number_of_shower
aspect_ratio: 1.2/1
color_type: card
show_label: true
show_name: true
icon: mdi:circle-slice-5
name: 70%
tap_action:
  action: call-service
  service: automation.trigger
  service_data:
    entity_id: automation.2douches
state:
  - color: rgb(0,128,0)
    value: 2

Et là c’est top, merci encore
la suite, regroupée ici

Integrer conditional dans picture-elements Thermor Malicio

Bonjour, Je ne sais pas si cela est possible mais j’aimerai insérer dans une picture-elements , une autre image qui change suivant une condition. Plutôt qu’un long discours ce que j’aimerai obtenir (Ici l’image à été mise en dur dans le code) [Capture] type: picture-elements image: /local/images/malicio.png elements: - type: image image: /local/images/malicio70.png style: left: 50% top: 38% width: 35% tap_action: none j’ai cela qui fonctionne mais sur une ca…