# \[Beta Modul\] NSPanel Lovelace UI

**URL:** <https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109>\
**Category:** PHP-Module (Diskussion)\
**Created:** [31. August 2022 um 08:12 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109 "2022-08-31T08:12:04Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![KaiS](https://community.symcon.de/user_avatar/community.symcon.de/kais/32/29625_2.png) [@KaiS](https://community.symcon.de/u/KaiS)\
**Post date:** [31. August 2022 um 08:12 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/1 "2022-08-31T08:12:04Z")

</div>

**NSPanel Lovelace UI**  
**Bei diesem Modul handelt es sich um eine ganz frühe Beta Version!**

1. Voraussetzungen

- mindestens IPS Version 6.3
- MQTT Server
- Ein geflashtes NSPanel mit Tasmota und der Firmware von [https://docs.nspanel.pky.eu/](https://docs.nspanel.pky.eu/)

2. Enthaltene Module

- Backend

3. Installation  
Über den Modul Store! (Beta Version: NSPanel Lovelace UI)

4. Konfiguration in IP-Symcon  
Die Konfiguration der MQTT Servers setze ich an dieser Stelle voraus, genauso wie die geflashte Version des NSPanels mit der oben genannten Firmware.

In IP-Symcon wird die Instanz Backend angelegt.  
Nach dem Anlegen muss das MQTT Topic von dem NSPanel in der Instanz hinterlegt werden.

Nachdem das passiert ist, sollte das Panel von „Waiting for content …“ nach einer Weile einen Screensaver mit der aktuellen Uhrzeit und Datum anzeigen.

Nun können in der Liste „Card Entities“ sogenannte Karten angelegt werden. Diese Karten sind die jeweiligen Menüs auf dem Display.  
Die Überschrift ist die Überschrift , welche auf dem Panel von der jeweilgen Karten angezeigt werden soll.  
**Als Karttyp funktioniert zur Zeit nur „Card Entities“!**  
Unter Navigation kann hinterlegt werden, wie die Navigation angezeigt werden soll. (Einfach mal ausprobieren)  
In der darunter liegenden Liste können die Elemente für die Seite hinterlegt werden, maximal sind 4 Stück pro Karte erlaubt.  
Dort können unterschiedliche Typen hinterlegt werden zur Zeit funktionieren **NUR Switch und Light**  
Beim Icon kann das Icon ausgewählt werden, welches auf dem Display angezeigt werden soll, leider kann ich die Icons nicht in der Konsole darstellen. Hier gibt es eine Liste, wo ihr die Icons anschauen könnt: [GitHub & BitBucket HTML Preview](https://htmlpreview.github.io/?https://github.com/joBr99/nspanel-lovelace-ui/blob/main/HMI/icon-cheatsheet.html)  
**IconColor funktioniert noch nicht, es wird im Hintergrund aktuell eine feste Farbe hinterlegt.**  
DisplayName Entity ist der Wert, welches als Beschreibung auf dem Display angezeigt wird.  
Bei Brightness wird die Helligkeitsvariable für die Lampe hinterlegt, sollte die Lampe nicht dimmbar sein, einfach leer lassen.  
Bei Color Temperature wird die Farbtemperatur Variable für die Lampe hinterlegt, sollte die Lampe keine Farbtemperatur haben einfach leer lassen. \*Die Farbtemperatur wird zur Zeit nicht ausgewertet, aber angezeigt, wenn hier eine Variable gesetzt wird.  
Color Mode gibt an, ob die Lampe auch einen Farbmodus bestitzt, dann wird auf dem Display auch ein Farbrad angezeigt. \*Die Farbe wird zur Zeit nicht ausgewertet, aber angezeigt, wenn hier der Modus eingestellt wird.

5. ToDos / Bugs

- Die Zeit und das Datum wird im Moment noch nicht aktualisiert
- Farbtemperatur und Farbe funktiniert noch nicht
- Die Karten Media, Alarm, QR unt Thermo funktionieren noch nicht

6. Screenshots / Bilder

 ![image](https://community.symcon.de/uploads/default/original/3X/c/d/cd705f7b108d6cf8d8b599230b8af2acab7bfda7.png)  
 ![image](https://community.symcon.de/uploads/default/original/3X/1/0/100cec93315d826639b00f1637f874f1a90e98c3.png)  
 ![Bild](https://community.symcon.de/uploads/default/original/3X/0/6/062426c3d4989d4b7662beb925dc7764f3874880.jpeg)  
 ![Bild](https://community.symcon.de/uploads/default/original/3X/e/c/ecbd8efb4b123c4864f1306ab76884cfce18eaf2.jpeg)

7. Spenden

Dieses Modul ist für die nicht kommerzielle Nutzung kostenlos, Schenkungen als Unterstützung für den Autor werden hier akzeptiert:

[![](https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=EK4JRP87XLSHW)  
[Amazon Wunschzettel](https://www.amazon.de/hz/wishlist/ls/3JVWED9SZMDPK?ref_=wl_share)

8. Danke  
Ein ganz großes Danke geht an Johannes, der die Firmware für dieses Panel entwickelt hat und mir den Ablauf davon erklärt hat.

Grüße,  
Kai

---

<div class="post-metadata">

**Author:** ![KaiS](https://community.symcon.de/user_avatar/community.symcon.de/kais/32/29625_2.png) [@KaiS](https://community.symcon.de/u/KaiS)\
**Post date:** [31. August 2022 um 08:22 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/2 "2022-08-31T08:22:43Z")

</div>

Reserviert und noch ein paar Zeichen damit ich 20 Stück erreiche…

---

<div class="post-metadata">

**Author:** ![Hagbard235](https://community.symcon.de/user_avatar/community.symcon.de/hagbard235/32/438_2.png) [@Hagbard235](https://community.symcon.de/u/Hagbard235)\
**Post date:** [31. August 2022 um 08:39 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/3 "2022-08-31T08:39:08Z")

</div>

Verzichte gerne auf das anlegen der MQTT-Instanz, statt dessen MQTT-Server auswählen lassen… (wenn du eh schon mqtt vorraussetzt)

---

<div class="post-metadata">

**Author:** ![KaiS](https://community.symcon.de/user_avatar/community.symcon.de/kais/32/29625_2.png) [@KaiS](https://community.symcon.de/u/KaiS)\
**Post date:** [31. August 2022 um 08:41 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/4 "2022-08-31T08:41:37Z")

</div>

Die Instanz sollte sich mit einer vorhandenen Instanz verbinden.

Grüße,  
Kai

---

<div class="post-metadata">

**Author:** ![remote-it](https://community.symcon.de/user_avatar/community.symcon.de/remote-it/32/45_2.png) [@remote-it](https://community.symcon.de/u/remote-it)\
**Post date:** [2. September 2022 um 10:40 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/5 "2022-09-02T10:40:42Z")

</div>

Hallo Kai,

ich habe hier grad einen Layer 8 Fehler (=Anwender = ich 😉 )

Als „selten den Store Nutzer“ finde ich das Modul im Store nicht (dachte, das passiert immer nur den Anderen) 😁

Muss ich hier auch irgendwo den Channel auf Beta ändern oder mache ich etwas anderes falsch ?

Dank & Gruß  
Tom

---

<div class="post-metadata">

**Author:** ![KaiS](https://community.symcon.de/user_avatar/community.symcon.de/kais/32/29625_2.png) [@KaiS](https://community.symcon.de/u/KaiS)\
**Post date:** [2. September 2022 um 10:44 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/6 "2022-09-02T10:44:26Z")

</div>

Du musst genau nach dem Namen vom Modul suchen, da es eine Beta Version ist.

Modulname: NSPanel Lovelace UI

Grüße,  
Kai

---

<div class="post-metadata">

**Author:** ![remote-it](https://community.symcon.de/user_avatar/community.symcon.de/remote-it/32/45_2.png) [@remote-it](https://community.symcon.de/u/remote-it)\
**Post date:** [2. September 2022 um 12:28 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/7 "2022-09-02T12:28:38Z")

</div>

Ah - OK,

so geht’s - wäre ich Schreibfauler nie drauf gekommen - merci.

LG Tom

---

<div class="post-metadata">

**Author:** ![audi2010](https://community.symcon.de/user_avatar/community.symcon.de/audi2010/32/29564_2.png) [@audi2010](https://community.symcon.de/u/audi2010)\
**Post date:** [7. September 2022 um 09:18 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/8 "2022-09-07T09:18:53Z")

</div>

Hallo Kai, vielen Dank für das Modul NSPanel-Backend.  
Ich habe mein Panel mit Tasmota über die autoexec bis zum " EU Version: `FlashNextion`" versehen.  
Nach „Waiting for content“ kommt dieses Bild

 ![IMG-20220907-WA0001](https://community.symcon.de/uploads/default/original/3X/c/6/c63bf4bb83a91ebc4cc069fdd7095ee19639fc90.jpeg)

Backend-Debug zeigt:

```auto
TXT: 07.09.2022, 10:30:05 | ReceiveData :: Payload CustomRecv | event,startup,41,eu
HEX: 07.09.2022, 10:30:05 | ReceiveData :: Payload CustomRecv | 65 76 65 6E 74 2C 73 74 61 72 74 75 70 2C 34 31 2C 65 75 
TXT: 07.09.2022, 10:30:05 | Case Payload Result Topic :: Payload | {"CustomRecv":"event,startup,41,eu"}
HEX: 07.09.2022, 10:30:05 | Case Payload Result Topic :: Payload | 7B 22 43 75 73 74 6F 6D 52 65 63 76 22 3A 22 65 76 65 6E 74 2C 73 74 61 72 74 75 70 2C 34 31 2C 65 75 22 7D 

```

Topic bei mir: „nspanel“  
MQTT-Server sagt:

```auto
TXT: 07.09.2022, 11:02:02 | BUFFER IN [192.168.253.88:49341] | 09<NUL><DC3>tele/nspanel/RESULT
HEX: 07.09.2022, 11:02:02 | BUFFER IN [192.168.253.88:49341] | 30 39 00 13 74 65 6C 65 2F 6E 73 70 61 6E 65 6C 2F 52 45 53 55 4C 54 
TXT: 07.09.2022, 11:02:02 | MQTT:RX | Incomplete packet. Wait for more data
HEX: 07.09.2022, 11:02:02 | MQTT:RX | 49 6E 63 6F 6D 70 6C 65 74 65 20 70 61 63 6B 65 74 2E 20 57 61 69 74 20 66 6F 72 20 6D 6F 72 65 20 64 61 74 61 
TXT: 07.09.2022, 11:02:02 | BUFFER IN [192.168.253.88:49341] | {"CustomRecv":"event,startup,41,eu"}
HEX: 07.09.2022, 11:02:02 | BUFFER IN [192.168.253.88:49341] | 7B 22 43 75 73 74 6F 6D 52 65 63 76 22 3A 22 65 76 65 6E 74 2C 73 74 61 72 74 75 70 2C 34 31 2C 65 75 22 7D 
TXT: 07.09.2022, 11:02:02 | MQTT:RX:PUBLISH | Topic: tele/nspanel/RESULT, Payload: {"CustomRecv":"event,startup,41,eu"}
HEX: 07.09.2022, 11:02:02 | MQTT:RX:PUBLISH | 54 6F 70 69 63 3A 20 74 65 6C 65 2F 6E 73 70 61 6E 65 6C 2F 52 45 53 55 4C 54 2C 20 50 61 79 6C 6F 61 64 3A 20 7B 22 43 75 73 74 6F 6D 52 65 63 76 22 3A 22 65 76 65 6E 74 2C 73 74 61 72 74 75 70 2C 34 31 2C 65 75 22 7D 

```

Console NSPanel sagt(UTC-Time):

```auto

10:08:17.210 MQT: tele/nspanel/RESULT = {"CustomRecv":"event,startup,41,eu"}
10:08:17.333 MQT: tele/nspanel/STATE = {"Time":"2022-09-07T10:08:17","Uptime":"0T00:50:14","UptimeSec":3014,"Heap":150,"SleepMode":"Dynamic","Sleep":0,"LoadAvg":999,"MqttCount":1,"Berry":{"HeapUsed":14,"Objects":224},"POWER1":"OFF","POWER2":"OFF","Wifi":{"AP":1,"SSId":"xxx","BSSId":"xx:xx:xx:xx:FF:FF","Channel":8,"Mode":"11n","RSSI":70,"Signal":-65,"LinkCount":1,"Downtime":"0T00:00:07"}}
10:08:17.357 MQT: tele/nspanel/SENSOR = {"Time":"2022-09-07T10:08:17","ANALOG":{"Temperature1":32.7},"ESP32":{"Temperature":98.3},"TempUnit":"C"}
10:08:23.208 MQT: tele/nspanel/RESULT = {"CustomRecv":"event,startup,41,eu"}
10:08:29.109 MQT: tele/nspanel/RESULT = {"CustomRecv":"event,startup,41,eu"}
10:08:35.009 MQT: tele/nspanel/RESULT = {"CustomRecv":"event,startup,41,eu"}

```

Der MQTT-Server meldet um 11:02:02 " Incomplete packet. Wait for more data"  
Ist das der Fehler?  
Ich kann jetzt nicht überblicken, ob das NSPanel das richtige zum Start sendet, oder ob das Backend.Model bei mir nicht das richtige umsetzt.

---

<div class="post-metadata">

**Author:** ![KaiS](https://community.symcon.de/user_avatar/community.symcon.de/kais/32/29625_2.png) [@KaiS](https://community.symcon.de/u/KaiS)\
**Post date:** [7. September 2022 um 09:24 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/9 "2022-09-07T09:24:45Z")

</div>

Es gibt nun eine neue Version, kannst du es damit nochmal testen?

Grüße,  
Kai

---

<div class="post-metadata">

**Author:** ![audi2010](https://community.symcon.de/user_avatar/community.symcon.de/audi2010/32/29564_2.png) [@audi2010](https://community.symcon.de/u/audi2010)\
**Post date:** [7. September 2022 um 09:45 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/10 "2022-09-07T09:45:14Z")

</div>

Danke Kai mache ich gerne

---

<div class="post-metadata">

**Author:** ![audi2010](https://community.symcon.de/user_avatar/community.symcon.de/audi2010/32/29564_2.png) [@audi2010](https://community.symcon.de/u/audi2010)\
**Post date:** [7. September 2022 um 09:50 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/11 "2022-09-07T09:50:47Z")

</div>

![IMG-20220907-WA0002](https://community.symcon.de/uploads/default/original/3X/c/4/c4819a0685e00d17b2c9c7b5ea77c4edf8c7206f.jpeg)

Und schon gehts. Prima, kann ich jetzt testen.

---

<div class="post-metadata">

**Author:** ![KaiS](https://community.symcon.de/user_avatar/community.symcon.de/kais/32/29625_2.png) [@KaiS](https://community.symcon.de/u/KaiS)\
**Post date:** [7. September 2022 um 09:52 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/12 "2022-09-07T09:52:08Z")

</div>

Die Uhrzeit wird noch nicht automatisch gesetzt, das kommt noch.

Grüße,  
Kai

---

<div class="post-metadata">

**Author:** ![norden](https://community.symcon.de/letter_avatar_proxy/v4/letter/n/6a8cbe/32.png) [@norden](https://community.symcon.de/u/norden)\
**Post date:** [7. September 2022 um 14:43 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/13 "2022-09-07T14:43:58Z")

</div>

Moin Kai,

nach dem heutigen Fix läuft es wie von Dir beschrieben.

Freue mich schon auf die weitere Entwicklung des Moduls.

Vg  
Dieter

---

<div class="post-metadata">

**Author:** ![Helmut](https://community.symcon.de/user_avatar/community.symcon.de/helmut/32/54_2.png) [@Helmut](https://community.symcon.de/u/Helmut)\
**Post date:** [7. September 2022 um 22:34 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/14 "2022-09-07T22:34:50Z")

</div>

Hallo Kai,  
vielen Dank für das Modul, funktioniert perfekt.

---

<div class="post-metadata">

**Author:** ![norden](https://community.symcon.de/letter_avatar_proxy/v4/letter/n/6a8cbe/32.png) [@norden](https://community.symcon.de/u/norden)\
**Post date:** [9. September 2022 um 18:52 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/15 "2022-09-09T18:52:54Z")

</div>

Moin Kai,

im Moment laufen unmengen von diesen Fehlern auf:

09.09.2022, 20:42:43 | KernelMT | InstanzManager: Fehler bei Instanz #27090, Meldung VM\_UPDATE:  
Notice: Undefined variable: page in C:\ProgramData\Symcon\modules.store\schnittcher.info.ips.nspanel.lovelaceui\Backend\module.php on line 61

Die Instanznummer ist das Backend.  
Ich habe eine HUE Lampe und einen Shelly-Switch verbunden. Es funktioniert eigentlich störungsfrei bis auf die KERNEL Meldungen.

Vielleicht hast Du eine Idee.

VG  
Dieter

---

<div class="post-metadata">

**Author:** ![bastelfrosch](https://community.symcon.de/letter_avatar_proxy/v4/letter/b/ba8739/32.png) [@bastelfrosch](https://community.symcon.de/u/bastelfrosch)\
**Post date:** [11. September 2022 um 06:38 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/17 "2022-09-11T06:38:44Z")

</div>

Kann ich bestätigen, die Meldung erscheint bei mir nach Jeder Aktion (rein- oder rausgehend)  
Weiterhin friert das NSPanel ca. 1x alle 5-6 Tage ein, nur Kaltstart hilft …  
Ansonsten warte ich sehnlich darauf, meine alten Bedienteile auszutauschen 🙂

Kai, vielen herzlichen Dank an der Stelle. Ich bin immer noch der Meinung, dass nach der Beta das Modul KS PANEL heißen sollte 🙂 🙂

---

<div class="post-metadata">

**Author:** ![KaiS](https://community.symcon.de/user_avatar/community.symcon.de/kais/32/29625_2.png) [@KaiS](https://community.symcon.de/u/KaiS)\
**Post date:** [11. September 2022 um 12:27 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/18 "2022-09-11T12:27:52Z")

</div>

Es gibt eine neue Beta Version.

> [@norden](#):
>
> 09.09.2022, 20:42:43 | KernelMT | InstanzManager: Fehler bei Instanz #27090, Meldung VM\_UPDATE:  
> Notice: Undefined variable: page in C:\ProgramData\Symcon\modules.store\schnittcher.info.ips.nspanel.lovelaceui\Backend\module.php on line 61

Das Problem sollte dort gefixt sein.

Texte können nun auf einer Karte ( Seite) hinzugefügt werden und die Uhrzeit sollte nun gesetzt werden.

> [@bastelfrosch](#):
>
> Weiterhin friert das NSPanel ca. 1x alle 5-6 Tage ein, nur Kaltstart hilft …

Geht dann gar nichts mehr? @norden hast du das auch?

Grüße,  
Kai

---

<div class="post-metadata">

**Author:** ![norden](https://community.symcon.de/letter_avatar_proxy/v4/letter/n/6a8cbe/32.png) [@norden](https://community.symcon.de/u/norden)\
**Post date:** [11. September 2022 um 13:10 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/19 "2022-09-11T13:10:44Z")

</div>

Hallo Kai,

ein „Einfrieren“ konnte ich nicht beobachten, hatte allerdings das Panel auch nicht über 5-6 Tage ununterbrochen an.  
Mal schauen und vielen Dank für den Fix.

VG Dieter

---

<div class="post-metadata">

**Author:** ![Helmut](https://community.symcon.de/user_avatar/community.symcon.de/helmut/32/54_2.png) [@Helmut](https://community.symcon.de/u/Helmut)\
**Post date:** [11. September 2022 um 15:09 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/20 "2022-09-11T15:09:40Z")

</div>

Hallo Kai,  
was mir auffällt, ich habe in einer Card einen Zustand einer Pokeys Ausgangs ADR eingefügt.  
Wenn der Zustand abgefragt wird, dann springt das NS Display auf diesen CARD Eintrag (aus der Uhrzeit Anzeige).  
Soll Das so?

---

<div class="post-metadata">

**Author:** ![daniel88](https://community.symcon.de/letter_avatar_proxy/v4/letter/d/eb8c5e/32.png) [@daniel88](https://community.symcon.de/u/daniel88)\
**Post date:** [11. September 2022 um 15:50 UTC](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109/21 "2022-09-11T15:50:24Z")

</div>

Ist mir bei genauso, nutze den Status eine Z2M Leuchte für meine Tests.

> [@KaiS](#):
>
> Das Problem sollte dort gefixt sein.

Dafür ist die Fehlermeldung in der Aktuellen Beta nicht mehr Vorhanden.

Und die Uhrzeit wird Automatisch Akualisiert

[Nächste Seite](https://community.symcon.de/t/beta-modul-nspanel-lovelace-ui/130109.md?page=2)