Weihnachtsangebot 2025! 🎄

[Armilar]

Nein, das ist der Lovelace UI - Adapter. Quasi eine alternative zu VIS/VIS2 die komplett auf Home Assistant (HA) aufbaut.

Wir nutzen in der NSPanel HMI den Nextion Editor und dieser stellt ebenfalls Steuerelemente im Lovelace UI - Design zur Verfügung. Das hat aber miteinander nichts zu tun. Ist wirklich nur das Design...

Der Adapter ist quasi hier:

https://github.com/ticaki/ioBroker.nspanel-lovelace-ui

bzw. im Latest Repository (Beta-Repository)

und die Wiki zum Adapter ist dann hier:

https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

[Armilar]

Das ist übrigens der Thread für den Adapter im ioBroker Forum:

https://forum.iobroker.net/topic/80055/betatest-nspanel-lovelace-ui-v0-7-x?page=1

Hat mittlerweile auch schon einige interessante Posts...

[Armilar]

@13patrick37 sagte in SONOFF NSPanel mit Lovelace UI:

Wie gehe ich am besten vor? Skript komplett löschen? Oder nochmal komplett von vorn mit dem Flash anfangen?

Nein, die meisten Configs (Seiten), kannst du mit kleinen Änderungen übernehmen. Das Flashen ist nicht erforderlich, da der NSPanel-Adapter die gleiche Methodik wie das NSPanel-Skript verwendet.

Also alles gleich... Gleiche TFT, gleiches Tasmota, gleicher Berry. Die Installation für das ganze macht der Adapter allerdings auf Knopfdruck... Also wesentlich einfacher...

[Armilar]

@13patrick37

Hier mal ein paar Screens aus dem Adapter...

Anlegen von cardChart / cardLChart:

oder eine cardPower:

oder globale Einstellungen

eine Visualisierung, wie die Seiten Verknüpft sind (bei mir sehr umfangreich ;-) )

MQTT-Konfiguration (Achtung, der Adapter findet seinen Weg und ändert auch die Konfiguration im Tasmota)

etc. etc. etc...

[13patrick37]

@armilar Überragend, danke für deine Unterstützung - werde heute mal damit anfangen.
Frage noch zur Visualisierung: Bei HA scheint es so, dass man Buttons usw. optisch anpassen kann. (z.B. ähnlich Mac)
Ist das über den Adapter auch möglich? Oder ist das rein technisch über das NSPanel nicht möglich?

[TT-Tom]

@13patrick37

was meinst du mit anpassen? Fabe und Aussehen ja, Größe ist abhängig von der Card die nutzen willst.

[Armilar]

@13patrick37

Diese sind im Design statisch dem Lovelace UI angepasst. Bei HA (via optionalem HACS Plugin) oder bei VIS (via optionalem Widget) würdest du dich ebenfalls nur für einen Style entscheiden. Der Standard bietet da auch nur einen Typ.

Im NSPanel sind wir etwas limitierter, da wir nur begrenzten Speicherplatz zur Verfügung haben. Das NSPanel Lovelace Projekt ist in HA auch das gleiche. Mit dem Unterschied, dass wir es für ioBroker sehr viel weiter entwickelt haben... Aber das Design für Slider (z.T. 2 Varianten), Thermostat (2 Varianten), Rollo (2 Varianten), Switch, Button, etc. ist nicht änderbar.

Also wenn es rein um das "Look and Feel" der einzelnen Steuerelemente geht... dann sind die fix... Aber alles andere ist weitestgehend dynamisch...

[hmarius1]

@Armilar sagte in SONOFF NSPanel mit Lovelace UI:

Beim JS-Adapter 9.X warten wir schon seit der 9.0.0 auf ein Bugfix der Types... Solange keiner sagt, dass es jetzt anders beabsichtigt ist, gehe ich nach wie vor von einem Bug aus...

Moin gibt es hier immer noch Probleme mit js Adapter 9.X? Nach Update auf js-controller 7.1 muss man den JS-Adapter Updaten sonst geht er garnicht mehr.

Und danach hab ich wieder folgenden Fehler in den Logs gesehen:

script.js.common.nspanel.panel3: TypeScript compilation failed: let name = page.heading !== undefined ? page.heading : o.common.name.de; ^ERROR: Property 'de' does not exist on type 'StringOrTranslated'. Property 'de' does not exist on type 'string'. let heading = page.heading !== undefined ? page.heading : o.common.name.de; ^ERROR: Property 'de' does not exist on type 'StringOrTranslated'. Property 'de' does not exist on type 'string'. heading = page.heading !== undefined ? page.heading : o.common.name.de; ^ERROR: Property 'de' does not exist on type 'StringOrTranslated'. Property 'de' does not exist on type 'string'. unsubscribe(value); ^ERROR: Argument of type 'unknown' is not assignable to parameter of type 'string | RegExp | string[]'.

[Armilar]

@hmarius1

Seit dem 30.07.2025 gibt es keine Probleme mehr... Wir haben darauf das NSPanel-Skript an die neuesten Restriktionen von nodeJS, TypeScript und JavaScript-Adapter angepasst.

Wenn du also das aktuelle NSPanelTs.ts installierst, dann wird es laufen.

Bin im Moment bei:

nodeJS: v22.21.0
JS-Controller: v7.1.0
JS-Adapter: v9.0.13

Damit funktioniert ebenfalls alles...

[TT-Tom]

@Armilar
@hmarius1

Läuft bei mir unter der selben Konfiguration.

[hmarius1]

@TT-Tom sagte in SONOFF NSPanel mit Lovelace UI:

@Armilar
@hmarius1

Läuft bei mir unter der selben Konfiguration.

Vielen Dank an euch beiden. Update des ts scripts von nspanel und es geht wieder.

[Armilar]

@hmarius1

Übrigens ist mit Tasmota 15.2.0 auch wieder ein FlashNextion möglich...