Custom:bar-card convert to custom:entity-progress-card

Dreckfresse · 23. Juli 2025 um 18:14

Hallo,
die custom:bar-card ist ja entfernt worden in HA
alternative ist
die custom:entity-progress-card

alte Ansicht:

neue Ansicht:

Bei der custom:entity-progress-card musste ich den Umweg über ein vertical-stack machen

Habt ihr eine Idee wie das ohne einen Rahmen um jede Entität geht?
sieht zwar nicht so schlecht aus, aber ich hätte das lieber wie bei der custom:bar-card

type: vertical-stack
cards:
  - type: custom:entity-progress-card
    entity: sensor.dwd_pollen_ambrosia
    decimal: 0
    min_value: 0
    max_value: 6
    unit: index
    icon_tap_action:
      action: more-info
    custom_theme:
      - min: 0
        max: 1
        color: cyan
      - min: 1
        max: 2
        color: green
      - min: 2
        max: 5
        color: yellowgreen
      - min: 5
        max: 6
        color: red
    name: Ambrosia
    disable_unit: true
  - type: custom:entity-progress-card
    entity: sensor.dwd_pollen_beifuss
    decimal: 0
    min_value: 0
    max_value: 6
    unit: index
    icon_tap_action:
      action: more-info
    custom_theme:
      - min: 0
        max: 1
        color: cyan
      - min: 1
        max: 2
        color: green
      - min: 2
        max: 5
        color: yellowgreen
      - min: 5
        max: 6
        color: red
    name: Beifuss
    disable_unit: true
  - type: custom:entity-progress-card
    entity: sensor.dwd_pollen_birke
    decimal: 0
    min_value: 0
    max_value: 6
    unit: index
    icon_tap_action:
      action: more-info
    custom_theme:
      - min: 0
        max: 1
        color: cyan
      - min: 1
        max: 2
        color: green
      - min: 2
        max: 5
        color: yellowgreen
      - min: 5
        max: 6
        color: red
    name: Birke
    disable_unit: true
  - type: custom:entity-progress-card
    entity: sensor.dwd_pollen_esche
    decimal: 0
    min_value: 0
    max_value: 6
    unit: index
    icon_tap_action:
      action: more-info
    custom_theme:
      - min: 0
        max: 1
        color: cyan
      - min: 1
        max: 2
        color: green
      - min: 2
        max: 5
        color: yellowgreen
      - min: 5
        max: 6
        color: red
    name: Esche
    disable_unit: true
  - type: custom:entity-progress-card
    entity: sensor.dwd_pollen_graeser
    decimal: 0
    min_value: 0
    max_value: 6
    unit: index
    icon_tap_action:
      action: more-info
    custom_theme:
      - min: 0
        max: 1
        color: cyan
      - min: 1
        max: 2
        color: green
      - min: 2
        max: 5
        color: yellowgreen
      - min: 5
        max: 6
        color: red
    name: Gräser
    disable_unit: true
  - type: custom:entity-progress-card
    entity: sensor.dwd_pollen_hasel
    decimal: 0
    min_value: 0
    max_value: 6
    unit: index
    icon_tap_action:
      action: more-info
    custom_theme:
      - min: 0
        max: 1
        color: cyan
      - min: 1
        max: 2
        color: green
      - min: 2
        max: 5
        color: yellowgreen
      - min: 5
        max: 6
        color: red
    name: Hasel
    disable_unit: true
  - type: custom:entity-progress-card
    entity: sensor.dwd_pollen_roggen
    decimal: 0
    min_value: 0
    max_value: 6
    unit: index
    icon_tap_action:
      action: more-info
    custom_theme:
      - min: 0
        max: 1
        color: cyan
      - min: 1
        max: 2
        color: green
      - min: 2
        max: 5
        color: yellowgreen
      - min: 5
        max: 6
        color: red
    name: Roggen
    disable_unit: true

Gruß

Nicknol · 23. Juli 2025 um 19:38

in der Doku ist genau das beim Beispiel für die vertical-stack-in-card erwähnt

Finally, card_mod is used to remove the borders and shadows, ensuring a clean and seamless appearance.

            card_mod:
              style:
                .: |-
                  :host {
                    --ha-card-border-width: 0px !important; /* Forcer la suppression des bordures */
                    box-shadow: none !important; /* Supprimer l'ombre pour enlever tout contour */
                  }

Dreckfresse · 23. Juli 2025 um 20:22

Das mit dem Aufklappen in GitHub habe ich glatt übersehen, danke

Passt noch nicht

Der Rahmen wurde entfernt

