Problème couleur état en fonction de la t° et du tx d'hum

Entraide Home Assistant
1

Mon problème

Salut la communauté,

Sur mon dashboard, j’ai souhaité colorer mes états en fonction de la température et du taux d’humidité.
Lors des refresh, 1x ça fonctionne, 2x non. Voir exemple ci-dessous.
Une idée ? Ai-je oublié quelque chose ?
Phénomène constaté sur pc et browser mobile (chrome) et tablette (fully kiosk avec refresh et delete cash toutes les 10min), pas ou pas encore sur l’app compagnon.

temp_ok
temp_ok592×1002 65.6 KB

temp_notok
temp_notok600×1007 65 KB

Mon code :

type: custom:mini-graph-card
entities:
  - entity: sensor.piece_de_vie_temperature
    show-graph: false
    show-line: false
    name: Pièce de vie
  - entity: sensor.piece_de_vie_humidite
    show_state: true
    show_graph: false
font_size: 95
show:
  graph: false
  fill: fade
  extrema: true
  average: false
  name: true
  icon: false
hour24: true
hours_to_show: 24
points_per_hour: 4
decimals: 1
tap_action:
  action: navigate
  navigation_path: /lio-cindy-essential/chauffage
card_mod:
  style: |
    ha-card {
      padding: 13px 0px 0px 0px  !important;
    }
    .name > span {
      font-size:18px !important;
    }
    .states.flex {
      padding: 0px 15px 5px 15px  !important;
      {% if states('sensor.piece_de_vie_temperature') <= '17' %}
      color: deepskyblue;
      {% elif states('sensor.piece_de_vie_temperature') <= '22' %}
      color: LimeGreen;
      {% elif states('sensor.piece_de_vie_temperature') <= '25' %}
      color: orange;
      {% elif states('sensor.piece_de_vie_temperature') <= '35' %}
      color: red;
      {% else %}
      color: white;
      {% endif %}
    }
    .states--secondary > :only-child {
      {% if states('sensor.piece_de_vie_humidite') <= '65' %}
      color: LimeGreen;
      {% elif states('sensor.piece_de_vie_humidite') <= '75' %}
      color: orange;
      {% elif states('sensor.piece_de_vie_humidite') <= '99' %}
      color: red;
      {% else %}
      color: white;
      {% endif %}
    }

Ma configuration

Version core-2024.5.0
Type d’installation Home Assistant OS
Développement false
Supervisor true
Docker true
Utilisateur root
Environnement virtuel false
Version de Python 3.12.2
Famille du système d’exploitation Linux
Version du système d’exploitation 6.1.73-haos-raspi
Architecture du processeur aarch64
Fuseau horaire Europe/Brussels
Répertoire de configuration /config
2

Bonjour,
je veut pas dire de bétisse, mais essayer de la valeur la plus haute vers la plus basse.

      {% if states('sensor.piece_de_vie_temperature') <= '35' %}
      color: red;
      {% elif states('sensor.piece_de_vie_temperature') <= '25' %}
      color: orange;
      .....
3

Ca ne fonctionne pas. Il met directement la couleur rouge (la température de 22 est à moins de 35 degrés donc…) et ne tient pas compte des conditions suivantes :frowning:
Et Je pense qu’il s’agit un problème de card-mod étant donné que les marges ne sont également pas prises en compte lorsque les indications restent blanches, ce sont donc toutes les règles qui sautent…

4

je vais tester voir, mais ca fonctionne ton code.
image

5

Oui oui, il fonctionne mais 1x sur 3 quand tu reload ou auto-reload via fully kiosk. Constaté uniquement sur webbrowser, pas l’appli.

6

j’utilise pas fully kiosk. c’est un soucis de full kiosk, alors.

Dans ton configuration.yaml, ta les lignes ?

frontend:
  extra_module_url:
    - /hacsfiles/lovelace-card-mod/card-mod.js

image

7

Non pas que fully kiosk car également constaté sur pc et chrome :confused:

Je n’ai aucune de ces 3 lignes dans mon YAML.
Uniquement ceci :

IMG_8776
IMG_87761525×460 104 KB

Je le tape uniquement tel quel ? Copy/Paste ?

8

Si ta une installation par HACS, oui.

ajoute juste ces lignes dans frontend: ( respecte bien les espaces ).

  extra_module_url:
    - /hacsfiles/lovelace-card-mod/card-mod.js

image

C’est pour de meilleur performence:

image
image999×372 18.7 KB

Vérifie ta configuration avant de redémarrer.

9

Test non concluant :frowning:

Reload 1 : OK
Reload 2 : not OK
Reload 3 : OK
Reload 4 : OK
Reload 5 : not OK
…

J’ai déjà deleter mes caches.
Je ne vois vraiment pas d’où celà doit venir…
J’ai sans doute oublié de supprimer un paramètre dans mon code qui sème le trouble au moment du chargement de la page ?

Et autant pour moi, il vient de me faire le même bug dans l’appli, c’est donc général…

10

J’ai zéro bug. Recharger 10fois dessuite et toujours les couleurs.
C’est un soucis de full kiosk, vue que je ne l’utilise pas.

je vois rien dans ton code de incorrect. Autant pour mini-graph-card ou card-mod.

11

Je pense que cela ne peut pas venir de fully kiosk puisqu’il fait pareil sur mon pc (w/chrome) et sur mon appli ios, grrrr…

Je crois que je vais changer de template :sweat_smile:
Merci d’avoir essayé en tout cas :ok_hand::wink: