Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Lovelace Card für TrashSchedule Adapter

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.7k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.1k

Lovelace Card für TrashSchedule Adapter

Geplant Angeheftet Gesperrt Verschoben Visualisierung
55 Beiträge 10 Kommentatoren 6.9k Aufrufe 12 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • L LastActionHero

    @cookingeek bin gespannt! habe deinen code oben kopiert und nur meine entities namen angepasst.

    type: custom:auto-entities
    card:
      type: horizontal-stack
    card_param: cards
    filter:
      include:
        - entity_id: sensor.altpapier_daysLeft
          options:
            type: custom:trashschedule-card
            locale: de-DE
            trashtype: Altpapier
            trashcolor: sensor.altpapier_color
            daysleft: sensor.altpapier_daysLeft
            date: sensor.altpapier_nextDate
        - entity_id: sensor.bioabfall_nextDate
          options:
            type: custom:trashschedule-card
            locale: de-DE
            trashtype: Bioabfall
            trashcolor: sensor.bioabfall_color
            daysleft: sensor.bioabfall_daysLeft
            date: sensor.bioabfall_nextDate
        - entity_id: sensor.restabfall_daysLeft
          options:
            type: custom:trashschedule-card
            locale: de-DE
            trashtype: Restmüll
            trashcolor: sensor.restabfall_color
            daysleft: sensor.restabfall_daysLeft
            date: sensor.restabfall_nextDate
        - entity_id: sensor.gelberSack_daysLeft
          options:
            type: custom:trashschedule-card
            locale: de-DE
            trashtype: Recycling
            trashcolor: sensor.gelberSack_color
            daysleft: sensor.gelberSack_daysLeft
            date: sensor.gelberSack_nextDate
    sort:
      method: state
      numeric: true
    
    C Offline
    C Offline
    cookingeek
    schrieb am zuletzt editiert von
    #40

    @lastactionhero Mir fällt auf, dass deine Entity_Id bei Bioabfall nextDate ist.

    L 1 Antwort Letzte Antwort
    0
    • David G.D David G.

      Bei mir will er irgendwie auch nicht richtig sortieren.
      Komisch. Chrome on Android.

      Screenshot_20241026_120545_Fully Kiosk Browser.jpg

      type: custom:auto-entities
      card:
        type: horizontal-stack
      card_param: cards
      filter:
        include:
          - entity_id: sensor.type_papiermuell_daysLeft
            options:
              type: custom:trashschedule-card
              locale: de-DE
              trashtype: Paliermüll
              trashcolor: sensor.type_papiermuell_color
              daysleft: sensor.type_papiermuell_daysLeft
              date: sensor.type_papiermuell_nextDate
          - entity_id: sensor.type_restmuell_daysLeft
            options:
              type: custom:trashschedule-card
              locale: de-DE
              trashtype: Biomüll
              trashcolor: sensor.type_biomuell_color
              daysleft: sensor.type_biomuell_daysLeft
              date: sensor.type_biomuell_nextDate
          - entity_id: sensor.type_biomuell_daysLeft
            options:
              type: custom:trashschedule-card
              locale: de-DE
              trashtype: Gelber Sack
              trashcolor: sensor.type_gelberSack_color
              daysleft: sensor.type_gelberSack_daysLeft
              date: sensor.type_gelberSack_nextDate
          - entity_id: sensor.type_gelberSack_daysLeft
            options:
              type: custom:trashschedule-card
              locale: de-DE
              trashtype: Restmuell
              trashcolor: sensor.type_restmuell_color
              daysleft: sensor.type_restmuell_daysLeft
              date: sensor.type_restmuell_nextDate
      sort:
        method: state
        numeric: true
      
      

      Wohl irgendwie ein Bug in der custom:Auto-entities.

      C Offline
      C Offline
      cookingeek
      schrieb am zuletzt editiert von
      #41

      @david-g Bei dir ist die Entity id bei Gelber Sack nicht auf DaysLeft von Gelber Sack.

      1 Antwort Letzte Antwort
      1
      • C cookingeek

        @lastactionhero Mir fällt auf, dass deine Entity_Id bei Bioabfall nextDate ist.

        L Offline
        L Offline
        LastActionHero
        schrieb am zuletzt editiert von
        #42

        @cookingeek Danke!!! Wald vor Bäume... usw. Jetzt funktioniert alles wie es soll!

        1 Antwort Letzte Antwort
        1
        • C cookingeek

          Hallo zusammen,

          ich freue mich, euch meine neue benutzerdefinierte Karte für Lovelace vorzustellen: die TrashSchedule-Card! Diese Karte zeigt den nächsten Abholtermin für den Müll an, einschließlich des Mülltyps, der verbleibenden Tage bis zur Abholung und der Farbe des Mülleimers.

          Github: https://github.com/cookingeek/ioB.custom.trashschedule.card

          da5f92ec-570f-4293-8dfc-9b69fb038209-image.png

          Den TrashSchedule Adapter habe ich wie folgt konfiguriert.

          f30d38ab-5655-4cf9-ad7d-1c3e808369d7-image.png

          Für Lovelace stellt ihr dann je Mülltyp folgende Parameter zusammen.

          a8bd8485-ed6f-4f98-9c1f-cf9156b36470-image.png

          Beispiel Lovelace Card Config:

          type: custom:trashschedule-card
          locale: de-DE
          trashtype: Altpapier
          trashcolor: sensor.altpapier_color
          daysleft: sensor.altpapier_daysLeft
          date: sensor.altpapier_nextDate
          

          Ich freue mich über euer Feedback und mögliche Verbesserungsvorschläge. Wenn ihr Fragen habt oder Unterstützung benötigt, lasst es mich bitte wissen!

          Viel Spaß mit der neuen Karte!

          S Offline
          S Offline
          Shakesbier
          schrieb am zuletzt editiert von
          #43

          @cookingeek Hi.

          Bin glaube ich gerade bisschen neben der Spur?
          Muss ich im Iobroker ein javascript erstellen?

          Ich bekomme da den Fehler:

          script.js.Trashschedule-Card: ReferenceError: HTMLElement is not defined

          Danke schon mal.

          Gruß

          Shakesbier

          C 1 Antwort Letzte Antwort
          0
          • S Shakesbier

            @cookingeek Hi.

            Bin glaube ich gerade bisschen neben der Spur?
            Muss ich im Iobroker ein javascript erstellen?

            Ich bekomme da den Fehler:

            script.js.Trashschedule-Card: ReferenceError: HTMLElement is not defined

            Danke schon mal.

            Gruß

            Shakesbier

            C Offline
            C Offline
            cookingeek
            schrieb am zuletzt editiert von
            #44

            Hi @shakesbier,

            was hast du denn gemacht? Glaube es ist ein Konfigurations Thema.

            Kannst du die Card Konfiguration und ein Screenshot der Objekte mal rein posten?

            Viele Grüße
            Cookingeek

            S 1 Antwort Letzte Antwort
            0
            • C cookingeek

              Hi @shakesbier,

              was hast du denn gemacht? Glaube es ist ein Konfigurations Thema.

              Kannst du die Card Konfiguration und ein Screenshot der Objekte mal rein posten?

              Viele Grüße
              Cookingeek

              S Offline
              S Offline
              Shakesbier
              schrieb am zuletzt editiert von
              #45

              @cookingeek Hi.

              So ist es aktuell eingestellt.Screenshot 2025-01-12 122053.png Screenshot 2025-01-12 121959.png Screenshot 2025-01-12 121824.png

              David G.D 1 Antwort Letzte Antwort
              0
              • S Shakesbier

                @cookingeek Hi.

                So ist es aktuell eingestellt.Screenshot 2025-01-12 122053.png Screenshot 2025-01-12 121959.png Screenshot 2025-01-12 121824.png

                David G.D Offline
                David G.D Offline
                David G.
                schrieb am zuletzt editiert von
                #46

                @shakesbier

                Hast du die Karte denn runtergeladen und installiert?

                Laut dem roten Text nicht.

                Zeigt eure Lovelace-Visualisierung klick
                (Auch ideal um sich Anregungen zu holen)

                Meine Tabellen für eure Visualisierung klick

                C S 2 Antworten Letzte Antwort
                0
                • David G.D David G.

                  @shakesbier

                  Hast du die Karte denn runtergeladen und installiert?

                  Laut dem roten Text nicht.

                  C Offline
                  C Offline
                  cookingeek
                  schrieb am zuletzt editiert von
                  #47

                  @david-g danke. Wäre auch meine Frage gewesen.

                  1 Antwort Letzte Antwort
                  0
                  • David G.D David G.

                    @shakesbier

                    Hast du die Karte denn runtergeladen und installiert?

                    Laut dem roten Text nicht.

                    S Offline
                    S Offline
                    Shakesbier
                    schrieb am zuletzt editiert von
                    #48

                    @david-g Hi.
                    Das war es.... Oh man... Bin neu bei Lovelace und hätte mir mal die Lovelace Anleitung durchlesen sollen.
                    Danke euch.... Top

                    C 1 Antwort Letzte Antwort
                    0
                    • S Shakesbier

                      @david-g Hi.
                      Das war es.... Oh man... Bin neu bei Lovelace und hätte mir mal die Lovelace Anleitung durchlesen sollen.
                      Danke euch.... Top

                      C Offline
                      C Offline
                      cookingeek
                      schrieb am zuletzt editiert von
                      #49

                      @shakesbier Optimal.

                      1 Antwort Letzte Antwort
                      0
                      • Leszek CeglarekL Offline
                        Leszek CeglarekL Offline
                        Leszek Ceglarek
                        schrieb am zuletzt editiert von
                        #50

                        Hallo. Ich kann die karte über "eingene karten" nicht instalieren. Gibt auch andere weg?

                        C 1 Antwort Letzte Antwort
                        0
                        • Leszek CeglarekL Leszek Ceglarek

                          Hallo. Ich kann die karte über "eingene karten" nicht instalieren. Gibt auch andere weg?

                          C Offline
                          C Offline
                          cookingeek
                          schrieb am zuletzt editiert von
                          #51

                          @leszek-ceglarek was funktioniert nicht? Wenn man die Reihenfolge sortiert haben möchte, benötigt man zwei Karten

                          1 Antwort Letzte Antwort
                          0
                          • Leszek CeglarekL Offline
                            Leszek CeglarekL Offline
                            Leszek Ceglarek
                            schrieb am zuletzt editiert von
                            #52

                            Funktioniert. Habt falsch runtergeladen. Danke für schnelle Reaktion.

                            1 Antwort Letzte Antwort
                            0
                            • C cookingeek

                              @lastactionhero habe eine Lösung. Umgesetzt mit der https://github.com/thomasloven/lovelace-auto-entities/tree/master card.

                              Viel Spaß damit.

                              Beispiel:

                              type: custom:auto-entities
                              card:
                                type: horizontal-stack
                              card_param: cards
                              filter:
                                include:
                                  - entity_id: sensor.altpapier_daysLeft
                                    options:
                                      type: custom:trashschedule-card
                                      locale: de-DE
                                      trashtype: Altpapier
                                      trashcolor: sensor.altpapier_color
                                      daysleft: sensor.altpapier_daysLeft
                                      date: sensor.altpapier_nextDate
                                  - entity_id: sensor.restabfall_daysLeft
                                    options:
                                      type: custom:trashschedule-card
                                      locale: de-DE
                                      trashtype: Restmüll
                                      trashcolor: sensor.restabfall_color
                                      daysleft: sensor.restabfall_daysLeft
                                      date: sensor.restabfall_nextDate
                                  - entity_id: sensor.bioabfall_daysLeft
                                    options:
                                      type: custom:trashschedule-card
                                      locale: de-DE
                                      trashtype: Bioabfall
                                      trashcolor: sensor.bioabfall_color
                                      daysleft: sensor.bioabfall_daysLeft
                                      date: sensor.bioabfall_nextDate
                                  - entity_id: sensor.gelberSack_daysLeft
                                    options:
                                      type: custom:trashschedule-card
                                      locale: de-DE
                                      trashtype: Recycling
                                      trashcolor: sensor.gelberSack_color
                                      daysleft: sensor.gelberSack_daysLeft
                                      date: sensor.gelberSack_nextDate
                              sort:
                                method: state
                                numeric: true
                              
                              simatecS Online
                              simatecS Online
                              simatec
                              Developer Most Active
                              schrieb am zuletzt editiert von simatec
                              #53

                              @cookingeek sagte in Lovelace Card für TrashSchedule Adapter:

                              @lastactionhero habe eine Lösung. Umgesetzt mit der https://github.com/thomasloven/lovelace-auto-entities/tree/master card.

                              Viel Spaß damit.

                              Beispiel:

                              type: custom:auto-entities
                              card:
                                type: horizontal-stack
                              card_param: cards
                              filter:
                                include:
                                  - entity_id: sensor.altpapier_daysLeft
                                    options:
                                      type: custom:trashschedule-card
                                      locale: de-DE
                                      trashtype: Altpapier
                                      trashcolor: sensor.altpapier_color
                                      daysleft: sensor.altpapier_daysLeft
                                      date: sensor.altpapier_nextDate
                                  - entity_id: sensor.restabfall_daysLeft
                                    options:
                                      type: custom:trashschedule-card
                                      locale: de-DE
                                      trashtype: Restmüll
                                      trashcolor: sensor.restabfall_color
                                      daysleft: sensor.restabfall_daysLeft
                                      date: sensor.restabfall_nextDate
                                  - entity_id: sensor.bioabfall_daysLeft
                                    options:
                                      type: custom:trashschedule-card
                                      locale: de-DE
                                      trashtype: Bioabfall
                                      trashcolor: sensor.bioabfall_color
                                      daysleft: sensor.bioabfall_daysLeft
                                      date: sensor.bioabfall_nextDate
                                  - entity_id: sensor.gelberSack_daysLeft
                                    options:
                                      type: custom:trashschedule-card
                                      locale: de-DE
                                      trashtype: Recycling
                                      trashcolor: sensor.gelberSack_color
                                      daysleft: sensor.gelberSack_daysLeft
                                      date: sensor.gelberSack_nextDate
                              sort:
                                method: state
                                numeric: true
                              

                              Gab es hier Änderungen bei der auto-entities oder trashschedule-card? Die Konfiguration zeigt mir so erstmal nichts an.
                              Eine Fehlermeldung gibt es allerdings auch nicht. Baue ich das ohne auto-entities, zeigt er alle Termine an.

                              • Besuche meine Github Seite
                              • Beitrag hat geholfen oder willst du mich unterstützen
                              • HowTo Restore ioBroker
                              K 1 Antwort Letzte Antwort
                              0
                              • simatecS simatec

                                @cookingeek sagte in Lovelace Card für TrashSchedule Adapter:

                                @lastactionhero habe eine Lösung. Umgesetzt mit der https://github.com/thomasloven/lovelace-auto-entities/tree/master card.

                                Viel Spaß damit.

                                Beispiel:

                                type: custom:auto-entities
                                card:
                                  type: horizontal-stack
                                card_param: cards
                                filter:
                                  include:
                                    - entity_id: sensor.altpapier_daysLeft
                                      options:
                                        type: custom:trashschedule-card
                                        locale: de-DE
                                        trashtype: Altpapier
                                        trashcolor: sensor.altpapier_color
                                        daysleft: sensor.altpapier_daysLeft
                                        date: sensor.altpapier_nextDate
                                    - entity_id: sensor.restabfall_daysLeft
                                      options:
                                        type: custom:trashschedule-card
                                        locale: de-DE
                                        trashtype: Restmüll
                                        trashcolor: sensor.restabfall_color
                                        daysleft: sensor.restabfall_daysLeft
                                        date: sensor.restabfall_nextDate
                                    - entity_id: sensor.bioabfall_daysLeft
                                      options:
                                        type: custom:trashschedule-card
                                        locale: de-DE
                                        trashtype: Bioabfall
                                        trashcolor: sensor.bioabfall_color
                                        daysleft: sensor.bioabfall_daysLeft
                                        date: sensor.bioabfall_nextDate
                                    - entity_id: sensor.gelberSack_daysLeft
                                      options:
                                        type: custom:trashschedule-card
                                        locale: de-DE
                                        trashtype: Recycling
                                        trashcolor: sensor.gelberSack_color
                                        daysleft: sensor.gelberSack_daysLeft
                                        date: sensor.gelberSack_nextDate
                                sort:
                                  method: state
                                  numeric: true
                                

                                Gab es hier Änderungen bei der auto-entities oder trashschedule-card? Die Konfiguration zeigt mir so erstmal nichts an.
                                Eine Fehlermeldung gibt es allerdings auch nicht. Baue ich das ohne auto-entities, zeigt er alle Termine an.

                                K Offline
                                K Offline
                                K_o_bold
                                schrieb am zuletzt editiert von
                                #54

                                @simatec ,

                                hast du dafür eine Lösung gefunden?
                                Ich stehe gerade vor dem gleichen Problem..

                                Schon mal besten Dank ;-)

                                1 Antwort Letzte Antwort
                                0
                                • simatecS Online
                                  simatecS Online
                                  simatec
                                  Developer Most Active
                                  schrieb am zuletzt editiert von
                                  #55

                                  Ich habe mir meine eigene Version gebaut, die für mich funktioniert. Sie zeigt farbig an, wann die Tonne raus muss und sortiert die Tonnen nach Abholung. Die Custom Card auto-entities muss dafür installiert sein

                                  a79ea08a-c8a4-4315-a717-9c8ccd1c41c9-trashschedule-card.js trashschedule-card.js

                                  type: custom:auto-entities
                                  card:
                                    type: grid
                                    columns: 2
                                    square: false
                                  card_param: cards
                                  filter:
                                    include:
                                      - entity_id: sensor.type_blaueTonne_daysLeft
                                        options:
                                          type: custom:trashschedule-card
                                          locale: de-DE
                                          trashtype: Altpapier
                                          trashcolor: sensor.type_blaueTonne_color
                                          daysleft: sensor.type_blaueTonne_daysLeft
                                          date: sensor.type_blaueTonne_nextDate
                                          text1: Heute rausstellen
                                          text2: Heute wird abgeholt
                                      - entity_id: sensor.type_restabfall_daysLeft
                                        options:
                                          type: custom:trashschedule-card
                                          locale: de-DE
                                          trashtype: Restmüll
                                          trashcolor: sensor.type_restabfall_color
                                          daysleft: sensor.type_restabfall_daysLeft
                                          date: sensor.type_restabfall_nextDate
                                          text1: Heute rausstellen
                                          text2: Heute wird abgeholt
                                      - entity_id: sensor.type_biotonne_daysLeft
                                        options:
                                          type: custom:trashschedule-card
                                          locale: de-DE
                                          trashtype: Bioabfall
                                          trashcolor: sensor.type_biotonne_color
                                          daysleft: sensor.type_biotonne_daysLeft
                                          date: sensor.type_biotonne_nextDate
                                          text1: Heute rausstellen
                                          text2: Heute wird abgeholt
                                      - entity_id: sensor.type_gelbeTonne_daysLeft
                                        options:
                                          type: custom:trashschedule-card
                                          locale: de-DE
                                          trashtype: Gelbe Tonne
                                          trashcolor: sensor.type_gelbeTonne_color
                                          daysleft: sensor.type_gelbeTonne_daysLeft
                                          date: sensor.type_gelbeTonne_nextDate
                                          text1: Heute rausstellen
                                          text2: Heute wird abgeholt
                                    exclude:
                                      - state: unknown
                                      - state: unavailable
                                  sort:
                                    method: state
                                    numeric: true
                                  
                                  
                                  • Besuche meine Github Seite
                                  • Beitrag hat geholfen oder willst du mich unterstützen
                                  • HowTo Restore ioBroker
                                  1 Antwort Letzte Antwort
                                  0
                                  Antworten
                                  • In einem neuen Thema antworten
                                  Anmelden zum Antworten
                                  • Älteste zuerst
                                  • Neuste zuerst
                                  • Meiste Stimmen


                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  414

                                  Online

                                  32.4k

                                  Benutzer

                                  81.5k

                                  Themen

                                  1.3m

                                  Beiträge
                                  Community
                                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                  ioBroker Community 2014-2025
                                  logo
                                  • Anmelden

                                  • Du hast noch kein Konto? Registrieren

                                  • Anmelden oder registrieren, um zu suchen
                                  • Erster Beitrag
                                    Letzter Beitrag
                                  0
                                  • Home
                                  • Aktuell
                                  • Tags
                                  • Ungelesen 0
                                  • Kategorien
                                  • Unreplied
                                  • Beliebt
                                  • GitHub
                                  • Docu
                                  • Hilfe