Carte automatique pour suivi des batteries

jerome6994 · Octobre 17, 2023, 8:14

Je suis pas expert de la custo @WarC0zes comme toi
J’ai surement fait beaucoup trop d’assemblage copier / coller et il y a du conflit !

Parfois l’affichage est capricieux chez moi aussi !!

Est-ce l’usage du template ?
car sans template l’affichage reste bien comme il faut (partie supérieure où j’ai pas modifié encore le style d’ailleurs)

Mais je pense que c’est la partie style qui cause des soucis car je ne vois pas l’animation sur la page de mon dashboard mais je la vois bien quand je suis en édition de la carte

WarC0zes · Octobre 17, 2023, 8:52

Salut,
j’approuver juste ce que disait @titof2375, je ne critique en rien ta carte.
En custom, je me débrouille, mais sur les templates c’est pas mon fort.

Mais dans le style, il te manque le card_mod: qui est très important maintenant avec la v3.

j’ai rajouter le card_mod, et bien aligner le CSS. test voir si c’est plus stable.

  card_mod:
    style: |
      bar-card-currentbar, bar-card-current, bar-card-backgroundbar {
        height: 30px !important;
        margin-top: 30px;
      }
      bar-card-name {
        margin-left: 5px;
        font-size: 16px;
        font-weight: bold;
        color: white;
      }
      ha-card {
        background: none;
        box-shadow: none;
      }
      ha-icon {
        color: white !important;
      }
      bar-card-iconbar {
        margin-bottom: 10px;
      }

jerome6994 · Octobre 17, 2023, 9:42

Je n’avais pas pris ça en critique du tout pas d’inquiétude
Je mettais juste les galons sur les bonnes épaules
Le pro de la custo c’est bien toi, j’arrive aps à retenir tout dans ma petite tête donc merci pour tes partage
Je vais ajouter card_mod déjà voir

Jeffonline · Octobre 17, 2023, 8:02

Super merci beaucoup pour cette carte. Super boulot ! Y a moyen de ne pas afficher les téléphones ?

Nothing · Octobre 17, 2023, 11:37

Liste des sensors a éxclure de la recherche :

Jeffonline · Octobre 18, 2023, 12:50

Merci beaucoup, j’ai rajouté les noms des téléphones !

SASMalko · Novembre 14, 2023, 10:50

Bonjour,
Sujet très intéressant, que je souhaite intégrer à ma configuration
J’ai copié/collé dans mon configuration.yaml le code @MichelJ (et ôté le - devant le type du début)
J’ai ajouté les 3 lovelace de HACS (auto-entities, card-mod et Bar Card)
Quand je vérifie la configuration j’ai des messages d’erreur :
"Configuration non valide !
Integration error: sort - Integration ‹ sort › not found.
Integration error: card - Integration ‹ card › not found.
Integration error: show_empty - Integration ‹ show_empty › not found.
Integration error: type - Integration ‹ type › not found. "
Je pensais que c’était intégré par l’ajout des lovelaces…?
Quelqu’un pourrait m’aider sur ce sujet?
Ca doit être une grossière erreur de ma part. Je débute sur ce type de customisation
Merci d’avance
LB

Nothing · Novembre 14, 2023, 10:56

Bj

as tu installer les pre requis par exemple

custom:auto-entities

mushroom-chips-card

SASMalko · Novembre 14, 2023, 11:14

