Merci.
Si tu veux des explications sur mon lovelace, n’hésite pas à me demander.
J’ai mis mes cartes exprès si certains veulent des explications.
Partage avant tout !
Merci.
Si tu veux des explications sur mon lovelace, n’hésite pas à me demander.
J’ai mis mes cartes exprès si certains veulent des explications.
Partage avant tout !
tu te base sur quoi pour ta carte lovelace spa ?
Je te réponds ce soir, dès que je suis à la maison.
@Clemalex On va malheureusement te solliciter car tes lovelaves méritent le détour
J’ai déjà commencé à utiliser les buttons cards.
Pas simple à appréhender en première lecture, j’ai déjà commencé par m’inspirer des codes proposés.
Tes illustrations m’intéressent à nouveau sur 2 aspects :
Merci encore pour ton aide et le partage de ton expérience !
Pas de problème
Malheureusement, j’ai déjà un jour de retard dans mes réponses .
Comme j’essaie de répondre avec le maximum d’explications, il me faut mon ordi et je ne peux l’occuper que le soir… Assez tard…
Mais pas de problème, je te mettrais les sources dans mon prochain commentaires.
Pas tout à fait, j’ai utilisé plutôt un champ personnel et la coloration du texte se fait en fonction de la valeur du capteur sensor.essence_gazole_best_price
:
color_type: icon custom_fields: price: | [[[ return ` <span><span style="color: var(--text-color-sensor);">${states['sensor.hacf_essence_bordeaux_auchan_gazole_b10_price'].state}</span></span>` ]]] entity: sensor.hacf_essence_bordeaux_auchan_gazole_b10_price icon: 'mdi:gas-station-outline' name: Auchan show_icon: false show_last_changed: false show_name: true styles: card: - border: 2px solid var(--primary-color) - border-radius: 5px - height: 1em custom_fields: price: - background-color: 'rgba(0, 0, 0, 0)' - position: absolute - bottom: '-10px' - right: 5px - font-size: 15px - line-height: 20px - '--text-color-sensor': | [[[ if ( (states['sensor.essence_gazole_best_price'].state == 'Auchan') ) return 'var(--sp95-color)'; else return 'var(--primary-color)'; ]]] grid: - position: relative - grid-template-areas: '"n i s"' label: - font-size: 10px - color: 'rgba(0,0,0,0)' name: - font-variant: small-caps - justify-self: start - padding: 0 15px - color: | [[[ if ( (states['sensor.essence_gazole_best_price'].state == 'Auchan') ) return 'var(--sp95-color)'; else return 'var(--primary-color)'; ]]] type: 'custom:button-card'
n’hésite pas à demander des explications.
Pour les popups, j’ai dans un premier temps utilisé une fonction de l’intégration browser_mod
:
Je te laisse lire la documentation mais c’est une intégration intéressante.
Cependant, à force d’utilisation je n’étais pas ravi du fonctionnement de l’intégration car (à l’époque) pas de popup more-info
à l’intérieure d’une popup.
Du coup, je suis encore une fois passé par la carte custom button card
(j’en ai parlé ici) :
En fait, chaque popup
que tu vois est en faite une page de mon lovelace.
Chaque croix en haut à gauche
est un button card avec comme action la navigation vers la page d’accueil :
color: auto color_type: icon entity: sensor.close icon: 'mdi:close' layout: icon_name name: Alarme show_icon: true show_label: false show_last_changed: false show_name: true show_state: false styles: card: - border-radius: 10px - height: 50px - width: 200px - margin: 5px 5px -10px 0px - padding: 0px 0px - background-color: 'rgba(0,0,0,0)' - box-shadow: none grid: - position: relative icon: - position: absolute - left: 25px - width: 30% - top: 12px - color: black name: - position: absolute - left: '-20px' - font-size: 20px tap_action: action: navigate navigation_path: accueil type: 'custom:button-card'
Bonsoir @barto_95,
pour avoir ce rendu, j’utilise la carte check-button-card
:
Pour pouvoir utiliser cette carte, il faut au préalable disposer d’un serveur MQTT fonctionnel et intégré à Home Assistant, sinon à chaque redemarrage, la carte aura perdu ses billes.
Le code :
cards: - cards: - cards: - entity: sensor.remplissage remove: false style: | #button { color: var(--primary-color); background-color: rgba(0,0,0,0); text-shadow: none; } ha-card { border: 1px solid var(--primary-color); } text: ago: '' day: jour days: jours due_in: due in hour: heure hours: heures less_than: moins d' minute: minute minutes: minutes month: mois months: mois more_than: plus de over_by: over by week: semaine weeks: semaines year: an years: ans title: Remplissage type: 'custom:check-button-card' undo_timeout: 15 type: horizontal-stack - cards: - entity: sensor.clarifiant remove: false style: | #button { color: var(--primary-color); background-color: rgba(0,0,0,0); text-shadow: none; } ha-card { border: 1px solid var(--primary-color); } text: ago: '' day: jour days: jours due_in: due in hour: heure hours: heures less_than: moins d' minute: minute minutes: minutes month: mois months: mois more_than: plus de over_by: over by week: semaine weeks: semaines year: an years: ans title: Clari. HTH type: 'custom:check-button-card' undo_timeout: 15 - entity: sensor.clarifiant_spatime remove: false style: | #button { color: var(--primary-color); background-color: rgba(0,0,0,0); text-shadow: none; } ha-card { border: 1px solid var(--primary-color); } text: ago: '' day: jour days: jours due_in: due in hour: heure hours: heures less_than: moins d' minute: minute minutes: minutes month: mois months: mois more_than: plus de over_by: over by week: semaine weeks: semaines year: an years: ans title: Clari. SpaTime type: 'custom:check-button-card' undo_timeout: 15 type: horizontal-stack type: vertical-stack type: 'custom:vertical-stack-in-card'
Ok en faite je me suis mal exprimé
quel type de sonde utilise tu pour le chlore ph etc …
mais merci de la réponse pour l’explication de la card
Aucune sonde. C’est moi qui renseigne manuellement l’ajout de produit.
Commz ça madame et moi pouvons savoir rapidement s’il est temps de contrôler
Ok je pensais que tu avais une/des sonde pour cela car on n’en parlais dans le salon piscine sous discord de comment faire ce genre de chose pour faire des automations
Merci beaucoup @Clemalex pour ta réactivité, ton temps passé pour la réponse et tes précisions je vais étudier ta réponse plus précisément ce soir. Bonne journée !
Salut et bienvenue à toi. Au plaisir de partager avec toi.
Bien réveillé ? Pas trop dur la rentrée ?
Ou tu va me souhaiter la bienvenue à chaque début de mois ?
En tout cas, on est bien accueilli.
Lol je faisait un tour pur accueillir les nouveaux au retour de vacances mais ta présentation a servie d’échange de config alors je n’ai pas retrouvé la mienne lol
Bonne rentrée alors !
Super clean ton lovelace. As tu ta configuration HA disponible sur GitHub ?
Non pas de github mais je partage au cas par cas et suivant les questions.
Un jour elle y sera peut être mais là je suis en train de la passer en ‹ packages › donc ce sera plus facile a partager.
Surtout pour la partie chauffage
Toi qui est informaticien et qui utilise HA en mode YAML as tu vu l’organisation de la config par type (détournant le fonctionnement des packages) initié par frenck ?
Je l’ai implémenté et j’adore. Si tu es en pleine refactorisation de ta config ca peut t’inspirer.
Non, As tu un lien ?