Etat heure creuse et couleur icône

Bonjour,

j’ai ajouté l’intégration RTE tout fonctionne parfaitement, et j’utilise des cartes Mushrooms pour l’affichage.
Cependant je souhaiterais que l’icône de l’état des heures creuses changent de couleur en fonction de si l’état est activé ou désactivé, et je n’y arrive pas…

- type: horizontal-stack
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_heures_creuses_changement
        icon_color: accent
        name: Heures creuses
        icon: mdi:timer-sand
      - type: custom:mushroom-entity-card
        entity: binary_sensor.rte_tempo_heures_creuses
        icon_color: yellow
        name: HC/HP
        icon: mdi:checkbox-blank-circle

Par avance merci pour votre aide

Bonjour,
passe par la carte mushroom template.

des exemples :

Salut
c’est bizzare car c’est le comportement par defaut de cette carte normalement.

type: custom:mushroom-entity-card
entity: binary_sensor.msunpv_s2
icon_color: red

Mon icone passe bien en rouge si msunpv_s2 est on et redevient grisée si off.

Si tu veux du rouge pour HP et du jaune pour HC alors c’est la mushroom template card qu’il te faut comme dit juste au dessus ou en dessous avec exemple.

Un autre exemple:

type: custom:mushroom-template-card
icon: |
  {% if is_state(entity, 'HP..') %}
    mdi:lightning-bolt
  {% else %}
    mdi:lightning-bolt-outline
  {% endif %}                 
entity: sensor.0x00158d0005d299cf_active_register_tier_delivered
primary: |
  {% if is_state(entity, 'HP..') %}
    HP
  {% else %}
    HC
  {% endif %}
icon_color: |-
  {% if is_state(entity, 'HP..') %} 
    red
  {% else %}
    green
  {% endif %}

