# Et moi c'est clemalex

**URL:** <https://forum.hacf.fr/t/et-moi-cest-clemalex/432>\
**Category:** Présentations\
**Created:** [Août 14, 2020, 10:49 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432 "2020-08-14T22:49:00Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Août 14, 2020, 10:49 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/1 "2020-08-14T22:49:00Z")

</div>

Bonjour à tous 😷

je viens de découvrir ce site et forum à la suite de l’article sur le Nest et son Cast. 💌

Trentenaire avec une femme et 2 filles, il me reste un peu de temps le soir pour m’occuper de la domotique. 😪

Informaticien de métier, j’utilise home assistant sous yaml (peut être un jour du NodeRed mais pour l’instant mon hardware ne le supportera pas).

Home assistant tourne sur un pi2 et tourne du tonnerre ! Vivement l’achat d’un rpi4.  
J’ai donc rpi2+RFlink de idleman+Vision ZU1401-5(zwave),serveur mosquitto 💥

Je suis sous Home Assistant depuis la version 0.96 (Juillet 2018).  
La domotique est histoire de coût, j’ai mis 3 ans à «&nbsp;domotiser&nbsp;» ma maison. 💰

J’ai maintenant une alarme grâce aux détecteurs de Xiaomi et la passerelle (qui me sert de veilleuse dans le couloir), des volets somfy pilotables, une porte de garage et portail pilotable par 433rf, des radiateurs pilotés par zwaves, un roborock, kodi, synology, imprimante, lumières (spots ou chevet),serveur mqtt

Home assistant est pour moi et de loin le meilleur assistant domotique de part sa grande souplesse, sa gratuité, et sa communauté.

Et là je découvre qu’une communauté française existe ! 🤯

Donc me voilà renforcer les rangs.

A l’occasion je partagerais mes custom card préférée et quelques config lovelace, surtout des adaptations mais pour rendre l’existant à mon goût et permettre au certain de découvrir les customisations.

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Août 14, 2020, 10:54 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/2 "2020-08-14T22:54:25Z")

</div>