Das hier hätte ich gerne (ist aber mit Filter für eine Gruppe

HAndy · 23. Juli 2025 um 21:27

Wer hat die denn wie, wo und warum entfernt?
Also bei mir ist noch alles da und ich finde weder in HACS noch bei GitHub einen Hinweis darauf, dass es die nicht mehr geben soll.

Übershe ich hier etwas?

Dreckfresse · 24. Juli 2025 um 02:06

Du solltest eine Benachrichtigung in HA bekommen haben

Bei mir geht sie ja auch noch weil ich sie nicht gelöscht habe, neu laden geht natürlich nicht mehr

HAndy · 24. Juli 2025 um 04:08

Nein, ich habe diese Meldung weder in meinem Test- noch in meinem Produktiv-System bekommen.
Aber irgendwie tauchen solche Meldungen schon seit letztem Jahr im Internet auf!?

Dreckfresse · 24. Juli 2025 um 04:20

Frage ist welche Version von HA du im Einsatz hast, bei mir kam die Meldung bei 2025.6 => ignoriert und läuft weiter

Fakt ist, das sie schon lange nicht mehr aktualisiert wurde

Und bevor sie dann gar nicht mehr geht, besser eine alternative haben

HAndy · 24. Juli 2025 um 04:25

Ich habe auch die Version 3.2.0.

Was ich aber eben entdeckt habe:

Die Bar Card ist tot, es lebe die Bar Card.

Es gibt eine abgezweigte Version, die weiter entwickelt wird in der Version 4.08 vom Mai 2025.

HAndy · 24. Juli 2025 um 04:38

Bei der Gelegenheit habe ich gleich noch eine Bar Card gefunden, die mir sehr gut gefällt und die ich mir mal näher ansehen werde.

Nicknol · 24. Juli 2025 um 05:16

so war’s bei mir:

HAndy · 28. Juli 2025 um 02:56

@Dreckfresse Ich habe, glaube ich, durch meine Zwischenfragen, dein eigentliches Anliegen deines Beitrages etwas aus dem Rennen gekickt. Sorry.
Hast du die Lösung dafür unterdessen?
Nach dem Hinweis von @Nicknol hattest du ja geschrieben:

Ich habe mich unterdessen auch mal mit der Progress Bar Card beschäftigt.
Die Lösung für dein Problem ist tatsächlich einfach nur, statt

type: vertical-stack

type: custom:vertical-stack-in-card

zu verwenden.

Nach der Installation in HACS muss man nur diese eine Zeile ändern und die Zwischenräume sind weg.

Vorher:

Nachher:

Dreckfresse · 28. Juli 2025 um 04:16

Super
Das schaue ich mir gleich an, sieht genau so aus wie ich es gerne hätte

Dreckfresse · 28. Juli 2025 um 04:35

Jup

nachdem ich
GitHub - ofekashery/vertical-stack-in-card: Home Assistant Card: Group multiple cards into a single sleek card.
hinzugefügt habe

so sieht es jetzt aus:

und auch mein Hardware Monitoring

Danke schön

Schorsch · 28. Juli 2025 um 08:56

Sehr cool - vielen Dank für die „Vorarbeit“

Jetzt möchte ich nur noch einen Farbumschlag bei Überschreitung bestimmter Werte.

Mal seh’n, was da geht.

Nachtrag:
schon gefunden
Im ersten Beitrag von @Dreckfresse kann man es „abschauen“.

Nicknol · 28. Juli 2025 um 12:04

Vielleicht auch noch interessant für den einen oder anderen, ich zeige sowohl den absoluten als auch den prozentualen Wert für einige Sensoren in einer entity-progress-card an:

Dafür muss man den Parameter name_info per Jinja setzen:

type: custom:vertical-stack-in-card
cards:
  - type: custom:entity-progress-card
    entity: sensor.memory_use_percent
    name: RAM
    min_value: 0
    max_value: 100
    theme: optimal_when_low
    name_info: >-
      {{ states('sensor.memory_use') | float | round(1) }}
      {{state_attr('sensor.memory_use','unit_of_measurement') }}
  - type: custom:entity-progress-card
    entity: sensor.swap_use_percent
    name: Swap
    min_value: 0
    max_value: 100
    theme: optimal_when_low
    name_info: >-
      {{ states('sensor.swap_use') | float | round(1) }}
      {{state_attr('sensor.swap_use','unit_of_measurement') }}
  - type: custom:entity-progress-card
    entity: sensor.disk_use_percent_config
    name: Disk
    min_value: 0
    max_value: 100
    theme: optimal_when_low
    name_info: >-
      {{ states('sensor.disk_use') | float | round(1) }}
      {{state_attr('sensor.disk_use','unit_of_measurement') }}
  - type: custom:entity-progress-card
    entity: sensor.processor_use
    name: CPU
    min_value: 0
    max_value: 100
    theme: optimal_when_low
    name_info: >-
      {{ states('sensor.processor_temperature') | float | round(1) }}
      {{state_attr('sensor.processor_temperature','unit_of_measurement') }}

Schorsch · 28. Juli 2025 um 15:52

Hat geklappt.

Danke @Nicknol für den Tipp, das werde ich zahlreich umsetzen.

Dreckfresse · 28. Juli 2025 um 19:11

Mein Sensor Arbeitsspeicher hat die Einheit [MiB]
daher also umrechnen mit * 0,00104858 um GB auszugeben

    name_info: >-
      {{ (states('sensor.memory_use') | float(0) *0.00104858) | round(1) }} GB
      von 8 GB

oder einfach den % sensor verwenden

    name_info: >-
      {{ (states('sensor.system_monitor_memory_use_percent') | float(0) *8 /100)
      | round(1) }} GB von 8 GB

Die Abweichung resultiert natürlich das der RasPI natürlich nicht genau 8 GB Ram hat, oder ?? => 8 Gigabyte (8192 MB) LPDDR4X-SDRAM

Dreckfresse · 29. Juli 2025 um 19:05

Ein min/max ist ja manchmal auch interessant
Sensoren habe ich aber gerade erst angelegt

Nicknol · 29. Juli 2025 um 19:32

@Dreckfresse wie identifizierst und speicherst du min und max?
ich schaue mir gerade HA-Periodic-Min-Max an, kennst du das?

Dreckfresse · 29. Juli 2025 um 19:36

Ich verwende seit Jahren