Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[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

[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

[Shakesbier]

@cookingeek Hi.

So ist es aktuell eingestellt.

[David G.]

@shakesbier

Hast du die Karte denn runtergeladen und installiert?

Laut dem roten Text nicht.

[cookingeek]

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

[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

[cookingeek]

@shakesbier Optimal.

[Leszek Ceglarek]

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

[cookingeek]

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

[Leszek Ceglarek]

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

[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_o_bold]

@simatec ,

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

Schon mal besten Dank ;-)

[simatec]

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

[wusa]

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?

[wusa]

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:

Mache ich irgendwas falsch?
Die erforderlichen Werte habe ich an Lovelace weitergegeben.

Eigene Karte ist "installiert"