Et moi c'est clemalex

Bonjour à tous :mask:

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

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

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

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

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 ! :exploding_head:

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.

1 J'aime

Quelques images de mon lovelace :
1 2 3 4 5 6 7 8 9

3 J'aime

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

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

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 « carburants »

soit le bienvenu @Clemalex

Bienvenue a toi.

Très intéressant ta configuration

Bienvenue parmi nous

effectivement tes lovelace sont interessant

vivement plus d’explication

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 ! :man_teacher:

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 :wink: car tes lovelaves méritent le détour :+1:

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 « étalé » de « LECLERC 1,185€/L » c’est ça ? j’aime bien effectivement ton rendu d’encadrer un texte dans un format « étalé »
  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 « x » ; peux-tu nous aiguiller un peu sur ta manière de faire ?

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

Pas de problème :wink:

Malheureusement, j’ai déjà un jour de retard dans mes réponses :sweat_smile:.

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.

1 J'aime

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
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'
1 J'aime

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.

image

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 :wink: 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 ?

:laughing:

En tout cas, on est bien accueilli. :innocent: