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

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

Community Forum

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

NEWS

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

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

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

Lovelace Card für TrashSchedule Adapter

Geplant Angeheftet Gesperrt Verschoben Visualisierung
55 Beiträge 10 Kommentatoren 6.9k Aufrufe 12 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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 Online
                              K Online
                              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
                                Antworten
                                • In einem neuen Thema antworten
                                Anmelden zum Antworten
                                • Älteste zuerst
                                • Neuste zuerst
                                • Meiste Stimmen


                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                987

                                Online

                                32.4k

                                Benutzer

                                81.5k

                                Themen

                                1.3m

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

                                • Du hast noch kein Konto? Registrieren

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