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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    21
    1
    872

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.4k

Lovelace Card für TrashSchedule Adapter

Scheduled Pinned Locked Moved Visualisierung
55 Posts 10 Posters 7.0k Views 12 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.
  • M MartyBr

    @cookingeek
    Hat funktioniert. Super vielen Dank!

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

    @martybr

    Sehr gerne. Freut mich sehr.

    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!

      David G.D Online
      David G.D Online
      David G.
      wrote on last edited by
      #7

      @cookingeek

      Vielen Dank

      Werde ich testen.
      Sieht fast aus wie meine aktuelle Karte ^^.
      Screenshot_20240620_145051_Fully Kiosk Browser.jpg

      Wegen einem Hackerangriff in meiner Region auf Städtische Einrichtungen habe ich zur Zeit nur keinen Kalender mit Terminen 🤣

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

      Meine Tabellen für eure Visualisierung klick

      C 1 Reply Last reply
      1
      • David G.D David G.

        @cookingeek

        Vielen Dank

        Werde ich testen.
        Sieht fast aus wie meine aktuelle Karte ^^.
        Screenshot_20240620_145051_Fully Kiosk Browser.jpg

        Wegen einem Hackerangriff in meiner Region auf Städtische Einrichtungen habe ich zur Zeit nur keinen Kalender mit Terminen 🤣

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

        @david-g oh das Konzept ist ja wirklich das gleiche. Viel Spaß beim Ausprobieren

        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!

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

          @cookingeek

          Sehr sehr schöne Sache! Wird sofort genutzt.

          1ad9835d-1dab-42ea-a484-0044894d78d3-grafik.png

          Habe noch 3 Fragen dazu:

          • Kennst du eine Lösung, wie man es anhand der nächsten Abholung dynamisch machen kann, sprich sodass ganz links das ist, was als nächstes abgeholt wird? Hier im Beispiel also Restabfall-Gelber Sack-Altpapier

          • Kann man der Karte mithilfe Styles Eigenschaft sagen, dass das Icon sowie die Texte zentriert sein soll?

          • Wozu wird der Datenpunkt nextDateFormat benötigt

          C 2 Replies Last reply
          1
          • T Timmss

            @cookingeek

            Sehr sehr schöne Sache! Wird sofort genutzt.

            1ad9835d-1dab-42ea-a484-0044894d78d3-grafik.png

            Habe noch 3 Fragen dazu:

            • Kennst du eine Lösung, wie man es anhand der nächsten Abholung dynamisch machen kann, sprich sodass ganz links das ist, was als nächstes abgeholt wird? Hier im Beispiel also Restabfall-Gelber Sack-Altpapier

            • Kann man der Karte mithilfe Styles Eigenschaft sagen, dass das Icon sowie die Texte zentriert sein soll?

            • Wozu wird der Datenpunkt nextDateFormat benötigt

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

            @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 1 Reply Last reply
            1
            • T Timmss

              @cookingeek

              Sehr sehr schöne Sache! Wird sofort genutzt.

              1ad9835d-1dab-42ea-a484-0044894d78d3-grafik.png

              Habe noch 3 Fragen dazu:

              • Kennst du eine Lösung, wie man es anhand der nächsten Abholung dynamisch machen kann, sprich sodass ganz links das ist, was als nächstes abgeholt wird? Hier im Beispiel also Restabfall-Gelber Sack-Altpapier

              • Kann man der Karte mithilfe Styles Eigenschaft sagen, dass das Icon sowie die Texte zentriert sein soll?

              • Wozu wird der Datenpunkt nextDateFormat benötigt

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

              @timmss

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

              T 2 Replies 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
                #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 Online
                      David G.D Online
                      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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          778

                                          Online

                                          32.5k

                                          Users

                                          81.6k

                                          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