Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.0k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

Lovelace Card für TrashSchedule Adapter

Scheduled Pinned Locked Moved Visualisierung
57 Posts 11 Posters 7.6k Views 13 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • 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
    wrote on last edited by
    #40

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

    L 1 Reply Last reply
    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
      wrote on last edited by
      #41

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

      1 Reply Last reply
      1
      • C cookingeek

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

        L Offline
        L Offline
        LastActionHero
        wrote on last edited by
        #42

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

        1 Reply Last reply
        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
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by
            #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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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.
                wrote on last edited by
                #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 Replies Last reply
                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
                  wrote on last edited by
                  #47

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

                  1 Reply Last reply
                  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
                    wrote on last edited by
                    #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 Reply Last reply
                    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
                      wrote on last edited by
                      #49

                      @shakesbier Optimal.

                      1 Reply Last reply
                      0
                      • Leszek CeglarekL Offline
                        Leszek CeglarekL Offline
                        Leszek Ceglarek
                        wrote on last edited by
                        #50

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

                        C 1 Reply Last reply
                        0
                        • Leszek CeglarekL Leszek Ceglarek

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

                          C Offline
                          C Offline
                          cookingeek
                          wrote on last edited by
                          #51

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

                          1 Reply Last reply
                          0
                          • Leszek CeglarekL Offline
                            Leszek CeglarekL Offline
                            Leszek Ceglarek
                            wrote on last edited by
                            #52

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

                            1 Reply Last reply
                            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 Offline
                              simatecS Offline
                              simatec
                              Developer Most Active
                              wrote on last edited by 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 Reply Last reply
                              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 Online
                                K Online
                                K_o_bold
                                wrote on last edited by
                                #54

                                @simatec ,

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

                                Schon mal besten Dank ;-)

                                1 Reply Last reply
                                0
                                • simatecS Offline
                                  simatecS Offline
                                  simatec
                                  Developer Most Active
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  0
                                  • W Offline
                                    W Offline
                                    wusa
                                    wrote on last edited by
                                    #56

                                    Hallo zusammen,

                                    ich bräuchte Hilfe bei der Einbindung der Karten in Lovelace.
                                    Ich habe die trashschedule-card.js von Github heruntergeladen.
                                    Habe dann die Lovelace Instanze mit dem Schraubenschlüssel geöffnet und die gesamte Datei unter "Eigene Karten" hochgeladen.

                                    Leider schaffe ich es nicht, dass die Karten angezeigt werden. Es kommt immer der Fehler:
                                    Custom element not found: trashschedule-card

                                    Die Instanz habe ich mehrmals neu gestartet und auch die Seite mehrmals aktualisiert.

                                    Vergesse ich etwas wichtiges?

                                    1 Reply Last reply
                                    0
                                    • W Offline
                                      W Offline
                                      wusa
                                      wrote on last edited by
                                      #57

                                      Ich habe weiterhin Probleme mit der "trashschedule-card".

                                      Ich habe es über das o.g. Skript versucht. Dann habe ich es auch über den RAW-Konfigurationseditor versucht mit folgendem:

                                      resources:
                                        - url: /cards/trashschedule-card.js?v=1
                                          type: module
                                      

                                      Leider kommt immer wieder der selbe Fehler:
                                      074623c6-ee89-44e4-b92a-1bf41f6b83dd-image.png

                                      Mache ich irgendwas falsch?
                                      Die erforderlichen Werte habe ich an Lovelace weitergegeben.
                                      6e1436ec-f54e-46c2-97bb-038134c691b4-image.png

                                      Eigene Karte ist "installiert"
                                      44cbaea7-17d5-4231-bc27-4cb6445f8eb2-image.png

                                      1 Reply Last reply
                                      0
                                      Reply
                                      • Reply as topic
                                      Log in to reply
                                      • Oldest to Newest
                                      • Newest to Oldest
                                      • Most Votes


                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      316

                                      Online

                                      32.6k

                                      Users

                                      82.3k

                                      Topics

                                      1.3m

                                      Posts
                                      Community
                                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                      ioBroker Community 2014-2025
                                      logo
                                      • Login

                                      • Don't have an account? Register

                                      • Login or register to search.
                                      • First post
                                        Last post
                                      0
                                      • Home
                                      • Recent
                                      • Tags
                                      • Unread 0
                                      • Categories
                                      • Unreplied
                                      • Popular
                                      • GitHub
                                      • Docu
                                      • Hilfe