Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.5k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    993

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

Lovelace Card für TrashSchedule Adapter

Scheduled Pinned Locked Moved Visualisierung
57 Posts 11 Posters 7.6k Views 13 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C cookingeek

    @timmss

    Es gibt ein Update, jetzt sind die Objekte auch in Firefox zentriert.

    T Offline
    T Offline
    Timmss
    wrote on last edited by
    #12

    @cookingeek Klappt perfekt, danke!

    1 Reply Last reply
    1
    • C cookingeek

      @timmss
      Ich versuche mal, der Reihe nach zu antworten. Das Sortieren der Karte ist nicht so einfach. Nach kurzer Recherche habe ich jedoch eine Karte gefunden, die das Sortieren unterstützt. Diese werde ich bei Gelegenheit ausprobieren.

      Normalerweise sollten die Texte und auch das Icon zentriert sein, so wie in meinem Screenshot. Ich bin noch nicht lange genug dabei, um eine fundierte Aussage zu treffen. Es könnte am Browser, der Lovelace-Version oder dem Theme liegen. Da müsste man sich das Ganze mal genauer ansehen.

      Der nextDateFormat ist natürlich nicht nötig. Da habe ich einen falschen Screenshot angehangen.

      L Offline
      L Offline
      LastActionHero
      wrote on last edited by
      #13

      @cookingeek said in Lovelace Card für TrashSchedule Adapter:

      st nicht so einfach. Nach kurzer Recherche habe ich jedoch eine Karte gefunden, die das Sortieren unterstützt. Diese werde ich bei Gelegenheit ausprobiere

      Bist du in dieser Angelegenheit schon weiter gekommen? Würde mich brennend interessieren, zumal es die Datenpunkte vom TrashScheduler ja sogar vorlegen, was als nächstes kommt.

      C 1 Reply Last reply
      1
      • C cookingeek

        @timmss

        Es gibt ein Update, jetzt sind die Objekte auch in Firefox zentriert.

        T Offline
        T Offline
        Timmss
        wrote on last edited by
        #14

        @cookingeek Mir kam noch eine Idee. Kann man die Möglichkeit haben, den Text etwas zu konfigurieren?

        Bspw. wenn morgen die gelbe Tonne dran wäre steht da "Freitag in 1 Tagen", was ich schöner fände, wenn sowas wie "Gelbe Tonne heute rausstellen" stehen würde. Eventuell kann man den Text auch einfärben.

        Vielleicht ist das auch schon möglich?

        David G.D C 3 Replies Last reply
        0
        • T Timmss

          @cookingeek Mir kam noch eine Idee. Kann man die Möglichkeit haben, den Text etwas zu konfigurieren?

          Bspw. wenn morgen die gelbe Tonne dran wäre steht da "Freitag in 1 Tagen", was ich schöner fände, wenn sowas wie "Gelbe Tonne heute rausstellen" stehen würde. Eventuell kann man den Text auch einfärben.

          Vielleicht ist das auch schon möglich?

          David G.D Offline
          David G.D Offline
          David G.
          wrote on last edited by
          #15

          @timmss

          Das mit dem anderen Text kannst du jetzt schon umsetzen.

          Musst dir einen eigenen DP anlegen und mit einem Blockly den Text generieren. Dann einfach den DP angeben.

          Denke das müsste so gegen.

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

          Meine Tabellen für eure Visualisierung klick

          T 1 Reply Last reply
          0
          • David G.D David G.

            @timmss

            Das mit dem anderen Text kannst du jetzt schon umsetzen.

            Musst dir einen eigenen DP anlegen und mit einem Blockly den Text generieren. Dann einfach den DP angeben.

            Denke das müsste so gegen.

            T Offline
            T Offline
            Timmss
            wrote on last edited by
            #16

            @david-g Ja denke auch das ist so umsetzbar.

            Einfach ein Blockly welches abfragt, ob 'in 1 Tagen' im Text enthalten ist.

            Eventuell kann man das aber auch in der Card selbst gehandelt werden :eyes:

            1 Reply Last reply
            0
            • 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!

              C Offline
              C Offline
              clockwise
              wrote on last edited by
              #17

              @cookingeek
              Super Sache, tolle Idee, ist bei mir schon installiert!
              Am PC sieht das sehr schön aus.
              Leider werden die Icons der Tonnen aber auf meinen Tabletts nicht korrekt angezeigt, ich sehe nur Quadrate in der jeweiligen Tonnen-Farbe. Mit welchen Parametern könnte man die Icons und die Schriftgröße anpassen?

              C 1 Reply Last reply
              0
              • T Timmss

                @cookingeek Mir kam noch eine Idee. Kann man die Möglichkeit haben, den Text etwas zu konfigurieren?

                Bspw. wenn morgen die gelbe Tonne dran wäre steht da "Freitag in 1 Tagen", was ich schöner fände, wenn sowas wie "Gelbe Tonne heute rausstellen" stehen würde. Eventuell kann man den Text auch einfärben.

                Vielleicht ist das auch schon möglich?

                C Offline
                C Offline
                cookingeek
                wrote on last edited by
                #18

                @timmss Das ist eine gute Idee. Ich wollte auch noch einbauen, dass die Tonne gedrückt werden kann, wenn die Tonne draußen steht.

                1 Reply Last reply
                0
                • C clockwise

                  @cookingeek
                  Super Sache, tolle Idee, ist bei mir schon installiert!
                  Am PC sieht das sehr schön aus.
                  Leider werden die Icons der Tonnen aber auf meinen Tabletts nicht korrekt angezeigt, ich sehe nur Quadrate in der jeweiligen Tonnen-Farbe. Mit welchen Parametern könnte man die Icons und die Schriftgröße anpassen?

                  C Offline
                  C Offline
                  cookingeek
                  wrote on last edited by
                  #19

                  @clockwise Das bild ist als SVG in der Karte hinterlegt. Eventuell unterstützt das Tablet dies nicht. Unsicher, ob ich eine Lösung dafür finde.

                  C 1 Reply Last reply
                  0
                  • T Timmss

                    @cookingeek Mir kam noch eine Idee. Kann man die Möglichkeit haben, den Text etwas zu konfigurieren?

                    Bspw. wenn morgen die gelbe Tonne dran wäre steht da "Freitag in 1 Tagen", was ich schöner fände, wenn sowas wie "Gelbe Tonne heute rausstellen" stehen würde. Eventuell kann man den Text auch einfärben.

                    Vielleicht ist das auch schon möglich?

                    C Offline
                    C Offline
                    cookingeek
                    wrote on last edited by cookingeek
                    #20

                    @timmss Text ist angepasst. du kannst dir auch über textHeute : "das ist mein Text" einen eigenen konfigurieren.

                    1 Reply Last reply
                    0
                    • L LastActionHero

                      @cookingeek said in Lovelace Card für TrashSchedule Adapter:

                      st nicht so einfach. Nach kurzer Recherche habe ich jedoch eine Karte gefunden, die das Sortieren unterstützt. Diese werde ich bei Gelegenheit ausprobiere

                      Bist du in dieser Angelegenheit schon weiter gekommen? Würde mich brennend interessieren, zumal es die Datenpunkte vom TrashScheduler ja sogar vorlegen, was als nächstes kommt.

                      C Offline
                      C Offline
                      cookingeek
                      wrote on last edited by cookingeek
                      #21

                      @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
                      
                      T L simatecS 3 Replies Last reply
                      1
                      • 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
                        
                        T Offline
                        T Offline
                        Timmss
                        wrote on last edited by
                        #22

                        @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?

                        C L 2 Replies Last reply
                        1
                        • 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?

                          C Offline
                          C Offline
                          cookingeek
                          wrote on last edited by
                          #23

                          @timmss schau es dir Freitag mal an. Wenn es dir nicht passt, dann schreiben wir nochmal.

                          T 1 Reply Last reply
                          0
                          • C cookingeek

                            @timmss schau es dir Freitag mal an. Wenn es dir nicht passt, dann schreiben wir nochmal.

                            T Offline
                            T Offline
                            Timmss
                            wrote on last edited by
                            #24

                            @cookingeek

                            Passt, danke :)

                            441a693b-fa71-4775-b109-4ea3f3e3fed2-grafik.png

                            1 Reply Last reply
                            0
                            • C cookingeek

                              @clockwise Das bild ist als SVG in der Karte hinterlegt. Eventuell unterstützt das Tablet dies nicht. Unsicher, ob ich eine Lösung dafür finde.

                              C Offline
                              C Offline
                              clockwise
                              wrote on last edited by
                              #25

                              @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 1 Reply Last reply
                              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
                                
                                L Offline
                                L Offline
                                LastActionHero
                                wrote on last edited by
                                #26

                                @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 1 Reply Last reply
                                0
                                • 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
                                  wrote on last edited by
                                  #27

                                  @clockwise hast du ein Beispiel Bild?

                                  1 Reply Last reply
                                  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
                                    wrote on last edited by
                                    #28

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

                                    1 Reply Last reply
                                    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
                                      wrote on last edited by
                                      #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 Reply Last reply
                                      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
                                        wrote on last edited by cookingeek
                                        #30

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

                                        L 1 Reply Last reply
                                        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
                                          wrote on last edited by
                                          #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 Replies Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          354

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe