Neues YouTube-Video: Visualisierung im Devices-Adapter

[Garfonso]

@nograx sagte:

Hey, mit der neusten Lovelace Version 5.1.0 funktionieren bei mir die BubbleCards zum Teil nicht mehr. Folge Meldung steht im Log bzw. in den jeweiligen Karten:

Uncaught TypeError: S(...).toLowerCase is not a function
at E (bubble-card.js:2:188727)
at bubble-card.js:3667:29975
at Object.at [as button] (bubble-card.js:3667:30734)
at At.updateBubbleCard (bubble-card.js:3674:71920)
at At.connectedCallback (bubble-card.js:3674:70922)
at t.connectedCallback (scoped-custom-element-registry.ts:424:40)
at L.k (lit-html.ts:1411:53)
at L.$ (lit-html.ts:1454:36)
at L.g (lit-html.ts:1563:12)
at L._$AI (lit-html.ts:1384:12)

welche karten, welche entities / geräte?

gerne auch yaml code einer Karte, die nicht geht, posten. Sonst kann ich nur sagen: geht hier. :-)

[Garfonso]

nur zur Vorbereitung: 6.0.0 mit neuem Frontend ist in Vorbereitung. Bisher hab ich recht viel einfach drin gelassen und mit hilfe von ki das backend ausgebaut. Entity Settings ändern & speichern geht jetzt auch im UI, inklusive Anpassen der entity_id. Der code liegt aktuell hier: https://github.com/ioBroker/ioBroker.lovelace/tree/frontend202605 - install müsste mit iobroker/iobroker.lovelace#frontend202605 als benutzerdefinierte URL gehen.

[David G.]

@Garfonso

Erste Schnelltest sieht gut aus.
Man muss aber wohl wieder am Theme arbeiten, damit alles wie vorher aussieht.....

Log ist fast still.
Hab mehrfach:

Log from UI Unhandled promise rejection from Chrome 148.0.7778.178 on Android 16TypeError: Cannot read properties of undefined (reading 'en')Le.localize (/cards/simple-thermostat.js:292:18524)config.version.v.showSensors._hide (/cards/simple-thermostat.js:292:25758)Le.render (/cards/simple-thermostat.js:292:26490)Le.update (/cards/simple-thermostat.js:1:19590)Le.performUpdate (/cards/simple-thermostat.js:1:16602)Le._enqueueUpdate (/cards/simple-thermostat.js:1:16254)

Evtl. muss ich die Karte updaten.

[David G.]

Ich habe euch vor einiger Zeit ein Script vorgestellt um AgentDVR-Aufnahmen in Lovelace anzuzeigen.

Da ich mit den Möglichkeiten der html Integration nicht so zufrieden war habe ich mit Claude eine custom Card erstellt.

agentdvr-card.js

[Garfonso]

@David-G.
stimmt, zum Thene hab ich vergessen. Ich hab die KI drauf losgelassen und die hat diese notwendigen Änderungen gefunden:
https://github.com/ioBroker/ioBroker.lovelace/blob/frontend202605/docs/de/theme_migration.md

wenn euch noch was auffällt, oder was nicht stimmt, gerne her damit, dann ergänze ich das.

[Garfonso]

gerne mal hide_sidebar ausschalten und überlegen, was von der Einstellungsseite funktionieren oder weg sollte.

[nograx]

@Garfonso sagte:

welche karten, welche entities / geräte?

gerne auch yaml code einer Karte, die nicht geht, posten. Sonst kann ich nur sagen: geht hier. :-)

Ich habe mir jetzt die 5.2.0 installiert, vorher BubbleCards das neuste Release. Und jetzt funktionierts...!

[David G.]

@Garfonso sagte:

@David-G.
stimmt, zum Thene hab ich vergessen. Ich hab die KI drauf losgelassen und die hat diese notwendigen Änderungen gefunden:
https://github.com/ioBroker/ioBroker.lovelace/blob/frontend202605/docs/de/theme_migration.md

