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

[Arnulf]

@armilar
naja, der Haken ist ja jetzt weg. Und wenn ich den anderen Haken setze, geht es auch mit dem Schalten wieder.
Vielleicht ist das dann der nötige Kompromiss

[Arnulf]

@tt-tom
Mit den Default-Screens bin ich eigentlich schon fast zufrieden.
Ich denke, ich brauche noch die Werte, die mir von dem IKEA-Raumluftsensor ermittelt werden
(Raumtemperatur, Luftfeuchtigkeit, Luftreinheit und VOC)
Das hätte ich gerne noch irgendwie optisch gut platziert.

Aber nicht mehr heute.
Das Design ist ja auch wieder eine Wissenschaft für sich

Und dann muss ich schauen, wie das System auf 3 NSPanels erweitert wird. Müssen dann 3 Skripte laufen oder kann das das eine Skript alleine handeln?

[Armilar]

@arnulf

nö sind 3 separate NSPanelTs.ts Scripte... Aber die erstellten Seiten können auf jedem Panel laufen...

Wenn das erste läuft, sind die anderen meist in 10 Minuten in Betrieb...

Das "eine" globale IconScript ist für alle NSPanels...

[Arnulf]

habe es tatsächlich geschafft, mein zweites NSPanel zu flashen und mit LoveLace UI zu beglücken.
Auch Skript #2 läuft ohne Fehler.
Ich bin echt stolz :)

(NSPanel #3 ist noch in China. Daher erst mal nur 2)

Jetzt wäre ich bereit, die Default-Screensaver anzupassen.
Die "Spielereien mit LED-Steuerung, Lüfter, Dimmer.... brauche ich nicht.
Daher vermute ich, kann ich die Default-Screensaver als Vorlage nehmen.
Meine Idee wäre, dass die Uhrzeit etwas kleiner wird und auf eine Seite wandert.
Der frei gewordene Platz soll dann für die 4 Daten dienen, die vom IKEA Luftqualitätssensor kommen)

Habt ihr einen Tipp, wo ich eine Anleitung finden kann, die es auch einem blutigen Neuling ermöglicht, die Technik zu verstehen?

[ticaki]

@arnulf

Die Anleitung steht in vielen Signaturen und wurde auch verlinkt. Es ist nicht möglich den Screensaver so anzupassen wie du das möchtest. Schaue in der wiki - es gibt 2 Layouts und beim Layout Standard gibts noch ne Alternative die sich aber nur minimal unterscheidet.

Das ist die aktuelle Anleitung die zu 99% dem Stand der Dinge entspricht:

https://github.com/joBr99/nspanel-lovelace-ui/wiki

[Arnulf]

@ticaki
Jetzt habe ich mir das sehr lange angeschaut. Aber ich muss gestehen, dass ich nicht so richtig schlauer geworden bin.
Was ich verstanden habe, es gibt 2 Haupttypen von Pages:

• Screensaver (mit Varianten)
• Andere Seiten.

Die Screensaver sind recht komplex im Script ausprogrammiert. Wenn ich mir das noch eine Weile anscheue, erkenne ich wahrscheinlich, wie man das Eine oder Andere modifizieren kann.
Aber das hieße, in den Code einzugreifen und beim nächsten Update ist wieder alles hin.

Ich sehe immer wieder Hinweise auf den "Home Assistant". Für diesen sind die anderen Seiten in einer yaml-Datei abgelegt.
Im ioBroker scheint mir aber alles in dem Script verbaut worden zu sein. Richtig?

Im Skript gibt es relativ früh den Hinweis, dass man ab einer Stelle nichts mehr modifizieren soll.
Wie aber kann ich nun eigene Seiten erstellen, die ein Update überstehen?

Generell habe ich die Technik noch nicht so wirklich verstanden. Die Anleitung liest sich im Moment noch so, als ob es eine Anleitung von Leuten, die bereits wissen, wie es geht, für Leute, die bereits wissen, wie es geht.

Im Wiki gibt es Screenshots von Bildschirmen, die für michnicht dem entsprechen, was textlich beschrieben ist. Und auch nicht den Screens der aktuellen Version entsprechen
Leider finde ich auch auf Youtube

Youtube selbst ist auch noch keine geeignete Quelle, da ich hier hauptsächlich wieder nur Bezug zum Home Assistant finde.

