Faire clignoter l'icône d' une chip

Entraide Home Assistant
22

J’avais laissé trainer une ligne, nouveau code:

type: custom:mushroom-chips-card
chips:
  - type: action
    tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/Accueil
    icon: mdi:arrow-left
  - type: alarm-control-panel
    entity: alarm_control_panel.2140_aaa_zone_1_alarm
    content_info: none
    name: " "
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/securite
  - type: conditional
    conditions:
      - condition: state
        entity: binary_sensor.deborah_bac_plein
        state: "on"
    chip:
      - type: entity
        entity: binary_sensor.deborah_bac_plein
        name: Roomba 980 Bac plein
        icon_color: red
        use_entity_picture: false
        content_info: none
  - type: light
    entity: light.moesgo_perron_escalier_light_1
    tap_action:
      action: perform-action
      perform_action: light.toggle
      target:
        device_id: 9a55fa0ae0b2d56778fcf920eddee8e4
      data: {}
    content_info: name
    use_light_color: true
    name: Exterieurs
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/lumieres
  - type: light
    entity: light.moesgo_cuisine_libre_light_1
    tap_action:
      action: perform-action
      perform_action: light.toggle
      target:
        entity_id: light.moesgo_cuisine_libre_light_1
      data: {}
    name: Cuisine
    content_info: name
    use_light_color: true
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/lumieres
  - type: light
    entity: light.salon
    tap_action:
      action: perform-action
      perform_action: light.toggle
      target:
        entity_id: light.salon
      data: {}
    name: Salon
    content_info: name
    use_light_color: true
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/lumieres
  - type: conditional
    conditions:
      - condition: state
        entity: sensor.19_weather_alert
        state: Jaune
    chip:
      type: entity
      entity: sensor.19_weather_alert
      use_entity_picture: false
      name: Vigilance Corrèze
      content_info: none
      icon_color: yellow
      tap_action:
        action: navigate
        navigation_path: /tableau-de-bord/meteo
  - type: conditional
    conditions:
      - condition: state
        entity: sensor.19_weather_alert
        state: Orange
    chip:
      type: entity
      entity: sensor.19_weather_alert
      content_info: none
      name: Vigilance Corrèze
      icon_color: deep-orange
      tap_action:
        action: navigate
        navigation_path: /tableau-de-bord/meteo
  - type: conditional
    conditions:
      - condition: state
        entity: sensor.19_weather_alert
        state: Rouge
    chip:
      type: entity
      entity: sensor.19_weather_alert
      content_info: none
      name: Vigilance Corrèze
      icon_color: red
      tap_action:
        action: navigate
        navigation_path: /tableau-de-bord/meteo
card_mod:
  style:
    mushroom-entity-chip:nth-child(3)$: |
      ha-state-icon {
        animation: pulse 2s linear infinite;       
      }
      @keyframes pulse {
        50% {
          opacity: 0.1;
        }
      }

La carte devrait s’afficher mais sans pulse non ?

23

Mince, non…. Elle ne s’ affiche pas…..

Tout juste j’ ai un espace un peu plus important entre la chip d avant et celle d’ après….

IMG_20251023_205728
IMG_20251023_2057281262×277 48.5 KB

24

encore un tiret en trop

type: custom:mushroom-chips-card
chips:
  - type: action
    tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/Accueil
    icon: mdi:arrow-left
  - type: alarm-control-panel
    entity: alarm_control_panel.2140_aaa_zone_1_alarm
    content_info: none
    name: " "
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/securite
  - type: conditional
    conditions:
      - condition: state
        entity: binary_sensor.deborah_bac_plein
        state: "on"
    chip:
      type: entity
      entity: binary_sensor.deborah_bac_plein
      name: Roomba 980 Bac plein
      icon_color: red
      use_entity_picture: false
      content_info: none
  - type: light
    entity: light.moesgo_perron_escalier_light_1
    tap_action:
      action: perform-action
      perform_action: light.toggle
      target:
        device_id: 9a55fa0ae0b2d56778fcf920eddee8e4
      data: {}
    content_info: name
    use_light_color: true
    name: Exterieurs
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/lumieres
  - type: light
    entity: light.moesgo_cuisine_libre_light_1
    tap_action:
      action: perform-action
      perform_action: light.toggle
      target:
        entity_id: light.moesgo_cuisine_libre_light_1
      data: {}
    name: Cuisine
    content_info: name
    use_light_color: true
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/lumieres
  - type: light
    entity: light.salon
    tap_action:
      action: perform-action
      perform_action: light.toggle
      target:
        entity_id: light.salon
      data: {}
    name: Salon
    content_info: name
    use_light_color: true
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/lumieres
  - type: conditional
    conditions:
      - condition: state
        entity: sensor.19_weather_alert
        state: Jaune
    chip:
      type: entity
      entity: sensor.19_weather_alert
      use_entity_picture: false
      name: Vigilance Corrèze
      content_info: none
      icon_color: yellow
      tap_action:
        action: navigate
        navigation_path: /tableau-de-bord/meteo
  - type: conditional
    conditions:
      - condition: state
        entity: sensor.19_weather_alert
        state: Orange
    chip:
      type: entity
      entity: sensor.19_weather_alert
      content_info: none
      name: Vigilance Corrèze
      icon_color: deep-orange
      tap_action:
        action: navigate
        navigation_path: /tableau-de-bord/meteo
  - type: conditional
    conditions:
      - condition: state
        entity: sensor.19_weather_alert
        state: Rouge
    chip:
      type: entity
      entity: sensor.19_weather_alert
      content_info: none
      name: Vigilance Corrèze
      icon_color: red
      tap_action:
        action: navigate
        navigation_path: /tableau-de-bord/meteo
