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

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.0k

Lovelace Card für TrashSchedule Adapter

Geplant Angeheftet Gesperrt Verschoben Visualisierung
57 Beiträge 11 Kommentatoren 7.5k Aufrufe 13 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.
  • S Shakesbier

    @cookingeek Hi.

    Bin glaube ich gerade bisschen neben der Spur?
    Muss ich im Iobroker ein javascript erstellen?

    Ich bekomme da den Fehler:

    script.js.Trashschedule-Card: ReferenceError: HTMLElement is not defined

    Danke schon mal.

    Gruß

    Shakesbier

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

    Hi @shakesbier,

    was hast du denn gemacht? Glaube es ist ein Konfigurations Thema.

    Kannst du die Card Konfiguration und ein Screenshot der Objekte mal rein posten?

    Viele Grüße
    Cookingeek

    S 1 Antwort Letzte Antwort
    0
    • C cookingeek

      Hi @shakesbier,

      was hast du denn gemacht? Glaube es ist ein Konfigurations Thema.

      Kannst du die Card Konfiguration und ein Screenshot der Objekte mal rein posten?

      Viele Grüße
      Cookingeek

      S Offline
      S Offline
      Shakesbier
      schrieb am zuletzt editiert von
      #45

      @cookingeek Hi.

      So ist es aktuell eingestellt.Screenshot 2025-01-12 122053.png Screenshot 2025-01-12 121959.png Screenshot 2025-01-12 121824.png

      David G.D 1 Antwort Letzte Antwort
      0
      • S Shakesbier

        @cookingeek Hi.

        So ist es aktuell eingestellt.Screenshot 2025-01-12 122053.png Screenshot 2025-01-12 121959.png Screenshot 2025-01-12 121824.png

        David G.D Online
        David G.D Online
        David G.
        schrieb am zuletzt editiert von
        #46

        @shakesbier

        Hast du die Karte denn runtergeladen und installiert?

        Laut dem roten Text nicht.

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

        Meine Tabellen für eure Visualisierung klick

        C S 2 Antworten Letzte Antwort
        0
        • David G.D David G.

          @shakesbier

          Hast du die Karte denn runtergeladen und installiert?

          Laut dem roten Text nicht.

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

          @david-g danke. Wäre auch meine Frage gewesen.

          1 Antwort Letzte Antwort
          0
          • David G.D David G.

            @shakesbier

            Hast du die Karte denn runtergeladen und installiert?

            Laut dem roten Text nicht.

            S Offline
            S Offline
            Shakesbier
            schrieb am zuletzt editiert von
            #48

            @david-g Hi.
            Das war es.... Oh man... Bin neu bei Lovelace und hätte mir mal die Lovelace Anleitung durchlesen sollen.
            Danke euch.... Top

            C 1 Antwort Letzte Antwort
            0
            • S Shakesbier

              @david-g Hi.
              Das war es.... Oh man... Bin neu bei Lovelace und hätte mir mal die Lovelace Anleitung durchlesen sollen.
              Danke euch.... Top

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

              @shakesbier Optimal.

              1 Antwort Letzte Antwort
              0
              • Leszek CeglarekL Offline
                Leszek CeglarekL Offline
                Leszek Ceglarek
                schrieb am zuletzt editiert von
                #50

                Hallo. Ich kann die karte über "eingene karten" nicht instalieren. Gibt auch andere weg?

                C 1 Antwort Letzte Antwort
                0
                • Leszek CeglarekL Leszek Ceglarek

                  Hallo. Ich kann die karte über "eingene karten" nicht instalieren. Gibt auch andere weg?

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

                  @leszek-ceglarek was funktioniert nicht? Wenn man die Reihenfolge sortiert haben möchte, benötigt man zwei Karten

                  1 Antwort Letzte Antwort
                  0
                  • Leszek CeglarekL Offline
                    Leszek CeglarekL Offline
                    Leszek Ceglarek
                    schrieb am zuletzt editiert von
                    #52

                    Funktioniert. Habt falsch runtergeladen. Danke für schnelle Reaktion.

                    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
                      
                      simatecS Offline
                      simatecS Offline
                      simatec
                      Developer Most Active
                      schrieb am zuletzt editiert von simatec
                      #53

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

                      @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
                      

                      Gab es hier Änderungen bei der auto-entities oder trashschedule-card? Die Konfiguration zeigt mir so erstmal nichts an.
                      Eine Fehlermeldung gibt es allerdings auch nicht. Baue ich das ohne auto-entities, zeigt er alle Termine an.

                      • Besuche meine Github Seite
                      • Beitrag hat geholfen oder willst du mich unterstützen
                      • HowTo Restore ioBroker
                      K 1 Antwort Letzte Antwort
                      0
                      • simatecS simatec

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

                        @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
                        

                        Gab es hier Änderungen bei der auto-entities oder trashschedule-card? Die Konfiguration zeigt mir so erstmal nichts an.
                        Eine Fehlermeldung gibt es allerdings auch nicht. Baue ich das ohne auto-entities, zeigt er alle Termine an.

                        K Offline
                        K Offline
                        K_o_bold
                        schrieb am zuletzt editiert von
                        #54

                        @simatec ,

                        hast du dafür eine Lösung gefunden?
                        Ich stehe gerade vor dem gleichen Problem..

                        Schon mal besten Dank ;-)

                        1 Antwort Letzte Antwort
                        0
                        • simatecS Offline
                          simatecS Offline
                          simatec
                          Developer Most Active
                          schrieb am zuletzt editiert von
                          #55

                          Ich habe mir meine eigene Version gebaut, die für mich funktioniert. Sie zeigt farbig an, wann die Tonne raus muss und sortiert die Tonnen nach Abholung. Die Custom Card auto-entities muss dafür installiert sein

                          a79ea08a-c8a4-4315-a717-9c8ccd1c41c9-trashschedule-card.js trashschedule-card.js

                          type: custom:auto-entities
                          card:
                            type: grid
                            columns: 2
                            square: false
                          card_param: cards
                          filter:
                            include:
                              - entity_id: sensor.type_blaueTonne_daysLeft
                                options:
                                  type: custom:trashschedule-card
                                  locale: de-DE
                                  trashtype: Altpapier
                                  trashcolor: sensor.type_blaueTonne_color
                                  daysleft: sensor.type_blaueTonne_daysLeft
                                  date: sensor.type_blaueTonne_nextDate
                                  text1: Heute rausstellen
                                  text2: Heute wird abgeholt
                              - entity_id: sensor.type_restabfall_daysLeft
                                options:
                                  type: custom:trashschedule-card
                                  locale: de-DE
                                  trashtype: Restmüll
                                  trashcolor: sensor.type_restabfall_color
                                  daysleft: sensor.type_restabfall_daysLeft
                                  date: sensor.type_restabfall_nextDate
                                  text1: Heute rausstellen
                                  text2: Heute wird abgeholt
                              - entity_id: sensor.type_biotonne_daysLeft
                                options:
                                  type: custom:trashschedule-card
                                  locale: de-DE
                                  trashtype: Bioabfall
                                  trashcolor: sensor.type_biotonne_color
                                  daysleft: sensor.type_biotonne_daysLeft
                                  date: sensor.type_biotonne_nextDate
                                  text1: Heute rausstellen
                                  text2: Heute wird abgeholt
                              - entity_id: sensor.type_gelbeTonne_daysLeft
                                options:
                                  type: custom:trashschedule-card
                                  locale: de-DE
                                  trashtype: Gelbe Tonne
                                  trashcolor: sensor.type_gelbeTonne_color
                                  daysleft: sensor.type_gelbeTonne_daysLeft
                                  date: sensor.type_gelbeTonne_nextDate
                                  text1: Heute rausstellen
                                  text2: Heute wird abgeholt
                            exclude:
                              - state: unknown
                              - state: unavailable
                          sort:
                            method: state
                            numeric: true
                          
                          
                          • Besuche meine Github Seite
                          • Beitrag hat geholfen oder willst du mich unterstützen
                          • HowTo Restore ioBroker
                          1 Antwort Letzte Antwort
                          0
                          • W Offline
                            W Offline
                            wusa
                            schrieb am zuletzt editiert von
                            #56

                            Hallo zusammen,

                            ich bräuchte Hilfe bei der Einbindung der Karten in Lovelace.
                            Ich habe die trashschedule-card.js von Github heruntergeladen.
                            Habe dann die Lovelace Instanze mit dem Schraubenschlüssel geöffnet und die gesamte Datei unter "Eigene Karten" hochgeladen.

                            Leider schaffe ich es nicht, dass die Karten angezeigt werden. Es kommt immer der Fehler:
                            Custom element not found: trashschedule-card

                            Die Instanz habe ich mehrmals neu gestartet und auch die Seite mehrmals aktualisiert.

                            Vergesse ich etwas wichtiges?

                            1 Antwort Letzte Antwort
                            0
                            • W Offline
                              W Offline
                              wusa
                              schrieb am zuletzt editiert von
                              #57

                              Ich habe weiterhin Probleme mit der "trashschedule-card".

                              Ich habe es über das o.g. Skript versucht. Dann habe ich es auch über den RAW-Konfigurationseditor versucht mit folgendem:

                              resources:
                                - url: /cards/trashschedule-card.js?v=1
                                  type: module
                              

                              Leider kommt immer wieder der selbe Fehler:
                              074623c6-ee89-44e4-b92a-1bf41f6b83dd-image.png

                              Mache ich irgendwas falsch?
                              Die erforderlichen Werte habe ich an Lovelace weitergegeben.
                              6e1436ec-f54e-46c2-97bb-038134c691b4-image.png

                              Eigene Karte ist "installiert"
                              44cbaea7-17d5-4231-bc27-4cb6445f8eb2-image.png

                              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

                              700

                              Online

                              32.6k

                              Benutzer

                              82.0k

                              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