Carte automatique pour suivi des batteries

Bonjour,

dans le même style que ma carte : ci-dessus
je souhaiterais en faire une pour:
number.delta_max_sam_ac_charging_power
mais qui s’affiche que si:
{% if switch.pc_zigbee_6_prise_1.state == "on" %}
je viens de passer 2h dessus et je n’y arrive pas
pouvez vous m’aider SVP

Bonsoir,
Je n’ai pas pu le tester, et je suis sur mon téléphone, mais essaye avec ça, ça devrait fonctionner :

type: custom:auto-entities
filter:
  include: []
  template: >
    {% if is_state('switch.pc_zigbee_6_prise_1', 'on') %}
      {%- for state in states.number 
      | selectattr('entity_id', '==', 'number.delta_max_sam_ac_charging_power') %}
        {{
          {
            'entity': state.entity_id,
            'name': state.attributes.friendly_name,
          }
        }},
      {%- endfor %}
    {% endif %}
sort:
  method: state
  numeric: true
  reverse: false
  show_empty: true
card:
  type: custom:bar-card
  title_position: inside
  title: 'Delta Max SAM AC Charging Power'
  show-icon: true
  align: split
  columns: '1'
  height: 38px
  min: 0
  direction: right
  entity_row: false
  stack: vertical
  positions:
    name: inside
    value: inside
    icon: inside
    indicator: outside
  unit_of_measurement: 'W'
  max: 1000
  severity:
    - color: red
      to: '100'
      from: '0'
      icon: mdi:lightning-bolt
    - color: orange
      to: '250'
      from: '101'
      icon: mdi:lightning-bolt
    - color: yellow
      to: '500'
      from: '251'
      icon: mdi:lightning-bolt-outline
    - color: green
      to: '750'
      from: '501'
      icon: mdi:lightning-bolt-outline
    - color: darkcyan
      to: '1000'
      from: '751'
      icon: mdi:lightning-bolt-outline
  card_mod:
    style: |
      bar-card-currentbar, bar-card-current, bar-card-backgroundbar {
          height: 5px !important;
          margin-top: 30px;
      }
      ha-card {
          background: none;
          box-shadow: none;
          border: none;
      }
      ha-icon{
          color: white !important;
      }
      bar-card-iconbar {
          margin-bottom: 10px;
      }
  animation:
    state: 'off'
    speed: '5'
1 « J'aime »

ça fonctionne parfaitement,
merci

1 « J'aime »

De rien. Avec plaisir

quelqu’un aurait il une réponse pour ma demande du poste ici ?
svp

Bonjour à tous,

J’aimerais savoir si il est possible de rajouter une action au clic sur un des élements du tableau ? En effet j’aimerais pouvoir aller directement aux informations liées sur l’appareil pour voir le type de batterie, réinitialiser le changement de batterie ou voir la date du dernier changement plutôt que de devoir cliquer sur les 3 points puis « Informations sur l’appareil ».

Merci d’avance

Personne ne sait si c’est possible ?

Salut,

Juste avec une image c’est compliqué de retrouver par les multiples exemples du sujet comment ta carte serait construite.
Accessoirement custom:bar-card ne semble pas permettre de gérer l’action

Dac merci pour ta réponse.

Le code de ma carte :

type: custom:auto-entities
card:
  type: custom:bar-card
  title_position: inside
  height: 38
  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'
  card_mod: null
filter:
  include:
    - attributes:
        device_class: battery
      domain: sensor
      options: null
  exclude:
    - entity_id: sensor.*_battery_plus
    - entity_id: sensor.sm*
sort:
  exclude: []
  method: state
  numeric: true
show_empty: false

Je ferai autrement du coup.

Bonjour à tous.
Je débute, et cette vue récapitulative des batteries me semble très intéressante et pertinente.
J’ai réussi à tout setup, j’ai installé les addons demandés, mais je crois comprendre que j’ai mal installé card-mod, car j’ai exactement le même résultat que présenté plus haut : la barre verte est épaisse, et fait toute la hauteur.
image

Même quand je colle un code à 100% sans le modifier, tout est OK sauf cette épaisseur de bande…