J’ai fait ceci :

 - type: horizontal-stack
    cards:
      - type: custom:mushroom-template-card
        primary: >-
          {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
          {% if state == 'on' %} color: green  Heures creuses
          {% elif state =='off' %} color: red Heures pleines
          {% endif %}

mais ça ne fonctionne toujours pas, pas de couleur (je pensais que le texte changerait de couleur)

Pour la couleur, c’est dans icon_color, pour le texte dans primary:

primary: |
      {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
      {% if state == 'on' %} Heures creuses
      {% elif state =='off' %} Heures pleines
      {% endif %}
icon_color: |-
      {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
      {% if state == 'on' %} green  
      {% elif state =='off' %} red 
      {% endif %}

Pour la couleur du texte, tu ne peux pas avec mushroom template. Il faut utiliser en plus card_mod ( a installer de HACS ).

card_mod:
  style:
    mushroom-state-info$: |
      .container {
          {% if is_state('binary_sensor.rte_tempo_heures_creuses','on') %} 
           --card-primary-color: green;
          {% else %}
           --card-primary-color: red;
          {% endif %}
      }

je viens de faire ceci, mais ça ne fonctionne toujours pas, j’ai des messages d’erreur :

- type: horizontal-stack
    cards:
      - type: custom:mushroom-template-card
         primary: |
          {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
          {% if state == 'on' %} Heures creuses
          {% elif state =='off' %} Heures pleines
          {% endif %}
         icon_color: |-
          {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
          {% if state == 'on' %} green  
          {% elif state =='off' %} red 
          {% endif %}

Ton erreur n’a rien avoir avec le code de mushroom, tu as une mauvaise indexion de la carte horizontal-stack.
Colle tout ton code pour voir.

voici :

type: vertical-stack
  cards:
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_couleur_actuelle
        name: Aujourd'hui
        icon: mdi:calendar-check
        fill_container: false
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_prochaine_couleur
        name: Demain
        icon: mdi:calendar-end-outline
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_cycle_jours_deja_places_bleu
        icon_color: blue
        name: Bleu
        icon: mdi:checkbox-blank-circle
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_cycle_jours_deja_places_blanc
        icon_color: white
        name: Blanc
        icon: mdi:checkbox-blank-circle
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_cycle_jours_deja_places_rouge
        icon_color: red
        name: Rouge
        icon: mdi:checkbox-blank-circle
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_heures_creuses_changement
        icon_color: orange
        name: Heures creuses
        icon: mdi:timer-sand
      - type: custom:mushroom-entity-card
        entity: binary_sensor.rte_tempo_heures_creuses
        icon_color: green
        name: HC/HP
        icon: mdi:checkbox-blank-circle
   - type: horizontal-stack
    cards:
      - type: custom:mushroom-template-card
        primary: |-
          {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
          {% if state == 'on' %} Heures creuses
          {% elif state =='off' %} Heures pleines
          {% endif %}
        icon_color: |-
          {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
          {% if state == 'on' %} green  
          {% elif state =='off' %} red 
          {% endif %}
  cards:
  - type: horizontal-stack #il manque deux espaces a chaque carte horizontal
  type: vertical-stack
  cards:
    - type: horizontal-stack
      cards:
        - type: custom:mushroom-entity-card
          entity: sensor.rte_tempo_couleur_actuelle
          name: Aujourd'hui
          icon: mdi:calendar-check
          fill_container: false
        - type: custom:mushroom-entity-card
          entity: sensor.rte_tempo_prochaine_couleur
          name: Demain
          icon: mdi:calendar-end-outline
    - type: horizontal-stack
      cards:
        - type: custom:mushroom-entity-card
          entity: sensor.rte_tempo_cycle_jours_deja_places_bleu
          icon_color: blue
          name: Bleu
          icon: mdi:checkbox-blank-circle
        - type: custom:mushroom-entity-card
          entity: sensor.rte_tempo_cycle_jours_deja_places_blanc
          icon_color: white
          name: Blanc
          icon: mdi:checkbox-blank-circle
        - type: custom:mushroom-entity-card
          entity: sensor.rte_tempo_cycle_jours_deja_places_rouge
          icon_color: red
          name: Rouge
          icon: mdi:checkbox-blank-circle
    - type: horizontal-stack
      cards:
        - type: custom:mushroom-entity-card
          entity: sensor.rte_tempo_heures_creuses_changement
          icon_color: orange
          name: Heures creuses
          icon: mdi:timer-sand
        - type: custom:mushroom-entity-card
          entity: binary_sensor.rte_tempo_heures_creuses
          icon_color: green
          name: HC/HP
          icon: mdi:checkbox-blank-circle
    - type: horizontal-stack
      cards:
        - type: custom:mushroom-template-card
          primary: |-
            {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
            {% if state == 'on' %} Heures creuses
            {% elif state =='off' %} Heures pleines
            {% endif %}
          icon_color: |-
            {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
            {% if state == 'on' %} green  
            {% elif state =='off' %} red 
            {% endif %}

Je viens de remplacer par ceci, et ça à l’air d’être bon :

type: vertical-stack
cards:
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_couleur_actuelle
        name: Aujourd'hui
        icon: mdi:calendar-check
        fill_container: false
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_prochaine_couleur
        name: Demain
        icon: mdi:calendar-end-outline
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_cycle_jours_deja_places_bleu
        icon_color: blue
        name: Bleu
        icon: mdi:checkbox-blank-circle
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_cycle_jours_deja_places_blanc
        icon_color: white
        name: Blanc
        icon: mdi:checkbox-blank-circle
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_cycle_jours_deja_places_rouge
        icon_color: red
        name: Rouge
        icon: mdi:checkbox-blank-circle
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_heures_creuses_changement
        icon_color: orange
        name: Heures creuses
        icon: mdi:timer-sand
      - type: custom:mushroom-entity-card
        entity: binary_sensor.rte_tempo_heures_creuses
        icon_color: green
        name: HC/HP
        icon: mdi:checkbox-blank-circle
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-template-card
        icon: mdi:checkbox-blank-circle
        primary: |-
          {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
          {% if state == 'on' %} Heures creuses
          {% elif state =='off' %} Heures pleines
          {% endif %}
        icon_color: |-
          {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
          {% if state == 'on' %} green  
          {% elif state =='off' %} red 
          {% endif %}

il me manquait visiblement : icon: mdi:checkbox-blank-circle
A contrôler tout à l’heure lors de la bascule.

Cependant, si je peux abuser, comment puis je définir la largeur de mes tuiles ?

En tous cas, merci pour votre aide encore une fois.

Alors, désormais ça fonctionne , merci à tous !

Pour aller plus loin, comment puis je faire la même chose pour connaitre le prochain changement vers les HP (sachant que la seule entité dans l’intégration est les HC) ?
Actuellement, la bascule se fait bien des HP vers HC, mais des HC vers HP il me fait le même décompte en m’indiquant que les heures creuses sont dans X heures alors que ce seront des HP

type: vertical-stack
cards:
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-template-card
        icon: mdi:checkbox-blank-circle
        primary: |-
          {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
          {% if state == 'on' %} Heures creuses
          {% elif state =='off' %} Heures pleines
          {% endif %}
        icon_color: |-
          {% set state = states('binary_sensor.rte_tempo_heures_creuses') %}
          {% if state == 'on' %} green  
          {% elif state =='off' %} red 
          {% endif %}
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_heures_creuses_changement
        icon_color: orange
        name: Heures creuses
        icon: mdi:timer-sand

Le plus simple, et de faire une page en vue section. Tu pourras facilement redimensionner la carte.
Sinon, il faut utiliser card_mod.

Quand tu ajoutes ou édite une carte, tu auras l’option mise en page.

Avec card_mod:

type: custom:mushroom-person-card
entity: person.warcozes
card_mod:
  style: |
    ha-card {
      width: 110px
    }

Je ne pourrais pas te dire, je n’utilise pas ton intégration.

@WarC0zes , merci pour ce nouveau retour.

Cependant, dans mes cartes mushrooms, je n’ai pas l’onglet MISE EN PAGE… je n’ai que CONFIGURATION et VISIBILITE

Normal, ca n’est disponible qu’avec une vue sections.

il te faut créer une nouvelle page et choisir vue sections. Tu ne peux pas convertir une page normal en vue sections. Il faut créer une nouvelle pages et deplacer t’es cartes.

Pour voir le type du vue d’une page:



@WarC0zes encore merci, j’avais compris que c’était en passant soit par une mushroom, soit en recréant un tableau de bord.

Du coup, c’est bon ça fonctionne, encore une fois, merci à tous !

En fait, le redimensionnement ne fonctionne pas.
Je n’ai aucune erreur, mais la taille n’est jamais modifiée quelque soit les pixels indiqués.

Il te faut installer card-mod depuis HACS.

Je me doutais que j’avais encore loupé un truc…
Cependant, en recherchant card-mod, je ne le trouve pas… je ne trouve que celui-ci, c’est peut être le même ?