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.2k

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
    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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von cookingeek
      #20

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

      1 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
        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 Online
          T Online
          Timmss
          schrieb am zuletzt editiert von
          #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 Antworten Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #23

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

            T 1 Antwort Letzte Antwort
            0
            • C cookingeek

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

              T Online
              T Online
              Timmss
              schrieb am zuletzt editiert von
              #24

              @cookingeek

              Passt, danke :)

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

              1 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • C cookingeek

                  @lastactionhero habe eine Lösung. Umgesetzt mit der https://github.com/thomasloven/lovelace-auto-entities/tree/master card.

                  Viel Spaß damit.

                  Beispiel:

                  type: custom:auto-entities
                  card:
                    type: horizontal-stack
                  card_param: cards
                  filter:
                    include:
                      - entity_id: sensor.altpapier_daysLeft
                        options:
                          type: custom:trashschedule-card
                          locale: de-DE
                          trashtype: Altpapier
                          trashcolor: sensor.altpapier_color
                          daysleft: sensor.altpapier_daysLeft
                          date: sensor.altpapier_nextDate
                      - entity_id: sensor.restabfall_daysLeft
                        options:
                          type: custom:trashschedule-card
                          locale: de-DE
                          trashtype: Restmüll
                          trashcolor: sensor.restabfall_color
                          daysleft: sensor.restabfall_daysLeft
                          date: sensor.restabfall_nextDate
                      - entity_id: sensor.bioabfall_daysLeft
                        options:
                          type: custom:trashschedule-card
                          locale: de-DE
                          trashtype: Bioabfall
                          trashcolor: sensor.bioabfall_color
                          daysleft: sensor.bioabfall_daysLeft
                          date: sensor.bioabfall_nextDate
                      - entity_id: sensor.gelberSack_daysLeft
                        options:
                          type: custom:trashschedule-card
                          locale: de-DE
                          trashtype: Recycling
                          trashcolor: sensor.gelberSack_color
                          daysleft: sensor.gelberSack_daysLeft
                          date: sensor.gelberSack_nextDate
                  sort:
                    method: state
                    numeric: true
                  
                  L Offline
                  L Offline
                  LastActionHero
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          833

                                          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