Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Lovelace Card für TrashSchedule Adapter

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Lovelace Card für TrashSchedule Adapter

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      cookingeek @Timmss last edited by cookingeek

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

      1 Reply Last reply Reply Quote 0
      • C
        cookingeek @LastActionHero last edited by 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 L 2 Replies Last reply Reply Quote 1
        • T
          Timmss @cookingeek last edited by

          @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 Reply Quote 1
          • C
            cookingeek @Timmss last edited by

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

            T 1 Reply Last reply Reply Quote 0
            • T
              Timmss @cookingeek last edited by

              @cookingeek

              Passt, danke 🙂

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

              1 Reply Last reply Reply Quote 0
              • C
                clockwise @cookingeek last edited by

                @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 Reply Quote 0
                • L
                  LastActionHero @cookingeek last edited by

                  @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 Reply Quote 0
                  • C
                    cookingeek @clockwise last edited by

                    @clockwise hast du ein Beispiel Bild?

                    1 Reply Last reply Reply Quote 0
                    • C
                      cookingeek @LastActionHero last edited by

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

                      1 Reply Last reply Reply Quote 0
                      • L
                        LastActionHero @Timmss last edited by

                        @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 Reply Quote 0
                        • C
                          cookingeek @LastActionHero last edited by cookingeek

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

                          L 1 Reply Last reply Reply Quote 0
                          • L
                            LastActionHero @cookingeek last edited by

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

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

                            C 2 Replies Last reply Reply Quote 0
                            • C
                              cookingeek @LastActionHero last edited by

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

                              L 1 Reply Last reply Reply Quote 0
                              • C
                                cookingeek @LastActionHero last edited by

                                @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 Reply Last reply Reply Quote 0
                                • L
                                  LastActionHero @cookingeek last edited by

                                  @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 Reply Last reply Reply Quote 0
                                  • C
                                    cookingeek @LastActionHero last edited by

                                    @lastactionhero sorry. Schau nochmal bitte.

                                    L 1 Reply Last reply Reply Quote 0
                                    • L
                                      LastActionHero @cookingeek last edited by 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 1 Reply Last reply Reply Quote 1
                                      • C
                                        cookingeek @LastActionHero last edited by

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

                                        L 1 Reply Last reply Reply Quote 0
                                        • David G.
                                          David G. last edited by 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 1 Reply Last reply Reply Quote 0
                                          • L
                                            LastActionHero @cookingeek last edited by

                                            @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 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            816
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            8
                                            52
                                            3096
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo