Neues YouTube-Video: Visualisierung im Devices-Adapter

[David G.]

@Garfonso

Hab es mit

<img src="https://192.168.99.33:8082/openmeteo-notify.admin/icons/amcharts/animated/day.svg">

gemacht.
Mein Adapter fragt in den Settings nach IP und Port.

Die custom:html-template-card verhakt sich scheinbar anders wie markdown und dem einbinden von Bildern.

Wichtig ist mir auch, einen Weg zu haben der in jeder Visualisierung klappt. In Lovelace sieht es klasse aus.

[Garfonso]

@David-G.
Versuch mal /adapter/openmeteo-notify/icons/amcharts/animated/day.svg

Hab gerade rumprobiert... das ".admin" ergänzt er bei der "/adapter/" schreibweise selber, wenn man das dann noch dazu tut, dann geht es schief (hab ich jetzt mal korrigiert, ist ja nervig ;-)).

(hab es jetzt nur als Bild-Karte versucht, weiß nicht, ob das als Template anders ist)

[David G.]

@Garfonso

  <img src="/adapter/openmeteo-notify/icons/amcharts/animated/day.svg">

Klappt. Müsste auch in anderen Visualisierungen klappen oder?

[Garfonso]

@David-G.
Könnte. Das URL-Format gibt es auch sonst im ioBroker-Umfeld (oder zumindest gab es das mal). Den Support hat noch Bluefox eingebaut. Intern wird das auf ein readFile umgebogen. Ob das alle Visualisierungen so machen, weiß ich aber nicht.

[nograx]

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)

[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.