Im Moment würde ich ja gerne das alternative-Design im Screensaver nehmen wollen und die beiden Angaben links unten (Temperatur und Luftfeuchtigkeit so abändern, dass nicht das aus der Wettervorhersage benutzt wird, sondern aus den Sensoren in der Wohnung.
Wahrscheinlich ginge das, wenn ich den Alias verbiege.
Das Wolkensymbol würde ich gerne noch in einen Termometer ändern.

So der Plan

[Armilar]

@arnulf sagte in SONOFF NSPanel, Lovelace gibt es ein Zurück?:

Aber das hieße, in den Code einzugreifen und beim nächsten Update ist wieder alles hin.

stimmt... Aber hättest du wirklich ITEAD/Sonoff angeschrieben, dass du das Design ändern möchtest? Warum also hier?

Ich sehe immer wieder Hinweise auf den "Home Assistant". Für diesen sind die anderen Seiten in einer yaml-Datei abgelegt.

Wir haben ein gemeinschaftliches Projekt für alle Smart Home Systeme - nicht nur ioBroker

Im ioBroker scheint mir aber alles in dem Script verbaut worden zu sein. Richtig?

ja - der Code im ioBroker ist sogar am weitesten entwickelt. Alles im NSPanelTs.ts

Im Skript gibt es relativ früh den Hinweis, dass man ab einer Stelle nichts mehr modifizieren soll.

Und das hat auch seinen Grund... Änderst du etwas am Code kann ich nicht mehr supporten! Abgesehen davon ist er sehr komplex und du müsstest wirklich wissen was du da tust... Da sich das komplette Smart Home (und ich meine wirklich das ganze) steuern lässt... wäre ein Eingreifen von Deiner Seite nicht erforderlich... Es sei denn du verstehst nicht, wie man diesen "Standard" benutzt...

Wie aber kann ich nun eigene Seiten erstellen, die ein Update überstehen?

Gar nicht... siehe oben... ist auch nicht erforderlich, solange alle Seiten im Standard erstellt werden... Siehe z.B. Die Seitenstruktur im Menü...

Generell habe ich die Technik noch nicht so wirklich verstanden. Die Anleitung liest sich im Moment noch so, als ob es eine Anleitung von Leuten, die bereits wissen, wie es geht, für Leute, die bereits wissen, wie es geht.

Mit dieser Anleitung haben tausende User bereits ein NSPanel erfolgreich konfiguriert und wenn sie nicht weiterkamen oder eine rage hatten, dann haben sie diese im Support Thread gestellt... nicht auf wilden Thread-Seiten

Im Wiki gibt es Screenshots von Bildschirmen, die für michnicht dem entsprechen, was textlich beschrieben ist. Und auch nicht den Screens der aktuellen Version entsprechen

ist aber zu 99% korrekt

Leider finde ich auch auf Youtube
Youtube selbst ist auch noch keine geeignete Quelle, da ich hier hauptsächlich wieder nur Bezug zum Home Assistant finde.

Weil wir Entwickler und keine Regisseure sind... Wenn du Youtube Videos suchst, dann musst du jemanden Fragen, der ein aktuelles erstellt...

Im Moment würde ich ja gerne das alternative-Design im Screensaver nehmen wollen und die beiden Angaben links unten (Temperatur und Luftfeuchtigkeit so abändern, dass nicht das aus der Wettervorhersage benutzt wird, sondern aus den Sensoren in der Wohnung.
Wahrscheinlich ginge das, wenn ich den Alias verbiege.

nein... Du musst nur ins Service-Menü und unter Einstellungen/Screensaver/Layout den Alternativ auswählen. So wie sich alles andere auch nur durch das Servicemenü oder den Schnittstellen Datenpunkten tweaken lässt...

Das Wolkensymbol würde ich gerne noch in einen Termometer ändern.

Das Wolkensymbol stellt deine aktuelle Wettersituation dar. Wenn es aber wirklich nicht das aktuelle Wetter sein soll, sondern ein Thermometer, dann kannst du das Icon im Alias fest mit dem Thermometer-Symbol verdraten... Die Quelle muss ja nicht Accuweather sein...

So der Plan

Dann mach mal :blush:

Alles geht ohne eine einzige Zeile Code... Mit Ausnahme der Seitenvariablen...

Hier nur einige (wenige) Beispiele:
https://forum.iobroker.net/topic/69942/sonoff-nspanel-mit-lovelace-ui-zeigt-her-eure-cards

So und alles weitere dann im Support-Thread...

[Arnulf]

Sollte kein Front werden.

Ne, ich hätte ITEAD/Sonoff nicht angeschrieben.
Aber da ich sehe, dass mit LoveLace Anpassungen möglich sind, wollte ich es probieren.
Wobei auch bei den Sonoff-Seiten wohl Anpassungen möglich sind. So habe ich das zumindest in einem Video verstanden.

Auch das Gemeinschaftsprojekt habe ich verstanden.
Soll kein Vorwurf sein. Sollte nur meien Struggle beschreiben, den ich gerade habe. Ist als blutiger Anfänger nicht sofort ersichtlich, welche Quelle ich gerade lese.

Ja, ich würde auch in den anderen Threads weiter fragen. Ich dachte nur, ihr wolltet wissen, wie der aktuelle Stand ist.

Das mit der Videros ist auch kein Vorwurf gewesen. Sollte nur zeigen, dass ich durchaus gewillt bin, mich schlau zu machen.

Das Alternative Layouot habe ich ja bereits ausgewählt. Nur wiue ich dieses Design über das Servicemenü zusätzlich tweaken kann habe ich noch nicht gefunden.
Bisher bin ich davon ausgegangen, dass ich die Alias anpassen muss. Und für das Icon halt den Code ändern.

[Armilar]

@arnulf

Alles was zu dem Script existiert ist für den ioBroker in der ioBroker-Wiki

Du kannst dich natürlich gerne bei den HA-Quellen umsehen - fürchte die bringen dir nichts für den ioBroker... Also nur in der exklusiven ioBroker Wiki:

https://github.com/joBr99/nspanel-lovelace-ui/wiki

Und alle anderen Fragen hier:

https://forum.iobroker.net/topic/58170/sonoff-nspanel-mit-lovelace-ui/6000

Ist 'ne echte Ausnahme, dass ich in wilden Threads wie diesem oder neuen antworte...