Neues YouTube-Video: Visualisierung im Devices-Adapter

[Garfonso]

@David-G. sagte:

Weiß jemand ob man in der custom:html-template-card Bilder aus adarn mit einbinden kann? Sowas wie /daswetter.admin/icons/moon/gallery1/png/64x64/15.png vom DasWetter Adapter?

Wenn die URL /adapter/daswetter.admin/icons/moon/gallery1/png/64x64/15.png ist, sollte der Adapter dafür das Bild zurück liefern (falls das an der URL dann auch liegt -> also er liest für alles, was mit /adapter/ anfängt aus dem ioBroker Filestorage Dateien und liefert die zurück).

[nograx]

@Garfonso Lag tatsächlich an der Version, hatte die neuste 1.16.1 installiert. Mit Version 1.12.1 funktioniert es. Danke für die Rückmeldung!

[David G.]

@Garfonso sagte:

Wenn die URL /adapter/daswetter.admin/icons/moon/gallery1/png/64x64/15.png ist, sollte der Adapter dafür das Bild zurück liefern (falls das an der URL dann auch liegt -> also er liest für alles, was mit /adapter/ anfängt aus dem ioBroker Filestorage Dateien und liefert die zurück).

Das klappt leider nicht.
Im Moment Lose ich es damit, dass ich es über den Web Adapter Aufrufe.
Hatte für meinen openmeteo Adapter gefragt. Dieser stellt direkt ein im Adapter konfigurierbares widget bereit. Jetzt muss man in den Settings noch IP und Port vom Web Adapter angeben.

[Garfonso]

@David-G.
Wie sieht denn da die URL aus, die funktioniert?

[Garfonso]

@nograx sagte:

@Garfonso Lag tatsächlich an der Version, hatte die neuste 1.16.1 installiert. Mit Version 1.12.1 funktioniert es. Danke für die Rückmeldung!

Ja, das frontend ist leider wieder mehr als ein Jahr alt.
Steht auf meiner Liste mittlerweile wieder ganz weit oben. Muss aber nochwas im adapter reparieren. hust Irgendwer arbeitet hier nicht sauber mit branches ;-)

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