Modifier les couleurs de l'état Pollen dans l'intégration Pollens

[Laurent_showlnight]

Mon icone ne change pas de couleur selon l’état renvoyé par le sensor

Bonjour a tous

J’ai installé l’intégration " Pollens" et je l’ai intégré a mon tableau de bord HA

Jusque la, aucun souci, mais j’aimerai avoir une visualisation en couleur des états journalier pollen
J’ai bien essayé d’avoir un code avec Chatgpt, il me donne quelque chose qui parait correct mais rien ne change.

square: false
type: grid
cards:
  - square: false
    type: grid
    cards:
      - square: false
        type: grid
        cards:
          - show_name: true
            show_icon: true
            show_state: true
            type: glance
            entities:
              - entity: sensor.pollens_83
            state_color: true
            columns: 1
            theme: iOS Theme
            styles:
              card:
                - color: |
                    {% if is_state('sensor.pollens_83', 'faible') %}
                      green
                    {% elif is_state('sensor.pollens_83', 'modéré') %}
                      orange
                    {% elif is_state('sensor.pollens_83', 'élevé') %}
                      red
                    {% else %}
                      black
                    {% endif %}
        columns: 1
    columns: 1
columns: 3

Il doit surement y avoir quelque chose de faux, je débute alors je suis preneur de votre oeil avisé pour progresser.

[WarC0zes]

Salut,
mets ton code dans la balise texte préformaté ( icone </> ), car ces illisibles. Merci

[Laurent_showlnight]

Merci du conseil, je viens de le faire, en effet c’est beaucoup plus simple

[Krull56]

hello,

tu peux te baser sur l’attribut risklevel.
Dans ton exemple, je ne suis pas certain que l’état modéré existe, c’est plutôt moyen

Voici un exemple :

{% if states('sensor.pollens_56_risklevel') == '1' %}
  green
{% elif states('sensor.pollens_56_risklevel') == '2' %}
  orange
{% else %}
  red
{% endif %}

[WarC0zes]

@Laurent_showlnight

mais j’aimerai avoir une visualisation en couleur

Tu veut quoi en couleur, le background , l’icone , l’état ?

EDIT:

pour l’état, exemple:

square: false
type: grid
cards:
  - square: false
    type: grid
    cards:
      - square: false
        type: grid
        cards:
          - show_name: true
            show_icon: true
            show_state: true
            type: glance
            entities:
              - entity: sensor.pollens_11
            state_color: true
            columns: 1
            theme: iOS Theme
            card_mod:
              style:
                .entities .entity:
                  $: |
                    div:not(.name) {
                    {% if is_state('sensor.pollens_11', 'faible') %}
                      color: green;
                    {% elif is_state('sensor.pollens_11', 'modéré') %}
                      color: orange;
                    {% elif is_state('sensor.pollens_11', 'élevé') %}
                      color: red;
                    {% else %}
                      color: black;
                    {% endif %}
                    }
        columns: 1
    columns: 1
columns: 3

Pour l’icone:

square: false
type: grid
cards:
  - square: false
    type: grid
    cards:
      - square: false
        type: grid
        cards:
          - show_name: true
            show_icon: true
            show_state: true
            type: glance
            entities:
              - entity: sensor.pollens_11
            state_color: true
            columns: 1
            theme: iOS Theme
            card_mod:
              style: |
                ha-card {
                    {% if is_state('sensor.pollens_11', 'faible') %}
                      --paper-item-icon-color: green;
                    {% elif is_state('sensor.pollens_11', 'modéré') %}
                      --paper-item-icon-color: orange;
                    {% elif is_state('sensor.pollens_11', 'élevé') %}
                      --paper-item-icon-color: red;
                    {% else %}
                      --paper-item-icon-color: black;
                    {% endif %}
                    }
        columns: 1
    columns: 1
columns: 3

Pour le background:

square: false
type: grid
cards:
  - square: false
    type: grid
    cards:
      - square: false
        type: grid
        cards:
          - show_name: true
            show_icon: true
            show_state: true
            type: glance
            entities:
              - entity: sensor.pollens_11
            state_color: true
            columns: 1
            theme: iOS Theme
            card_mod:
              style: |
                ha-card {
                    {% if is_state('sensor.pollens_11', 'faible') %}
                      background: green;
                    {% elif is_state('sensor.pollens_11', 'modéré') %}
                      background: orange;
                    {% elif is_state('sensor.pollens_11', 'élevé') %}
                      background: red;
                    {% else %}
                      background: black;
                    {% endif %}
                    }
        columns: 1
    columns: 1
columns: 3

Il te faut la carte card_mod

GitHub - thomasloven/lovelace-card-mod: 🔹 Add CSS styles to (almost) any...

[Laurent_showlnight]

merci pour ta réponse, ca rend trop bien, je vais regarder pour la carte mod et tester ton code

[Laurent_showlnight]

Ca marche parfaitement, je vais bien analyser ton code pour comprendre la structure et progresser.
Merci de ton aide

[FROlCi]

Hello,
Si recherches sur ce forum pollens tu devrais trouver qques discussions et exemples de cartes pour t’aider à commencer ^^
avec entres autre la version all in de sieur @WarC0zes ici: Dashboard météo all inclusive V2 (maj 02/08/23)

[Laurent_showlnight]

en effet, le dashboard est juste top, je vais regarder comment l’adapter au mieux sur le mien

[Laurent_showlnight]

Je te dérange 2 minutes, comment tu obtiens la police blanche, moi elle reste noire.
MErci

