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

                            997

                            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