Comment colorer ses icônes pour les débutants? #Tuto débutant N°1

[Jordan2905]

Salut, je me suis crée un nouveau HA qui est tout nu!! Du coup je me demandait, est ce que la technique avec le lien Github de mon tout 1er post marche toujours ou c’est devenu obsolète?
j’aimerais pas pourrir mon ha avec 12 000 version de morceaux de programme!!

Car j’ai vu qu’il y avait vraiment eu pas mal de MAJ ces derniers temps, alors il y a peu être un moyen plus rapide et plus simple de changer ces icones ainsi que leurs couleurs?

J’essaie de checker le forum mais pour l’instant je trouve pas grand choses…

Merci bien!!

[Clemalex]

Tout est encore valide et l’installation peux se faire depuis HACS.

Rien n’a changé côté Frontend pour les couleurs.

Tu peux te passer de ce plugin en passant directement par card-mod (suivant les affinités je dirais) :

:

https://forum.hacf.fr/t/personnaliser-ses-cartes-avec-card-mod/4447

[Jordan2905]

J’ai aucune affinité, moi je suis nul lol
Tu penses Que c’est quoi le plus pratique et plus facile pour un débutant pour pouvoir changer ses icônes de couleur et d’état suivant L’état de ses capteurs? Sans avoir à les remettre à jour toutes les 3 semaines parce que y’a eu une mise à jour de tel plugin ou de tel code?

[Clemalex]

Le plus simple est sans conteste custom-ui

[boobi]

Bonsoir,

J’ai lu l’aide mais je sèches… Et Card-Mod oups…

Voilà mes questions j’ai des nas qui coupé passe en absent j’aimerais les basculé en rouge quand ils sont absent :

J’ai installé CustomUI :

Mais je ne le vois pas ici :

Est-ce normal (j’ai redémarré le serveur) ?

Par rapport a ce que j’ai lu j’ai modifier le customize.yaml :

je me suis basé sur :

J’ai bon ?

Parce-que ça marche pas

D’avance merci c’est super chaud quand on a l’impression d’être au milieu d’un désert de ?

[Clemalex]

@boobi

Mais je ne le vois pas ici :

La réponse est dans la documentation : → Vérifier l’installation

@boobi

Par rapport a ce que j’ai lu j’ai modifier le customize.yaml :

L’indentation ne semble pas correcte.

@Clemalex

alarm_control_panel.alarme:
  templates:
    icon_color: if ( (state === 'armed_home') || (state === 'armed_away') ) return
      '#df4c1e'; else return '#0da135';
switch.cuisine_lampes:
  icon_color: red

@boobi

Et Card-Mod oups

Même avec le lien qui est indiqué dans le sujet dédié ?

Personnaliser ses cartes avec Card-mod

Un sujet dans #entraide-home-assistant pour regrouper les demandes d’aide concernant l’utilisation de card-mod. Ce module permettant de modifier le rendu des cartes, des thèmes est un indispensable de la personnalisation et revient souvent. Utilisable aussi bien sur les cartes natives que sur les cartes personnalisées (custom-card), rien ne lui resiste Pour bien commencer, je vous propose de ne pas réinventer la roue et de vous partager un lien qui est parmi l’un des +1700 messages (…

[boobi]

Bonjour Clemalex et merci de ta disponibilité

J’ai vérifier la ressources du .js elle était bien présente. (Je l’ai supprimé et recréé, on sais jamais).

Il est bien dans le répertoire :

Par contre pour l’identification tu parles de quoi ? du nom du sensor, l’état ? (je suis un peu perdu)

J’ai modifié comme ça :

Pour card-mod je dis oups car pour Custom-ui me semble un peu complexe alors card-mod je me sens pas encore.

Merci

[Clemalex]

@boobi

J’ai vérifier la ressources du .js elle était bien présente. (Je l’ai supprimé et recréé, on sais jamais).

Il est bien dans le répertoire :

Ce n’est pas suffisant, voici ce qu’indique la documentation avec la traduction activée pour bien comprendre :

---

---

@boobi

Par contre pour l’ identification

Pas le bon mot :

@Clemalex

