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

    @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 Online
                          simatecS Online
                          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 Online
                              simatecS Online
                              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

                              385

                              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