[WarC0zes]

C’est le thème par défaut, qui fait que la police a c’est couleur.

[Laurent_showlnight]

en effet je suis alle basculé en mode dark et la police est blanche, tant pis je vais rester comme cela, le background rouge fait le taf

[BBE]

Et tu as plein de façon de le faire.

Beaucoup décrites là:

Pollens custom component sensor

Bonjour a tous et toutes, Je voulais partager avec vous ma première intégration qui permet de récupérer une indication sur le risque « pollens » du site https://pollens.fr vous pouvez le récupérer sur mon github GitHub - chris60600/pollens-home-assistant: Retrieve French Pollens risks in HomeAssistant Ne pas hésiter a me faire part de vos remarques, des améliorations, etc [image] Je ne l’ai pour l’instant pas traduite, mais comme elle ne concerne que la france…

Pour moi c’est un bon sujet pour découvrir la carte auto entities…
Deux exemples perso avec fusion de:

• une carte de titre
• une carte de synthèse avec l’état global et l’état des deux allergènes qui intéressent les allergiques de la maison
• une carte auto-entities avec l’état des allergènes en alerte (avec bar card ou full mushroom) avec couleur fonction de l’état et filtrage de tous les pollens sans alerte.

le code avec bar card

type: custom:vertical-stack-in-card
cards:
  - type: custom:mod-card
    card:
      type: custom:text-divider-row
      text: Pollens
      align: left
  - type: custom:mushroom-template-card
    primary: Risque Pollens (31)
    secondary: |-
      Global: {{ states(entity)}}/3
      Armoise: {{ states('sensor.pollens_31_armoise')}}
      Ambroisie: {{ states('sensor.pollens_31_ambroisies')}}
    icon: |-
      {% if is_state(entity, '3') %} 
        mdi:flower-pollen
      {% else %}
        mdi:flower-pollen-outline
      {% endif %}
    entity: sensor.pollens_31_risklevel
    icon_color: |
      {% if is_state(entity, '3') %} 
        red
      {% elif is_state(entity, '2') %} 
        orange
      {% elif states('sensor.pollens_31_armoise')|int >1 %} 
        orange
      {% elif states('sensor.pollens_31_ambroisies')|int >1 %} 
        orange
      {% elif is_state(entity, '1') %} 
        yellow
      {% elif is_state(entity, '0') %} 
        green
      {% else %}
        grey
      {% endif %}
    multiline_secondary: true
  - type: custom:auto-entities
    filter:
      include:
        - entity_id: sensor.pollens_31_*
      exclude:
        - state: <1
        - entity_id: sensor.pollens_31_risklevel
    sort:
      numeric: true
      reverse: true
      method: state
    card:
      type: custom:bar-card
      min: 0
      max: 3
      positions:
        name: outside
      width: 70%
      severity:
        - color: grey
          from: 0
          to: 0
        - color: yellow
          from: 1
          to: 1
        - color: orange
          from: 2
          to: 2
        - color: red
          from: 3
          to: 3

le code full mushroom

type: custom:vertical-stack-in-card
cards:
  - type: custom:mod-card
    card:
      type: custom:text-divider-row
      text: Pollens
      align: left
  - type: custom:mushroom-template-card
    primary: Risque Pollens (31)
    secondary: |-
      Global: {{ states(entity)}}/3
      Armoise: {{ states('sensor.pollens_31_armoise')}}
      Ambroisie: {{ states('sensor.pollens_31_ambroisies')}}
    icon: |-
      {% if is_state(entity, '3') %} 
        mdi:flower-pollen
      {% else %}
        mdi:flower-pollen-outline
      {% endif %}
    entity: sensor.pollens_31_risklevel
    icon_color: |
      {% if is_state(entity, '3') %} 
        red
      {% elif is_state(entity, '2') %} 
        orange
      {% elif states('sensor.pollens_31_armoise')|int >1 %} 
        orange
      {% elif states('sensor.pollens_31_ambroisies')|int >1 %} 
        orange
      {% elif is_state(entity, '1') %} 
        yellow
      {% elif is_state(entity, '0') %} 
        green
      {% else %}
        grey
      {% endif %}
    multiline_secondary: true
  - type: custom:auto-entities
    card:
      type: custom:vertical-stack-in-card
    card_param: cards
    filter:
      include:
        - entity_id: sensor.pollens_31_*
          options:
            type: custom:mushroom-template-card
            primary: '{{ state_attr(entity,''friendly_name'')}}'
            secondary: Risque {{states(entity)}}/3
            icon: '{{ state_attr(entity,''icon'')}}'
            icon_color: |-
              {% if is_state(entity, '3') %} 
                red
              {% elif is_state(entity, '2') %} 
                orange
              {% elif is_state(entity, '1') %} 
                yellow
              {% elif is_state(entity, '0') %} 
                green
              {% else %}
                grey
              {% endif %}
            layout: horizontal
            tap_action:
              action: more-info
            hold_action:
              action: more-info
            double_tap_action:
              action: more-info
      exclude:
        - entity_id: sensor.pollens_31_risklevel
        - state: '0'
    sort:
      method: state
      numeric: true
      reverse: true

[Laurent_showlnight]

merci a toi, je vais tester cela sur mon dashboard

[WarC0zes]

Salut,
toujours dans le sujet du Pollens Pollens custom component sensor - #190 par WarC0zes

Que tu peu retrouver sur ma page météo aussi Dashboard météo all inclusive V2 (maj 02/08/23)