L’ indentation ne semble pas correcte

[boobi]

Je pensais a tort que l’indentation n’avais pas vraiment d’importance je suis partie sur ceci :

Texte
…Texte
…Texte

J’ai vérifier info il est bien présent :

Modification du fichier de conf :

j’ai testé avec not_home ou absent pas de changement de couleur.

j’ai creusé et relu utilisé beaucoup de fois ctrl shift R

D’ailleurs c’est devenu un tic maintenant…

J’ai bien le module java actif :

Bon depuis le début je me suis un peu lâché (j’ai testé plusieurs template pour voir si un fonctionnait résutat 0) :

J’en viens a une interrogation template: ou templates: j’avoue que je suis perdu…

[boobi]

Bon j’ai avancé un petit peu :

Le bazar eteind il est tout rouge alléluya !!!

Pourquoi ça sa marche :

(mais bon c’est pas green quand c’est allumé.)

Dans le fichier : configuration.yaml j’ai ajouté :

Une chose a fonctionné mais pas tout… ou donj aij péchej

[Clemalex]

@boobi

Dans le fichier : configuration.yaml j’ai ajouté :

J’ai ajouté l’information manquante dans mon post, merci

[boobi]

De rien !

Pour information après la mise a jour de HA a la version supérieur d’aujourd’hui Home Assistant 2021.6.4, la prise en compte de mes modification ont bien été prise en compte :

J’en conclus qu’un redémarrer du serveur ne suffit pas ?

[Clemalex]

@boobi

J’en conclus qu’un redémarrer du serveur ne suffit pas ?

En théorie, si…

Mais c’est ces petits comportements qui me font préférer card-mod…

[boobi]

card-mod… je vais voir doucement je préfère y aller piano…

[peps382000]

bonjour
je ne comprend pas comment on accède à la console de l’explorateur ?
Chez moi custom-ui ne fonctionne pas, j’ai suivi la procédure décrite au dessus et pas moyen de le faire fonctionner. Je suis à cours d’idées

Version	core-2021.6.6
Type d’installation	Home Assistant Supervised
Développement	false
Supervisor	true
Docker	true
Environnement virtuel	false
Version de Python	3.8.9
Famille du système d’exploitation	Linux
Version du système d’exploitation	5.10.17-v7+
Architecture du processeur	armv7l
Fuseau horaire	Europe/Paris

[Clemalex]

@peps382000

je ne comprend pas comment on accède à la console de l’explorateur ?

Open Chrome DevTools  |  Chrome for Developers

https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Open_the_debugger

@Clemalex

Ce n’est pas suffisant, voici ce qu’indique la documentation avec la traduction activée pour bien comprendre :

[peps382000]

merci pour cette réponse si rapide. Dans la console j’ai bien custom ui lancé

donc je vais regarder de plus pêt mon fichier customize.yaml. je voulais simplement faire un essai
switch.60053804840d8e63b569:
icon_color: if (entities[‹ switch.60053804840d8e63b569 ›].state === ‹ Off ›) return
‹ forestgreen ›

[Clemalex]

@peps382000

@boobi

Dans le fichier : configuration.yaml j’ai ajouté :

Regarde par là en 1er

[peps382000]

j’avais bie mis ces 2 lignes dans le fichier configuration.yaml
Si je mets dans customize.yaml le code suivant:

switch.60053804840d8e63b569:
  icon_color: 'red'

ça fonctionne

si je mets

switch.60053804840d8e63b569:
  icon_color: if (entities['switch.60053804840d8e63b569'].state === 'off') return
           'red'

ça ne fonctionne pas

[Clemalex]

@peps382000

si je mets

switch.60053804840d8e63b569:
  icon_color: if (entities['switch.60053804840d8e63b569'].state === 'off') return
           'red'

ça ne fonctionne pas

J’ai donné des exemples dans le post 2 :

@Clemalex

sensor.essence_carrefour_sp95_price:
       templates:
         icon_color: ' if (entities[''sensor.essence_sp95_best_price''].state === ''carrefour'')
           return ''#18c451''; '

Tu peux remarquer que tu n’as pas mis la balise templates