wenn euch noch was auffällt, oder was nicht stimmt, gerne her damit, dann ergänze ich das.

Danke, damit sieht bei mir alles wieder sauber aus.

[David G.]

Hab jetzt doch was gefunden in der neuen Version was nicht klappt.
Klappt bei euch die Simple-Thermostat Customcard noch? Bei mir sieht man einfach nichts wo sie vorher war.

EDIT
Hab mir mit Claude eine eigene neue Karte geschrieben......

Die Sensorwerte oben können frei vergeben werden, bis zu 4 Stück.
Bei den Buttons können bis zu 5 abgelegt werden.

Bei Verlauf kann man sich einen iframe aus echarts, flot etc ausklappen.

Alles was in der Karte nicht ausgefüllt ist wird auch nicht gezeigt.

Werde noch was testen und dann die Karte hier posten. Falls jmd Ideen hat gerne her damit.

[XBiT]

Mal eine Frage an alle....

Nutzt jemand die "power-flow-card-plus" und geht bei euch noch der Link zum Dashboard?

[Garfonso]

Neue Majorversion, neuer Thread: https://forum.iobroker.net/topic/84763/test-lovelace-6.x

6.x unterstützt auch das offizielle Energy Dashboard (konnte ich allerdings nur rudimentär testen), vielleicht erübrigt das die Frage von @xbit? ;-)

[tiobb]

Gibt es eine Möglichkeit das die Leerungstermine immer in der Reihenfolge der Leerung von links nach rechts angezeigt werden und sich dann automatisch entsprechend verschieben?

[David G.]

@tiobb

Bei mir ist es so.

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: Papiermüll
        trashcolor: sensor.type_papiermuell_color
        daysleft: sensor.type_papiermuell_daysLeft
        date: sensor.type_papiermuell_nextDate
    - entity_id: sensor.type_biomuell_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_gelberSack_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_restmuell_daysLeft
      options:
        type: custom:trashschedule-card
        locale: de-DE
        trashtype: Restmüll
        trashcolor: sensor.type_restmuell_color
        daysleft: sensor.type_restmuell_daysLeft
        date: sensor.type_restmuell_nextDate
sort:
  method: state
  numeric: true

[tiobb]

So wäre es perfekt,
wenn ich bei mir unten, wie bei dir, um ab "sort" erweiter bekomme ich eine Fehlermeldung

type: horizontal-stack
cards:
  - type: custom:trashschedule-card
    locale: de-DE
    trashtype: gelbeTonne
    trashcolor: sensor.type_gelbeTonne_color
    daysleft: sensor.type_gelbeTonne_daysLeft
    date: sensor.type_gelbeTonne_nextDate
  - type: custom:trashschedule-card
    locale: de-DE
    trashtype: Papiertonne
    trashcolor: sensor.type_papiertonne_color
    daysleft: sensor.type_papiertonne_daysLeft
    date: sensor.type_papiertonne_nextDate
  - type: custom:trashschedule-card
    locale: de-DE
    trashtype: Hausmüll
    trashcolor: sensor.type_hausmuell_color
    daysleft: sensor.type_hausmuell_daysLeft
    date: sensor.type_hausmuell_nextDate
  - 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
sort:
  method: state
  numeric: true

[David G.]

Du hast das ganze

type: custom:auto-entities

Vergessen.

Ist noch eine eigene Custom Card die du installieren musst

[tiobb]

@David-G. sagte:

Ist noch eine eigene Custom Card die du installieren musst

Ändert sich dann das Design?

[Garfonso]

@tiobb

sollte nicht. Die auto entities card ist halt dafür da entities automatisch in eine Karte zu füllen. Selber wird die nicht wirklich dargestellt (ist aber vermutlich nen html tag irgendwo und das kann mal schief gehen, dann neue Version suchen oder so)

[tiobb]

Die auto-entities card ist bereits bei mir installiert, bekomme das aber irgendwie nicht hin