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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

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.
  • David G.D David G.

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

    Screenshot_20241026_120545_Fully Kiosk Browser.jpg

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

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

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

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

    1 Antwort Letzte Antwort
    1
    • C cookingeek

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

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

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

      1 Antwort Letzte Antwort
      1
      • C cookingeek

        Hallo zusammen,

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

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

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

        Den TrashSchedule Adapter habe ich wie folgt konfiguriert.

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

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

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

        Beispiel Lovelace Card Config:

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

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

        Viel Spaß mit der neuen Karte!

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

        @cookingeek Hi.

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

        Ich bekomme da den Fehler:

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

        Danke schon mal.

        Gruß

        Shakesbier

        C 1 Antwort Letzte Antwort
        0
        • S Shakesbier

          @cookingeek Hi.

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

          Ich bekomme da den Fehler:

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

          Danke schon mal.

          Gruß

          Shakesbier

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

          Hi @shakesbier,

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

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

          Viele Grüße
          Cookingeek

          S 1 Antwort Letzte Antwort
          0
          • C cookingeek

            Hi @shakesbier,

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

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

            Viele Grüße
            Cookingeek

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

            @cookingeek Hi.

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

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

              @cookingeek Hi.

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

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

              @shakesbier

              Hast du die Karte denn runtergeladen und installiert?

              Laut dem roten Text nicht.

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

              Meine Tabellen für eure Visualisierung klick

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

                @shakesbier

                Hast du die Karte denn runtergeladen und installiert?

                Laut dem roten Text nicht.

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

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

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

                  @shakesbier

                  Hast du die Karte denn runtergeladen und installiert?

                  Laut dem roten Text nicht.

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

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

                  C 1 Antwort Letzte Antwort
                  0
                  • S Shakesbier

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

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

                    @shakesbier Optimal.

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

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

                      C 1 Antwort Letzte Antwort
                      0
                      • Leszek CeglarekL Leszek Ceglarek

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

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

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

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

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

                          1 Antwort Letzte Antwort
                          0
                          • C cookingeek

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

                            Viel Spaß damit.

                            Beispiel:

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

                                    684

                                    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