card_mod:
  style:
    mushroom-entity-chip:nth-child(3)$: |
      ha-state-icon {
        animation: pulse 2s linear infinite;       
      }
      @keyframes pulse {
        50% {
          opacity: 0.1;
        }
      }
1 « J'aime »
25

Elle s’ affiche !!! Mais ne clignote pas … :frowning:

26

oui j’ai fait quelques tests mais comme c’est une chip conditional le code est pas bon puisqu’il est pour une chip entity.

Il faut trouver quoi cibler dans card-mod mais là je seche un peu.

Quand @WarC0zes passera il aura certainement une solution.

2 « J'aime »
27

Elles sont dans la section badge de ton dashboard les chips ?

28

Non… elles sont dans la section cartes….

29

j’ai peut être

remplace :

card_mod:
  style:
    mushroom-entity-chip:nth-child(3)$: |
      ha-state-icon {
        animation: pulse 2s linear infinite;       
      }
      @keyframes pulse {
        50% {
          opacity: 0.1;
        }
      }

par :

card_mod:
  style:
    mushroom-conditional-chip:nth-child(3):
      mushroom-entity-chip$: |
        ha-state-icon {
          animation: pulse 2s linear infinite;       
        }
        @keyframes pulse {
          50% {
            opacity: 0.1;
          }
        }

Edit: code modifé ça à l’air bon.

type: custom:mushroom-chips-card
chips:
  - type: action
    tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/Accueil
    icon: mdi:arrow-left
  - type: alarm-control-panel
    entity: alarm_control_panel.2140_aaa_zone_1_alarm
    content_info: none
    name: " "
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/securite
  - type: conditional
    conditions:
      - condition: state
        entity: binary_sensor.deborah_bac_plein
        state: "on"
    chip:
      type: entity
      entity: binary_sensor.deborah_bac_plein
      name: Roomba 980 Bac plein
      icon_color: red
      use_entity_picture: false
      content_info: none
  - type: light
    entity: light.moesgo_perron_escalier_light_1
    tap_action:
      action: perform-action
      perform_action: light.toggle
      target:
        device_id: 9a55fa0ae0b2d56778fcf920eddee8e4
      data: {}
    content_info: name
    use_light_color: true
    name: Exterieurs
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/lumieres
  - type: light
    entity: light.moesgo_cuisine_libre_light_1
    tap_action:
      action: perform-action
      perform_action: light.toggle
      target:
        entity_id: light.moesgo_cuisine_libre_light_1
      data: {}
    name: Cuisine
    content_info: name
    use_light_color: true
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/lumieres
  - type: light
    entity: light.salon
    tap_action:
      action: perform-action
      perform_action: light.toggle
      target:
        entity_id: light.salon
      data: {}
    name: Salon
    content_info: name
    use_light_color: true
    double_tap_action:
      action: navigate
      navigation_path: /tableau-de-bord/lumieres
  - type: conditional
    conditions:
      - condition: state
        entity: sensor.19_weather_alert
        state: Jaune
    chip:
      type: entity
      entity: sensor.19_weather_alert
      use_entity_picture: false
      name: Vigilance Corrèze
      content_info: none
      icon_color: yellow
      tap_action:
        action: navigate
        navigation_path: /tableau-de-bord/meteo
  - type: conditional
    conditions:
      - condition: state
        entity: sensor.19_weather_alert
        state: Orange
    chip:
      type: entity
      entity: sensor.19_weather_alert
      content_info: none
      name: Vigilance Corrèze
      icon_color: deep-orange
      tap_action:
        action: navigate
        navigation_path: /tableau-de-bord/meteo
  - type: conditional
    conditions:
      - condition: state
        entity: sensor.19_weather_alert
        state: Rouge
    chip:
      type: entity
      entity: sensor.19_weather_alert
      content_info: none
      name: Vigilance Corrèze
      icon_color: red
      tap_action:
        action: navigate
        navigation_path: /tableau-de-bord/meteo
card_mod:
  style:
    mushroom-conditional-chip:nth-child(3):
      mushroom-entity-chip$: |
        ha-state-icon {
          animation: pulse 2s linear infinite;       
        }
        @keyframes pulse {
          50% {
            opacity: 0.1;
          }
        }

Toutes les infos étaient bien dans le lien que je t’avais mis dès le départ. Comme quoi RTFM même pour moi des fois.

1 « J'aime »
30

@Tochy Merci Merci Merci MERCi !!! Ça fonctionne !!!

Merci pour ton aide précieuse !!!

31

Ça y est, plus de WarC0zes disponible, c’est la panique :rofl:
Tu as trouvé :+1:

1 « J'aime »
32

Bah non la preuve, mais je vais avoir besoin de tes lumières pour un sujet approchant :joy:

1 « J'aime »
33

Ce sujet a été automatiquement fermé après 60 jours. Aucune réponse n’est permise dorénavant.