Bonjour,
J’avais identifié 3 prérequis :
auto-entities, card-mod et Bar Card
mais pas ```
mushroom-chips-card

je vais regarder ça
Merci

SASMalko · Novembre 14, 2023, 11:24

Je viens d’installer Mushroom Cards mais ça ne change rien
Les erreurs sont toujours là

Felix62 · Novembre 14, 2023, 11:32

Pour ma part je n’ai pas installé mushroom card cela dépend du code que tu utilises copie le code ainsi que l’erreur pour pouvoir t’aider

SASMalko · Novembre 14, 2023, 11:57

Le message d’erreur c’est bêtement les 4 lignes de texte :
Integration error: sort - Integration ‹ sort › not found.
Integration error: card - Integration ‹ card › not found.
Integration error: show_empty - Integration ‹ show_empty › not found.
Integration error: type - Integration ‹ type › not found. "
et l’information « Configuration non valide ! »
dans la fenêtre de vérification YAML des outils de développement

Le code c’est :

type: custom:auto-entities
card:
    type: custom:bar-card
    title_position: inside
    height: 38
    card_mod: null
    positions:
      icon: inside
      indicator: inside
      name: inside
      value: inside
    show_icon: true
    align: split
    columns: '2'
    max: 100
    unit_of_measurement: '%'
    severity:
      - color: '#d11e1e'
        from: 0
        to: 5
        icon: mdi:battery-outline
      - color: '#cf2d11'
        from: 6
        to: 10
        icon: mdi:battery-10
      - color: '#cc3900'
        from: 11
        to: 15
        icon: mdi:battery-10
      - color: '#c84400'
        from: 16
        to: 20
        con: mdi:battery-20
      - color: '#c44d00'
        from: 21
        to: 25
        icon: mdi:battery-20
      - color: '#bf5600'
        from: 26
        to: 30
        icon: mdi:battery-30
      - color: '#b95f00'
        from: 31
        to: 35
        icon: mdi:battery-30
      - color: '#b36600'
        from: 36
        to: 40
        icon: mdi:battery-40
      - color: '#ac6e00'
        from: 41
        to: 45
        icon: mdi:battery-40
      - color: '#a57500'
        from: 46
        to: 50
        icon: mdi:battery-50
      - color: '#9d7b00'
        from: 51
        to: 55
        icon: mdi:battery-50
      - color: '#948100'
        from: 56
        to: 60
        icon: mdi:battery-60
      - color: '#8b8700'
        from: 61
        to: 65
        icon: mdi:battery-60
      - color: '#818d00'
        from: 66
        to: 70
        icon: mdi:battery-70
      - color: '#769200'
        from: 71
        to: 75
        icon: mdi:battery-70
      - color: '#6a9700'
        from: 76
        to: 80
        icon: mdi:battery-80
      - color: '#5d9c00'
        from: 81
        to: 85
        icon: mdi:battery-80
      - color: '#4da100'
        from: 86
        to: 90
        icon: mdi:battery-90
      - color: '#39a500'
        from: 91
        to: 95
        icon: mdi:battery-90
      - color: '#15a911'
        from: 96
        to: 100
        icon: mdi:battery
    style: |
      bar-card-currentbar, bar-card-current, bar-card-backgroundbar {
        height: 5px !important;
        margin-top: 30px;
      }
      ha-card {
        background: none;
        box-shadow: none;
      }
      ha-icon{
        color: white !important;
      }
      bar-card-iconbar {
        margin-bottom: 10px;
      }
    animation:
      state: 'on'
      speed: '2'
filter:
    include:
      - attributes:
          device_class: battery
        domain: sensor
sort:
    exclude: []
    method: state
    numeric: true
show_empty: false

Pulpy-Luke · Novembre 14, 2023, 12:08

Salut,

Bon c’est simplement des souci d’indentations, il y en a trop en face de type: custom:bar-card et il en manque pour toute la fin filter, sort et show_empty
Regarde et compare par rapport à l’exemple original

SASMalko · Novembre 14, 2023, 1:02

OK, merci
je progresse, je n’ai plus que card et type
mais pourtant dans le source il n’y a pas d’indentation à la fin, sur filter, sort et show_empty

Pulpy-Luke · Novembre 14, 2023, 1:07

A gauche l’exemple, à droite ton code

L’indentation c’est toujours par « 2 espaces », pas 3 pas 4 pas 1

SASMalko · Novembre 14, 2023, 1:35

oui
en fait le code d’origine commence par

          - type: custom:auto-entities
            card:
              type: custom:bar-card
              title_position: inside
              ...

quand on copie/colle, ça donne :

- type: custom:auto-entities
            card:
              type: custom:bar-card
              title_position: inside
              ...

De plus dans un échange suivant il est dit d’ôter le "- " devant « type: »
alors j’ai modifié les indentations mais dès que VS Code ne me mettait plus d’erreur j’ai considéré que c’était ok
Et puis à la fin du code d’origine, les « filter: », « sort: » et « show_empty: » ne sont pas indentés.
Suite à tes conseils j’ai indenté toute cette partie de 2 colonnes et je n’ai plus que 2 erreurs.
Du coup je remets ici mon code modifié :

type: custom:auto-entities
card: 
  type: custom:bar-card
  title_position: inside
  height: 38
  card_mod: null
  positions:
    icon: inside
    indicator: inside
    name: inside
    value: inside
  show_icon: true
  align: split
  columns: '2'
  max: 100
  unit_of_measurement: '%'
  severity:
    - color: '#d11e1e'
      from: 0
      to: 5
      icon: mdi:battery-outline
    - color: '#cf2d11'
      from: 6
      to: 10
      icon: mdi:battery-10
    - color: '#cc3900'
      from: 11
      to: 15
      icon: mdi:battery-10
    - color: '#c84400'
      from: 16
      to: 20
      con: mdi:battery-20
    - color: '#c44d00'
      from: 21
      to: 25
      icon: mdi:battery-20
    - color: '#bf5600'
      from: 26
      to: 30
      icon: mdi:battery-30
    - color: '#b95f00'
      from: 31
      to: 35
      icon: mdi:battery-30
    - color: '#b36600'
      from: 36
      to: 40
      icon: mdi:battery-40
    - color: '#ac6e00'
      from: 41
      to: 45
      icon: mdi:battery-40
    - color: '#a57500'
      from: 46
      to: 50
      icon: mdi:battery-50
    - color: '#9d7b00'
      from: 51
      to: 55
      icon: mdi:battery-50
    - color: '#948100'
      from: 56
      to: 60
      icon: mdi:battery-60
    - color: '#8b8700'
      from: 61
      to: 65
      icon: mdi:battery-60
    - color: '#818d00'
      from: 66
      to: 70
      icon: mdi:battery-70
    - color: '#769200'
      from: 71
      to: 75
      icon: mdi:battery-70
    - color: '#6a9700'
      from: 76
      to: 80
      icon: mdi:battery-80
    - color: '#5d9c00'
      from: 81
      to: 85
      icon: mdi:battery-80
    - color: '#4da100'
      from: 86
      to: 90
      icon: mdi:battery-90
    - color: '#39a500'
      from: 91
      to: 95
      icon: mdi:battery-90
    - color: '#15a911'
      from: 96
      to: 100
      icon: mdi:battery
  style: |
    bar-card-currentbar, bar-card-current, bar-card-backgroundbar {        height: 5px !important;
      margin-top: 30px;
    }
    ha-card {
      background: none;
      box-shadow: none;
    }
    ha-icon{
      color: white !important;
    }
    bar-card-iconbar {
      margin-bottom: 10px;
    }
  animation:
    state: 'on'
    speed: '2'
  filter:
    include:
      - attributes:
          device_class: battery
        domain: sensor
  sort:
    exclude: []
    method: state
    numeric: true
  show_empty: false

Les erreurs restantes :
Configuration non valide !
Integration error: card - Integration ‹ card › not found.
Integration error: type - Integration ‹ type › not found.

Si j’indente « card: » VSCode m’affiche plein de « bad indentation of a mapping entry », ce qui n’est pas anormal, mais ces erreurs ne se résolvent pas en indentant les lignes!..
Et vers la fin du code j’ai des erreurs « end of the stream or a document separator is expected »
Une idée complémentaire? ou c’est encore des problèmes du même tonneau, dûs au fait que je suis une quiche
Merci d’avance
LB

SASMalko · Novembre 14, 2023, 1:48

Alors, j’ai copié/collé mon code dans scripts.yaml (qui est bien inclus dans configuration.yaml )
et là je n’ai plus d’erreur

SASMalko · Novembre 14, 2023, 2:10

Allez, la quiche se reprend
Comme vous avez pu le comprendre, je tentais de copier le code dans le configuration…yaml puis dans le scripts.yaml, mais quand je n’ai plus eu d’erreurs je ne voyais pas ma carte pour autant.
Et finalement, en collant le code dans l’éditeur de code pendant la création d’une carte personnalisée auto entities, l’image que j’attendais est apparue.
Mais bon, comme dans le code d’origine, il faut bien redécaler les « filter: », « sort: » et « show_empty: » vers la gauche pour qu’ils ne soient pas indentés.
Merci encore pour votre aide
LB

Jerome69 · Janvier 15, 2024, 8:37

Bonjour,

J’ai réussi à faire afficher toutes mes batteries en enlevant celle de mes téléphones. Maintenant je souhaiterais enlever les " Batterie" et les « _ » de mes noms mais ça ne fonctionne pas.
Voilà le code :

type: custom:auto-entities
card:
  type: custom:bar-card
  title_position: inside
  height: 25
  card_mod: null
  positions:
    icon: inside
    indicator: inside
    name: inside
    value: inside
  show_icon: true
  align: split
  columns: '1'
  max: 100
  unit_of_measurement: '%'
  severity:
    - color: '#d11e1e'
      from: 0
      to: 5
      icon: mdi:battery-outline
    - color: '#cf2d11'
      from: 6
      to: 10
      icon: mdi:battery-10
    - color: '#cc3900'
      from: 11
      to: 15
      icon: mdi:battery-10
    - color: '#c84400'
      from: 16
      to: 20
      icon: mdi:battery-20
    - color: '#c44d00'
      from: 21
      to: 25
      icon: mdi:battery-20
    - color: '#bf5600'
      from: 26
      to: 30
      icon: mdi:battery-30
    - color: '#b95f00'
      from: 31
      to: 35
      icon: mdi:battery-30
    - color: '#b36600'
      from: 36
      to: 40
      icon: mdi:battery-40
    - color: '#ac6e00'
      from: 41
      to: 45
      icon: mdi:battery-40
    - color: '#a57500'
      from: 46
      to: 50
      icon: mdi:battery-50
    - color: '#9d7b00'
      from: 51
      to: 55
      icon: mdi:battery-50
    - color: '#948100'
      from: 56
      to: 60
      icon: mdi:battery-60
    - color: '#8b8700'
      from: 61
      to: 65
      icon: mdi:battery-60
    - color: '#818d00'
      from: 66
      to: 70
      icon: mdi:battery-70
    - color: '#769200'
      from: 71
      to: 75
      icon: mdi:battery-70
    - color: '#6a9700'
      from: 76
      to: 80
      icon: mdi:battery-80
    - color: '#5d9c00'
      from: 81
      to: 85
      icon: mdi:battery-80
    - color: '#4da100'
      from: 86
      to: 90
      icon: mdi:battery-90
    - color: '#39a500'
      from: 91
      to: 95
      icon: mdi:battery-90
    - color: '#15a911'
      from: 96
      to: 100
      icon: mdi:battery
  style: |
    bar-card-currentbar, bar-card-current, bar-card-backgroundbar {
        height: 5px !important;
        margin-top: 30px;
    }
    ha-card {
        background: none;
        box-shadow: none;
    }
    ha-icon{
        color: white !important;
    }
    bar-card-iconbar {
        margin-bottom: 10px;
    }
  animation:
    state: 'on'
    speed: '2'
filter:
  exclude:
    - attributes:
        friendly_name: ^Pixel*$
  include:
    - attributes:
        device_class: battery
      options:
        name: friendly_name|replace(" Batterie", "")|replace("_", " ");
      domain: sensor
sort:
  method: state
  numeric: true
show_empty: true

Et voilà ce que ça m’affiche :

Vous sauriez m’aider s’il vous plait?

Merci.

Pulpy-Luke · Janvier 15, 2024, 8:54

Salut,

C’est pas une syntaxe valable :

; à la fin c’est une syntaxe JS, pas Jinja
friendly_name tout seul c’est pas un template jinja non plus

Il faut essayer un truc du genre :

name: >-
  {{ state_attr(entity,"friendly_name") |replace(" Batterie", "")|replace("_", " ") }}

Mais j’y crois pas :

pas sur que les templates soient autorisés dans la carte aut-entities, je ne vois rien qui y ressemble dans la doc
la valeur de entity c’est pas générique, ni un truc issue d’un boucle.

Comme évoqué plus haut, soit:

tu cliques sur la ligne, tu édites le friendly_name, et/ou l’icone
soit tu passes par un customize.yaml