wastecollection button-card

[Chriz]

huhu,

habe derzeit meine Wastecollection als button-card anzeige gemacht

Screenshot 2023-08-06 143820.png (195.46 KiB) 4409 mal betrachtet

Und hätte gern das die untere große Button-Card die jeweilige Farbe der kleinen button-card annimmt, halt jenachdem was als nächtes dran ist.
Im jetzigen Bild sollte also die Button-Card blau eingefärbt werden, wenn er dann zu Bio wechselt grün usw. usw.

Und wenn das Datum auf "Heute" springt das der Text sich dann rot einfärbt.

Kann mir da jemand behilflich sein?

Hier noch der aktuelle Code des ganzen:

Code: Alles auswählen

type: custom:vertical-stack-in-card
cards:
  - type: horizontal-stack
    cards:
      - type: picture
        image: /local/images/waste.jpg
  - type: horizontal-stack
    cards:
      - type: custom:button-card
        entity: sensor.abfall_rest
        color: sienna
        show_state: true
      - type: custom:button-card
        entity: sensor.abfall_wertstoff
        color: darkkhaki
        show_state: true
      - type: custom:button-card
        entity: sensor.abfall_papier
        color: royalblue
        show_state: true
      - type: custom:button-card
        entity: sensor.abfall_bio
        color: forestgreen
        show_state: true
  - type: vertical-stack
    cards:
      - type: custom:button-card
        entity: sensor.next_waste_collection
        show_state: true
        show_name: false

Als nächstes will ich das ganze noch auf ein Display in nähe des Eingangsbereich aufhängen, da ich dauernd vergesse die Tonnen rauszustellen
In der Hoffnung das ich da öfters mal drauf schaue beim rausgehen... Desweiteren soll dort noch die Steuerung für das Außenlicht hin, falls es mal manuell geschaltet werden soll (Läuft derzeit über Sensoren)
Daher dachte ich evtl nen Sonoff NSPanel dort hinzusetzen, oder hättet ihr bessere Ideen? Ein ganzes Tablet wollt ich da nicht haben, das wäre zuviel Anzeige für das bischen.

Lg

[Osorkon]

Verwende die Button Card selber nicht, aber mal auf die Schnelle dieser Ansatz.
Die Farbe anhängig vom Status.

Code: Alles auswählen

type: custom:vertical-stack-in-card
cards:
  - type: horizontal-stack
    cards:
      - type: picture
        image: /local/images/waste.jpg
  - type: horizontal-stack
    cards:
      - type: custom:button-card
        entity: sensor.abfall_rest
        color: sienna
        show_state: true
      - type: custom:button-card
        entity: sensor.abfall_wertstoff
        color: darkkhaki
        show_state: true
      - type: custom:button-card
        entity: sensor.abfall_papier
        color: royalblue
        show_state: true
      - type: custom:button-card
        entity: sensor.abfall_bio
        color: forestgreen
        show_state: true
  - type: vertical-stack
    cards:
      - type: custom:button-card
        entity: sensor.next_waste_collection
        show_state: true
        show_name: false
        state:
          - value: Restmüll
            color: sienna
          - value: Gelbe Tonne
            color: darkkhaki
          - value: Papier
            color: royalblue
          - value: Biomüll
            color: forestgreen

Gruß
Osorkon

[Osorkon]

Meine Abfuhrkalender Karte ist ein wenig verspielter und kommt ohne Custom Karten aus.
War so ziemlich das erste was ich in Home Assistant Richtung Dashboard gemacht habe.

Abfuhrkalender.png (171.39 KiB) 4384 mal betrachtet

Gruß
Osorkon

[Chriz]

Vielen Dank, das funktioniert nur leider nicht
Das ding bleibt weiß, der braucht auch das datum als "state"

wenn man z.B.:

Code: Alles auswählen

          - value: Wertstoff am 11.08.2023
            color: darkkhaki

eintippt, dann färbt er sich.

