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

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.0k

Lovelace Card für TrashSchedule Adapter

Geplant Angeheftet Gesperrt Verschoben Visualisierung
57 Beiträge 11 Kommentatoren 7.5k Aufrufe 13 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 Online
                David G.D Online
                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 Offline
                              simatecS Offline
                              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 Offline
                                  simatecS Offline
                                  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
                                  • W Offline
                                    W Offline
                                    wusa
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • W Offline
                                      W Offline
                                      wusa
                                      schrieb am zuletzt editiert von
                                      #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 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

                                      573

                                      Online

                                      32.6k

                                      Benutzer

                                      82.0k

                                      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