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

[foxriver76]

Hallo zusammen,

ich habe meine Frontendabneigung mal wieder für 24h zur Seite legen können, nachdem ich gestern diesen View hier gesehen hatte.

Habe dann daran orientiert mal ein Widget für den sonnen Adapter gebaut, welches ab Version 1.8.0 mit ausgeliefert wird.

Kurzer Showcase (GIF spielt nur ab wenn man es anklickt):

GitHub: https://github.com/foxriver76/ioBroker.sonnen

Bei Problemen, Feedback, etc. einfach hier schreiben oder Issue erstellen.

beste Grüße

fox

[sigi234]

@foxriver76

Link zum Sonnenadapter wäre nett.

[foxriver76]

@sigi234 ergänzt

[sigi234]

@foxriver76

Beim Widget stimmt was nicht:

[foxriver76]

@sigi234 Puh.. ich mache mal ne neue Version in welcher die css Klassen eindeutigere Namen haben, damit sich da nix in die Quere kommt. Ansonsten wüsste ich jetzt ad hoc nicht woran es liegt.

Dann gerne 1.8.2 probieren.

Ansonsten ja, ohne aktive sonnenBatterie zeigt das Widget nix an, aktuell wird immer Instanz 0 genommen, Auswahl der Instanz kommt noch.

[foxriver76]

@foxriver76 sagte in sonnen Adapter - Widget:

aktuell wird immer Instanz 0 genommen

Kann nun konfiguriert werden mit 1.8.3, falls nix angegeben wird Instanz 0 genutzt.

[sigi234]

@foxriver76

Funktioniert jetzt, was ist die Wetterinstanz?

Ps.:

Cool wäre es wenn man die DP selbst ändern kann, dann könnte man dein Widget Universell einsetzen.:grinning:

[foxriver76]

@sigi234 ach gottchen, muss wohl den ids im system dict auch noch eindeutiger machen, "Wetterinstanz" kommt wohl von einem anderen Widget.. mache noch ne Version..

[K_o_bold]

@foxriver76 ,

sehr cool... Ich wollte auch mal testen. Ich habe auch die passende SonnenBatterie :-)
Die Version 1.8.3 ist installiert, aber ich sehe das Widget nicht im Editor..

Was könnte hier das Problem sein?

[foxriver76]

@k_o_bold mach mal ein Upload des Adapters, also iob upload sonnen oder eben via Expertenmodus Admin. Evtl. reicht auch ein Neustart des vis Adapters. Und dann links in der Suche einfach sonnen sollte tun.

[K_o_bold]

@foxriver76 ,

besten Dank, es hat geklappt und die Werte werden auch korrekt dargestellt. :blush:
Danke nochmal dafür :-)

Wie kann ich denn die Schrift und die Symbole auf "weiß" ändern?
Und ich hätte gerne die Ringe etwas kleiner und die gestrichelten Linien etwas dünner.
Ich kenne mich aber mit CSS noch nicht so gut aus.

[foxriver76]

@k_o_bold Brim widget in editor Primärfarbe habe ich es glaube ich genannt, da ist ein colorpicker um Icon und Schriftfarbe zu ändern.

Ja die Linien etc kann man noch konfigurierbar machen.

[K_o_bold]

@foxriver76 ,

Perfekt, danke.
Ja wäre super, wenn die Ringe konfigurierbar wären.
Auf meiner View sind sie etwas groß geraten und wenn ich es kleiner konfiguriere, dann rutschen sie zusammen und bleiben in der größe und die gestrichelte Linie werden immer weniger.

[foxriver76]

@k_o_bold Die Strichbreite/stärke kann mit 1.8.5 nun konfiguriert werden. Villt. hilft das schon mal.

Die Ringgröße muss ich mir noch anschauen, da davon abhängig dann auch das Bild kleiner werden muss + evtl. Schrift.

[K_o_bold]

@foxriver76 ,

update auf 1.8.5 ist erledigt + upload.
Allerdings finde ich keine Einstellmöglichkeiten um die Strichstärke zu ändern.
Kannst du mir einen kurzen Tip geben?

[foxriver76]

@k_o_bold sollte unter der Einstellung Primärfarbe auftauchen. Falls du von GitHub installiert hast braucht es immer ein Upload, falls normal müsste es eigentlich einfach auftauchen.

Danke für deine Spende, hat mich sehr gefreut.

[K_o_bold]

@foxriver76 sagte in sonnen Adapter - Widget:

k_o_bold sollte unter der Einstellung Primärfarbe auftauchen. Falls du von GitHub installiert hast braucht es immer ein Upload, falls normal müsste es eigentlich einfach auftauchen.

Erst nach einem Neustart von Iobroker wurde es angezeigt.
Funktioniert jedenfalls super.

Mir ist noch eines aufgefallen. Das widget benötigt unglaublich viele Ressourcen, wenn ich es direkt in einem Browser auf meinem Server aufrufe und laufen lasse.
Ich nutze einen Touchscreen und öffne die VIS direkt auf meinem Server:

[foxriver76]

@k_o_bold sagte in sonnen Adapter - Widget:

Das widget benötigt unglaublich viele Ressourcen

Ich schaue mal was sich machen lässt, hatte allerdings schon gelesen, dass die SVG Animationen hungrig sind. Hoffe man kann trotzdem was optimieren.

[foxriver76]

@k_o_bold Habe mal eine 1.8.6 veröffentlicht, in der die Performance optimiert wurde, hauptsächlich durch das cachen der jQuery Selektoren. Bin gespannt auf einen Vergleich mit der neuen Version, wäre nur gut dass du wieder sicher stellst, dass auch die neue Version am rennen ist. Im Zweifel sollte ein iobroker upload sonnen auf der Kommandozeile helfen.

Testen ob die neue Version läuft kann man z. B. durch drücken von F12 in den meisten Browsern und dann anklicken der Konsole. Dort wurde bislang vom Adapter in regelmäßigen Abständen objectChange: bla bla geloggt, das habe ich auch raus genommen, sollte also mit neuer Version nicht mehr zu sehen sein.

[K_o_bold]

@foxriver76 ,

so, etwas spät, aber jetzt kommt dann auch mal die Rückmeldung.
Leider gab es kaum eine Veränderung. Das Widget ist immer noch sehr Ressourcenhungrig.
Deine Optimierung hat vielleicht 2 % gebracht.

Rot eingekreist in der Grafik ist dein Widget, mit aktuellster Adapter Version.
Ich habe übrigens noch ein hungriges Widget gefunden.
Es handelt sich um das Widget vom "Trashshedule" Adapter. Deswegen siehst du vor dem roten Kreis auch einen Bereich mit hoher Auslastung.

Ich denke, dass ich die Ausnahme bin mit Touchscreen und Visualisierung auf dem selben Server. Eventuell sollte ich das mal ändern...