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.2k

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

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.
  • 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 Online
              David G.D Online
              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 Online
                            simatecS Online
                            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 Offline
                              K Offline
                              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 Online
                                simatecS Online
                                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

                                    665

                                    Online

                                    32.6k

                                    Users

                                    82.2k

                                    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