Quelques images de mon lovelace :

 ![1](https://forum.hacf.fr/uploads/default/original/1X/1525175cbf712b6aeff358e867d0a3acfa40ac48.png) ![2](https://forum.hacf.fr/uploads/default/original/1X/a571396b60193260c236d13a5cb8c2eae34ff1bf.png) ![3](https://forum.hacf.fr/uploads/default/original/1X/7acf84e8084efcd915102f77dfd86d375fc5bf8c.png) ![4](https://forum.hacf.fr/uploads/default/original/1X/d36241171df5f95cad74f3ebc0e3609e62617137.png) ![5](https://forum.hacf.fr/uploads/default/original/1X/43fc1de31b083ec975c4cf138ea439fec348f148.png) ![6](https://forum.hacf.fr/uploads/default/original/1X/b059173a558d849976458fae4311aa35dcc65b02.png) ![7](https://forum.hacf.fr/uploads/default/original/1X/f388ba3b0154560b2267fc210cccd623ea03a776.png) ![8](https://forum.hacf.fr/uploads/default/original/1X/8271f1906637f3f59b34242800f4619fc87b897c.png) ![9](https://forum.hacf.fr/uploads/default/original/1X/b1b05746ce5d90232f45526a25b96f4263d27dbe.png)

---

<div class="post-metadata">

**Author:** ![DcJona](https://forum.hacf.fr/user_avatar/forum.hacf.fr/dcjona/32/1274_2.png) [@DcJona](https://forum.hacf.fr/u/DcJona)\
**Post date:** [Août 15, 2020, 7:13 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/3 "2020-08-15T07:13:29Z")

</div>

Sympa tout ça. Heureux que tu rejoignes les rangs suite à mon article 🙂

N’hésites pas a partager et à rejoindre aussi notre discord a l’occasion : [Discord](https://discord.gg/w9gqtU)

---

<div class="post-metadata">

**Author:** ![Christianb233](https://forum.hacf.fr/user_avatar/forum.hacf.fr/christianb233/32/207_2.png) [@Christianb233](https://forum.hacf.fr/u/Christianb233)\
**Post date:** [Août 15, 2020, 7:33 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/4 "2020-08-15T07:33:52Z")

</div>

Bienvenue @Clemalex, effectivement tes lovelaces sont intéressants : j’espère que tu pourras nous partager un peu de codes. Je suis déjà intrigué par ta carte «&nbsp;carburants&nbsp;»

---

<div class="post-metadata">

**Author:** ![papoo](https://forum.hacf.fr/user_avatar/forum.hacf.fr/papoo/32/184_2.png) [@papoo](https://forum.hacf.fr/u/papoo)\
**Post date:** [Août 15, 2020, 8:18 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/5 "2020-08-15T20:18:25Z")

</div>

soit le bienvenu @Clemalex

---

<div class="post-metadata">

**Author:** ![McFly](https://forum.hacf.fr/user_avatar/forum.hacf.fr/mcfly/32/1077_2.png) [@McFly](https://forum.hacf.fr/u/McFly)\
**Post date:** [Août 17, 2020, 3:19 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/6 "2020-08-17T15:19:21Z")

</div>

Bienvenue a toi.

Très intéressant ta configuration

---

<div class="post-metadata">

**Author:** ![barto\_95](https://forum.hacf.fr/user_avatar/forum.hacf.fr/barto_95/32/172_2.png) [@barto\_95](https://forum.hacf.fr/u/barto_95)\
**Post date:** [Août 21, 2020, 6:14 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/7 "2020-08-21T18:14:07Z")

</div>

Bienvenue parmi nous

effectivement tes lovelace sont interessant

vivement plus d’explication

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Août 21, 2020, 7:42 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/8 "2020-08-21T19:42:57Z")

</div>

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 ! 👨‍🏫

---

<div class="post-metadata">

**Author:** ![barto\_95](https://forum.hacf.fr/user_avatar/forum.hacf.fr/barto_95/32/172_2.png) [@barto\_95](https://forum.hacf.fr/u/barto_95)\
**Post date:** [Août 22, 2020, 9:56 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/9 "2020-08-22T09:56:19Z")

</div>

tu te base sur quoi pour ta carte lovelace spa ?

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Août 22, 2020, 9:59 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/10 "2020-08-22T09:59:01Z")

</div>

Je te réponds ce soir, dès que je suis à la maison.

---

<div class="post-metadata">

**Author:** ![Christianb233](https://forum.hacf.fr/user_avatar/forum.hacf.fr/christianb233/32/207_2.png) [@Christianb233](https://forum.hacf.fr/u/Christianb233)\
**Post date:** [Août 23, 2020, 2:20 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/11 "2020-08-23T14:20:58Z")

</div>

@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 :

1. Carte carburant : tu as utilisé aspect\_ratio pour faire un affichage très «&nbsp;étalé&nbsp;» de «&nbsp;LECLERC 1,185€/L&nbsp;» c’est ça ? j’aime bien effectivement ton rendu d’encadrer un texte dans un format «&nbsp;étalé&nbsp;»
2. je crois comprendre que tu affiches des fenêtres pop-ups en cliquant sur ton lovelace principal avec possibilité de les refermer en cliquant sur «&nbsp;x&nbsp;» ; peux-tu nous aiguiller un peu sur ta manière de faire ?

Merci encore pour ton aide et le partage de ton expérience !

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Août 23, 2020, 3:17 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/12 "2020-08-23T15:17:12Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Août 23, 2020, 7:36 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/13 "2020-08-23T19:36:17Z")

</div>

> [@Christianb233](#):
>
> Carte carburant : tu as utilisé aspect\_ratio pour faire un affichage très « étalé » de « LECLERC 1,185€/L » c’est ça ?

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'
> 
> ```

![image](https://forum.hacf.fr/uploads/default/original/1X/ccf3afd50272705eb7ba52678f06e15539a0e010.png)  
n'hésite pas à demander des explications.

* * *

* * *

> [@Christianb233](#):
>
> je crois comprendre que tu affiches des fenêtres pop-ups en cliquant sur ton lovelace principal avec possibilité de les refermer en cliquant sur « x » ; peux-tu nous aiguiller un peu sur ta manière de faire ?

Pour les popups, j'ai dans un premier temps utilisé une fonction de l'intégration `browser_mod`:

> **[GitHub - thomasloven/hass-browser\_mod: 🔹 A Home Assistant integration to turn your...](https://github.com/thomasloven/hass-browser_mod)**
>
> 🔹 A Home Assistant integration to turn your browser into a controllable entity and media player

> **[🔹 Browser\_mod - turn your browser into a controllable device, and a media\_player](https://community.home-assistant.io/t/browser-mod-turn-your-browser-into-a-controllable-device-and-a-media-player/123806)**
>
> Ok… so here’s my first ever custom component It does what my lovelace plugins lovelace-player and browser-commander used to do, but with backend support. From the readme: Make the camera feed from your front door pop up on the tablett in...

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](https://forum.hacf.fr/t/modifier-la-couleur-dicone-sur-un-button-card/447/2)) :

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'
> 
> ```

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Août 23, 2020, 7:46 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/14 "2020-08-23T19:46:57Z")

</div>

Bonsoir @barto_95,  
pour avoir ce rendu, j'utilise la carte `check-button-card` :

> **[GitHub - custom-cards/check-button-card: Check Button Card is a button that tracks when it...](https://github.com/custom-cards/check-button-card)**
>
> Check Button Card is a button that tracks when it is last pressed, for the Home Assistant Lovelace front-end using MQTT auto discovery.

> **[Lovelace: Check Button Card](https://community.home-assistant.io/t/lovelace-check-button-card/92980)**
>
> check-button-card Description Check Button Card is a button that tracks when it is last pressed, for the Home Assistant Lovelace front-end using MQTT auto discovery. Features Shows how long ago you’ve pressed the button. Automatic sensor...

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.

 ![image](https://forum.hacf.fr/uploads/default/original/1X/eb6454282885cde7bef1ef7452180ab9c30fef54.png)

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'
> 
> ```

---

<div class="post-metadata">

**Author:** ![barto\_95](https://forum.hacf.fr/user_avatar/forum.hacf.fr/barto_95/32/172_2.png) [@barto\_95](https://forum.hacf.fr/u/barto_95)\
**Post date:** [Août 24, 2020, 9:04 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/15 "2020-08-24T09:04:01Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Août 24, 2020, 9:12 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/16 "2020-08-24T09:12:34Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![barto\_95](https://forum.hacf.fr/user_avatar/forum.hacf.fr/barto_95/32/172_2.png) [@barto\_95](https://forum.hacf.fr/u/barto_95)\
**Post date:** [Août 24, 2020, 9:37 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/17 "2020-08-24T09:37:00Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Christianb233](https://forum.hacf.fr/user_avatar/forum.hacf.fr/christianb233/32/207_2.png) [@Christianb233](https://forum.hacf.fr/u/Christianb233)\
**Post date:** [Août 24, 2020, 11:21 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/18 "2020-08-24T11:21:44Z")

</div>

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 !

---

<div class="post-metadata">

**Author:** ![McFly](https://forum.hacf.fr/user_avatar/forum.hacf.fr/mcfly/32/1077_2.png) [@McFly](https://forum.hacf.fr/u/McFly)\
**Post date:** [Septembre 1, 2020, 9:21 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/19 "2020-09-01T09:21:41Z")

</div>

Salut et bienvenue à toi. Au plaisir de partager avec toi.

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Septembre 1, 2020, 9:24 UTC](https://forum.hacf.fr/t/et-moi-cest-clemalex/432/20 "2020-09-01T09:24:19Z")

</div>

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. 😇

[Page suivante](https://forum.hacf.fr/t/et-moi-cest-clemalex/432.md?page=2)