Je n’y connais rien en code, j’arrive à piger comment faire deux-trois modifications à partir d’un code fait, mais là, globalement j’ai la sensation qu’il ne prend pas en compte tout ce qui est dans « style » :
image
Tout ce texte vert, que je le supprime ou modifie les marges/hauteurs, rien ne change…

Bonjour,
il dois te manquer card_mod a installer de HACS.

Salut,

Il faut ajouter card_mod (et tout décaler
image

Au top, merci!
En fait à un autre endroit du code, il y avait card_mod: null
Je pense que ça faisait du coup ignorer le reste.
J’ai pu corriger ça en supprimant le null.
Merci!

Personellement et comme dit plus haut, pour ce besoin là, je met le type de battery dans le friendly name… Pour la suite de ton besoin, de mon point de vue c’est secondaire…

Là je sais qu’il faut acheter de la CR2032…

Sauf que dans mon cas, j’ai une intégration pour suivre le renouvellement des piles. Sauf qu’il y a un bouton pour la RAZ sur les infos de l’appareil (d’où ma demande).
Cela me met la date et permet de savoir combien de temps je fais avec une charge/pile et donc d’anticiper le changement/charge.

Je comprend bien.

Mais au final, ça t’es réellement utile? Ou c’est à l’usage plus lourd?

Je me suis posé la question suite à la description de ce genre d’integration dans ce fil… Et finalement, pour mon usage perso, j’en ai conclu que c’était overkill pour moi.

1 « J'aime »

Le but était de le tester justement pour savoir si je gardais ou non

Alors si c’est pour tester il te faut essayer avec une carte qui permette de definir une action au clic.

J’avais gardé un test avec des jauges, je l’ai modifié pour mettre un lien vers ce post du forum pour mettre un truc sur le clic :rofl:

voici le code avec une carte jauge (gauge)
attention, chez moi le filtre est sur le friendly name et sur le type de pile, pas sur le device class ou le nom de l’entité comme dans ton code.
Pense à remettre tes filtres…

type: custom:auto-entities
card:
  type: grid
card_param: cards
filter:
  include:
    - name: /CR/
      options:
        type: gauge
        severity:
          green: 50
          yellow: 25
          red: 0
        tap_action:
          action: url
          url_path: >-
            https://forum.hacf.fr/t/carte-automatique-pour-suivi-des-batteries/11926/180
sort:
  method: state
  numeric: true
show_empty: false

Le rendu visuel (mais comme c’est pour du test, si c’est moche, ce n’est pas très grave):
image

Et avant de faire du auto entities, déjà teste sur une carte si tu arrives a faire ce que tu veux avec le simple clic…
En effet remonter à l’appareil ne m’a pas paru evident… Ensuite tu pourras essayer de modifier le code auto entities pour la carte complete… Puis tu feras ça dans une carte que tu trouves esthétique

Personnellement je n’ai pas ton integration sur les info batterie, mais en utilisant les possibilités offertes, je n’ai pas réussi a afficher les info de l’appareil source.

Cf GitHub - custom-cards/bar-card: Customizable Animated Bar card for Home Assistant Lovelace la documentation, il existe un tap_action donc c’est possible, …

J’ai essayé en mettant cela tout en bas dans ma carte et cela ne fonctionne pas :

tap_action:
  action: navigate
  navigation_path: /config/
type: custom:auto-entities
card:
  type: custom:bar-card
  title_position: inside
  height: 38
  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"
  card_mod: null
filter:
  include:
    - attributes:
        device_class: battery
      domain: sensor
      options: null
  exclude:
    - entity_id: sensor.*_battery_plus
    - entity_id: sensor.sm*
sort:
  exclude: []
  method: state
  numeric: true
show_empty: false
tap_action:
  action: navigate
  navigation_path: /config/

Ensuite vient le problème de pouvoir trouver le chemin dynamique, c’est à dire qui fonctionne pour chaque entité.
PS : quand je teste ce chemin sur un bouton, cela fonctionne pour aller sur la page du sensor :

tap_action:
  action: navigate
  navigation_path: /config/devices/device/69120792dbb296e7a3782249ad4946bc

Une idée ?