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

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.
  • C cookingeek

    @lastactionhero Ich glaube dann stimmt was mit der Konfiguration nicht. Poste sie gerne mal hier rein.

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

    @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 1 Antwort Letzte Antwort
    0
    • 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
                                    Antworten
                                    • In einem neuen Thema antworten
                                    Anmelden zum Antworten
                                    • Älteste zuerst
                                    • Neuste zuerst
                                    • Meiste Stimmen


                                    Support us

                                    ioBroker
                                    Community Adapters
                                    Donate

                                    842

                                    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