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 clockwise

    @cookingeek
    könnte man vielleicht einen lokalen Pfad zu einer Bild- Datei angeben?
    oder den Pfad zu einer anderen *.jpg oder *.png Datei?

    statt:
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z"/></svg>');

    wie müsste der Pfad dann aussehen?

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

    @clockwise hast du ein Beispiel Bild?

    1 Antwort Letzte Antwort
    0
    • L LastActionHero

      @cookingeek Sorry für die späte Rückmeldung, ich habe das nun auch ausprobiert, allerdings bekomme ich eine Fehlermeldung "no Filters specified" - habe alles 1:1 rüberkopiert und nur meine Datenpunkte geändert.

      Weiterhin habe ich bei der Card nun das Problem, dass mir zwar das richtige Datum angezeigt wird, aber der Wochentag ist eins zu früh. Sprich 25.10. ist heute in 7 Tagen ein Freitag, angezeigt wird aber Donnerstag, hat das noch jemand?

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

      @lastactionhero müsste man mal rein debuggen. Kommen verschiedene Dinge in Frage.

      1 Antwort Letzte Antwort
      0
      • T Timmss

        @cookingeek Kleines Feedback, das dynamische Sortieren hat mit der auto-entities Karte perfekt funktioniert.

        Vorher:
        ac0494fb-1ce1-463b-b526-8accc97f5c40-grafik.png

        Nachher:
        a2f9e38b-d403-418b-b1db-c4bfc4eb512c-grafik.png

        Lediglich das mit dem Text habe ich nicht ganz verstanden, wie genau kann ich textHeute konfigurieren?

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

        @timmss @cookingeek ich muss nochmal grade zum Verständnis fragen: Wenn dort steht wie z.b. im Screenshot von Timmss, Altpapier Mittwoch in 22 Tagen, wird dann das Altpapier Mittwoch abgeholt oder Donnerstag? Weil es würde ja passen, dass dann am Mittwoch steht "heute rausstellen" weil man es ja normalerweise am Abend vorher rausstellt.

        Bei mir sieht es nämlich jetzt so aus:

        Bildschirmfoto 2024-10-20 um 22.45.40.png

        Oben der originale Trashadapter VIS Output, da stimmen die Daten mit den tatsächlichen Abholdaten überein, untendrunter wird jeweils ein Wochentag vorher genannt. Und was mir auch auffällt, das sortieren klappt nun mit der Custom Card, allerdings wenn zwei am gleichen Tag abgeholt werden (Grün/Gelb), dann offensichtlich nicht? Ideen?

        C 1 Antwort Letzte Antwort
        0
        • L LastActionHero

          @timmss @cookingeek ich muss nochmal grade zum Verständnis fragen: Wenn dort steht wie z.b. im Screenshot von Timmss, Altpapier Mittwoch in 22 Tagen, wird dann das Altpapier Mittwoch abgeholt oder Donnerstag? Weil es würde ja passen, dass dann am Mittwoch steht "heute rausstellen" weil man es ja normalerweise am Abend vorher rausstellt.

          Bei mir sieht es nämlich jetzt so aus:

          Bildschirmfoto 2024-10-20 um 22.45.40.png

          Oben der originale Trashadapter VIS Output, da stimmen die Daten mit den tatsächlichen Abholdaten überein, untendrunter wird jeweils ein Wochentag vorher genannt. Und was mir auch auffällt, das sortieren klappt nun mit der Custom Card, allerdings wenn zwei am gleichen Tag abgeholt werden (Grün/Gelb), dann offensichtlich nicht? Ideen?

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

          @lastactionhero ich habe einen Verdacht. Hast du ein iOS Gerät? iPhone/iPad und kannst es mal darauf testen?

          L 1 Antwort Letzte Antwort
          0
          • C cookingeek

            @lastactionhero ich habe einen Verdacht. Hast du ein iOS Gerät? iPhone/iPad und kannst es mal darauf testen?

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

            @cookingeek Ja, der Screenshot war vom Macbook, am Ipad/Iphone sieht es genau so aus. Interessanterweise habe ich es grade mal auf Google Chrome in Windows Umgebung versucht, da steht es mit dem korrekten Wochentag :dizzy_face:

            Dass der Biomüll nicht nach vorne sortiert wird, ist aber auf allen Devices gleich.

            C 2 Antworten Letzte Antwort
            0
            • L LastActionHero

              @cookingeek Ja, der Screenshot war vom Macbook, am Ipad/Iphone sieht es genau so aus. Interessanterweise habe ich es grade mal auf Google Chrome in Windows Umgebung versucht, da steht es mit dem korrekten Wochentag :dizzy_face:

              Dass der Biomüll nicht nach vorne sortiert wird, ist aber auf allen Devices gleich.

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

              @lastactionhero Hi. Scheint ein Thema mit der Zeitzone zu sein. Ich habe die Card mal aktualisiert. Versuche mal die neue Version.

              L 1 Antwort Letzte Antwort
              0
              • L LastActionHero

                @cookingeek Ja, der Screenshot war vom Macbook, am Ipad/Iphone sieht es genau so aus. Interessanterweise habe ich es grade mal auf Google Chrome in Windows Umgebung versucht, da steht es mit dem korrekten Wochentag :dizzy_face:

                Dass der Biomüll nicht nach vorne sortiert wird, ist aber auf allen Devices gleich.

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

                @lastactionhero bei mir kommt es nicht vor, dass zwei Tonnen an einem Tag geleert werden. Ich habe es gerade getestet und in meinen Kalender doppelte Termine generiert, das Sortieren hat wunderbar funktioniert.

                1 Antwort Letzte Antwort
                0
                • C cookingeek

                  @lastactionhero Hi. Scheint ein Thema mit der Zeitzone zu sein. Ich habe die Card mal aktualisiert. Versuche mal die neue Version.

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

                  @cookingeek im Github war noch die Version vor 1 Monat, die hatte ich installiert. Grade auch nochmal neu, keine Änderung, weder beim Sortieren, noch bei der Tagesanzeige

                  C 1 Antwort Letzte Antwort
                  0
                  • L LastActionHero

                    @cookingeek im Github war noch die Version vor 1 Monat, die hatte ich installiert. Grade auch nochmal neu, keine Änderung, weder beim Sortieren, noch bei der Tagesanzeige

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

                    @lastactionhero sorry. Schau nochmal bitte.

                    L 1 Antwort Letzte Antwort
                    0
                    • C cookingeek

                      @lastactionhero sorry. Schau nochmal bitte.

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

                      @cookingeek cool! das hat geklappt - VIELEN DANK! Wird nun korrekt angezeigt! Allerdings habe ich immernoch das Problem, dass der Biomüll nicht sortiert wird. Ich habe spaßeshalber mal den Eintrag übermorgen gelöscht und den nächsten annehmen lassen. Eigentlich müsste er damit an Position 3 stehen, andere Tonnen werden an dem Tag auch nicht geleert, daran kann es also nicht liegen. Hast du noch eine Idee?

                      Bildschirmfoto 2024-10-23 um 20.19.24.png

                      C 1 Antwort Letzte Antwort
                      1
                      • L LastActionHero

                        @cookingeek cool! das hat geklappt - VIELEN DANK! Wird nun korrekt angezeigt! Allerdings habe ich immernoch das Problem, dass der Biomüll nicht sortiert wird. Ich habe spaßeshalber mal den Eintrag übermorgen gelöscht und den nächsten annehmen lassen. Eigentlich müsste er damit an Position 3 stehen, andere Tonnen werden an dem Tag auch nicht geleert, daran kann es also nicht liegen. Hast du noch eine Idee?

                        Bildschirmfoto 2024-10-23 um 20.19.24.png

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

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

                        L 1 Antwort Letzte Antwort
                        0
                        • David G.D Online
                          David G.D Online
                          David G.
                          schrieb am zuletzt editiert von David G.
                          #38

                          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.

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

                          Meine Tabellen für eure Visualisierung klick

                          C 1 Antwort Letzte Antwort
                          0
                          • 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
                                          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