Ist das die wastecollection-card bei dir?
Irgendwoher kenn ich das ding, in irgendeinem guide schonmal gesehen, oder irgendwo hier

[Osorkon]

Ok, ich haben hier noch einen sensor.next_waste_collection_type, dieser gibt nur den Typ zurück.

Code: Alles auswählen

- platform: waste_collection_schedule
  name: next_waste_collection_type
  details_format: upcoming
  value_template: '{{value.types|join(", ")}}'

Somit funktioniert die Karte bei mir richtig.

Code: Alles auswählen

  - type: vertical-stack
    cards:
      - type: custom:button-card
        entity: sensor.next_waste_collection_type
        show_state: true
        show_name: false
        state:
          - value: Restmüll
            color: sienna
          - value: Gelber Sack
            color: darkkhaki
          - value: Papier
            color: royalblue
          - value: Bioabfall
            color: forestgreen

Der Abfallkalender ist bei mir eine Kombination aus entities und picture Karte.

Code: Alles auswählen

type: entities
style: |
  ha-card {background: RGB(255, 246, 222); }
header:
  type: picture
  image: local/bilder/Olchis.png
  tap_action:
    action: call-service
    confirmation: true
    service: script.erinnerung_muell
entities:
  - entity: sensor.next_waste_collection_daysto
    image: local/bilder/muellauto.png
    hold_action:
      service: script.erinnerung_muell
    name: Als nächstes muss raus
  - entity: sensor.waste_collection_waste
    name: Restmüll
    image: local/bilder/restmuell.svg
  - entity: sensor.waste_collection_bio
    name: Bioabfall
    image: local/bilder/bio.svg
  - entity: sensor.waste_collection_plastic
    name: Gelber Sack
    image: local/bilder/gelbersack.png
  - entity: sensor.waste_collection_paper
    name: Papier
    image: local/bilder/papier.svg
  - entity: sensor.waste_collection_garden
    name: Gartenabfall
    image: local/bilder/garten.svg
  - entity: sensor.waste_collection_hazard
    name: Problemstoffe
    image: local/bilder/schadstoffe.svg
state_color: false
show_header_toggle: true
footer:
  type: picture
  image: /local/bilder/Olchis2.png
  tap_action:
    action: none
  hold_action:
    action: none
theme: solarized_light

Gruß
Osorkon

[Chriz]

Sorry für die späte Rückmeldung, kam auf den Trichter mir nen Unraid Server aufzubauen und hänge die ganze Zeit jetzt dadran
Überlege ob ich HA dahin auch umziehe oder es seperat auf dem Raspi laufen lasse, so wie jetzt.

Hab mir den Sensor angelegt und damit scheint es jetzt zu gehen, vielen vielen Dank dafür.

Hab dabei gesehen das der Sensor "next_waste_collection" bei mir so aussieht

Code: Alles auswählen

  - platform: waste_collection_schedule
    name: next_waste_collection
    details_format: upcoming
    value_template: '{{value.types|join(", ")}} am {{value.date.strftime("%d.%m.%Y")}}'

ist ja vom prinzip das selbe ding wie jetzt der neu hinzugefügte Sensor nur das, dieser hier den zusatz mit dem Datum hat, weswegen das ganze vorher wohl nicht ging.
Kann man das so machen das ich den neuen Sensor nicht brauche aber dennoch das Datum habe

[Osorkon]

@Chriz was stört Dich der ein oder andere zusätzliche Sensor?

Ich habe zum Thema waste_collection_schedule insgesmat 11 Sensoren am Start. Für jeden Einsatzzweck den richtigen.

Gruß
Osorkon

[Chriz]

Der innere Monk möchte nichts überflüssiges ist ja fast doppelt gemoppelt der sensor, nur das der eine noch den Zusatz Datum hat

[Chriz]

Der innere Monk möchte nichts überflüssiges ist ja fast doppelt gemoppelt der sensor, nur das der eine noch den Zusatz Datum hat