Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • D danny_v1

    Hi,
    ich habe durch kopieren und einfügen von einem ins andere Panel und hin und her (insgesamt 4 Panels) mir ein paar Klammerfehler eingeschleppt. Die funktionieren trotzdem nur manchmal hängt dadurch die Navigation und die Exitpage des des Screensavers haut nicht mehr hin. Ein paar Fehler habe ich gefunden, aber es müssen noch welche drin sein (langer roter Balken an der Seite der Codeminiaturansicht). Gibt es irgendein Tool um den Code zu überprüfen und so die Fehlerhaften Stellen zu finden? Sind nun leider schon ca 3000 Zeilen an Seiten zusammengekommen.

    M Offline
    M Offline
    Maddin44
    wrote on last edited by
    #6753

    @danny_v1 Ich weiss nicht ob es Dir hilft, aber ich nutze dafür immer notepad++. Da kannst du verschiedene Sprachen (Sql, java, typescript geht glaube ich auch) auswählen. Wenn du dann ein Klammersymbol anklickst, wird dieses und das dazugehörige rot markiert. Mir hilft das immer die Scripte zu lesen und Fehler zu finden.

    1 Reply Last reply
    1
    • T Offline
      T Offline
      Takahara
      wrote on last edited by Takahara
      #6754

      Hallo,

      kann man einen Kamerastream von einer Unifi Kamera auf das NS Panel bringen, das automatisch angezeigt wird, sobald die Türklingel betätigt wird?

      Habe den IoBroker + Unifi Protect im Netzwerk laufen.

      Vielen Dank im Vorraus
      Takahara

      T 1 Reply Last reply
      0
      • T Takahara

        Hallo,

        kann man einen Kamerastream von einer Unifi Kamera auf das NS Panel bringen, das automatisch angezeigt wird, sobald die Türklingel betätigt wird?

        Habe den IoBroker + Unifi Protect im Netzwerk laufen.

        Vielen Dank im Vorraus
        Takahara

        T Offline
        T Offline
        TT-Tom
        wrote on last edited by
        #6755

        @takahara

        leider nein, auch keine Standbilder.

        Gruß Tom
        https://github.com/tt-tom17
        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

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

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

        1 Reply Last reply
        1
        • T Offline
          T Offline
          Takahara
          wrote on last edited by
          #6756

          @tt-tom Danke für deine rasche Rückmeldung. Ist es denn theoretisch möglich und falls ja für die Zukunft geplant eine entsprechende Lösung zu programmieren?

          VG Takahara

          T 1 Reply Last reply
          0
          • T Takahara

            @tt-tom Danke für deine rasche Rückmeldung. Ist es denn theoretisch möglich und falls ja für die Zukunft geplant eine entsprechende Lösung zu programmieren?

            VG Takahara

            T Offline
            T Offline
            TT-Tom
            wrote on last edited by
            #6757

            @takahara
            Wenn ich das richtig verstanden habe, ist es auch theoretisch nicht möglich. Es liegt an der Ansteuerung des Display, @Armilar kann es dir da genauer erklären.

            Gruß Tom
            https://github.com/tt-tom17
            Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

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

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

            1 Reply Last reply
            0
            • ArmilarA Offline
              ArmilarA Offline
              Armilar
              Most Active Forum Testing
              wrote on last edited by
              #6758

              @tt-tom
              @Takahara

              Kamerastream auf dem NSPanel - gute Idee die ich auch vor ein paar Monaten bereits hatte, aber in der Tat aktuell nicht umsetzbar ist.

              Das Problem liegt nicht in dem Nextion-Screen oder im Tasmota selbst, da diese an sich sehr gut mit Streams umgehen können. Das eigentliche Problem ist der Layer in der Mitte (der Berry Driver), welcher die serielle Kommunikation zwischen dem Tasmota und dem Nextion-Display sicherstellt. Sobald es jemandem gelingt diese Hürde zu überwinden, können wir auch Streams im NSPanel bereitstellen. Mir ist jedoch aktuell keine Lösung bekannt. 😊

              Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
              https://github.com/joBr99/nspanel-lovelace-ui/wiki

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              B 1 Reply Last reply
              3
              • ArmilarA Armilar

                @tt-tom
                @Takahara

                Kamerastream auf dem NSPanel - gute Idee die ich auch vor ein paar Monaten bereits hatte, aber in der Tat aktuell nicht umsetzbar ist.

                Das Problem liegt nicht in dem Nextion-Screen oder im Tasmota selbst, da diese an sich sehr gut mit Streams umgehen können. Das eigentliche Problem ist der Layer in der Mitte (der Berry Driver), welcher die serielle Kommunikation zwischen dem Tasmota und dem Nextion-Display sicherstellt. Sobald es jemandem gelingt diese Hürde zu überwinden, können wir auch Streams im NSPanel bereitstellen. Mir ist jedoch aktuell keine Lösung bekannt. 😊

                B Offline
                B Offline
                bob der 1.
                wrote on last edited by
                #6759

                Aktion:

                Das Panel heute für 42€

                https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                falls noch jemand welches braucht

                Gutscheincode:

                BG39fe1b
                Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                ? T 2 Replies Last reply
                1
                • B bob der 1.

                  Aktion:

                  Das Panel heute für 42€

                  https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                  falls noch jemand welches braucht

                  Gutscheincode:

                  BG39fe1b
                  Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                  ? Offline
                  ? Offline
                  A Former User
                  wrote on last edited by
                  #6760

                  @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

                  BG39fe1b

                  Danke, schau ich gleich mal! hatte mir letztes Jahr bei Alza 10 Stk. in weiss fuer 45 geholt, und dann am BF welche nachgekauft.. mittlerweile sind 13 im Einsatz, eins soll noch montiert werden, dann hab ich noch eins in Reserve.

                  1 Reply Last reply
                  0
                  • B bob der 1.

                    Aktion:

                    Das Panel heute für 42€

                    https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                    falls noch jemand welches braucht

                    Gutscheincode:

                    BG39fe1b
                    Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                    T Offline
                    T Offline
                    Toysman
                    wrote on last edited by
                    #6761

                    @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

                    Aktion:

                    Das Panel heute für 42€

                    https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                    falls noch jemand welches braucht

                    Gutscheincode:

                    BG39fe1b
                    Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                    Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

                    Viele Grüße
                    Harry

                    B 1 Reply Last reply
                    1
                    • T Toysman

                      @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

                      Aktion:

                      Das Panel heute für 42€

                      https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                      falls noch jemand welches braucht

                      Gutscheincode:

                      BG39fe1b
                      Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                      Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

                      B Offline
                      B Offline
                      bob der 1.
                      wrote on last edited by
                      #6762

                      @toysman sagte in SONOFF NSPanel mit Lovelace UI:

                      @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

                      Aktion:

                      Das Panel heute für 42€

                      https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                      falls noch jemand welches braucht

                      Gutscheincode:

                      BG39fe1b
                      Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                      Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

                      Oh,schade....dann 53€

                      O 1 Reply Last reply
                      0
                      • B bob der 1.

                        @toysman sagte in SONOFF NSPanel mit Lovelace UI:

                        @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

                        Aktion:

                        Das Panel heute für 42€

                        https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                        falls noch jemand welches braucht

                        Gutscheincode:

                        BG39fe1b
                        Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                        Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

                        Oh,schade....dann 53€

                        O Offline
                        O Offline
                        oOchrisOo
                        wrote on last edited by
                        #6763

                        @bob-der-1
                        Bei Amazon mit Prime gerade für 47€

                        1 Reply Last reply
                        0
                        • T Do not disturb
                          T Do not disturb
                          ticaki
                          wrote on last edited by ticaki
                          #6764

                          Wir haben da was in Arbeit, das die ALTEN und SCHWACHEN - damit ist mein Cousin gemeint - nicht mehr meckern könnenm, das die Schrift zu klein ist. Daher gibts demnächst diese beiden zusätzlichen Auswahlmöglichkeiten:

                          Easy-View Screensaver:
                          image.png

                          cardGrid3:
                          image.png

                          Danke an @Armilar @TT-Tom

                          Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                          Spenden

                          1 Reply Last reply
                          4
                          • ArmilarA Armilar

                            SONOFF NSPanel Touch Display Switch

                            mit Lovelace UI und TASMOTA Firmware

                            60848839-53b0-4e2b-a370-28e02960bfcd-image.png

                            Das Thema https://forum.iobroker.net/topic/50888/sonoff-nspanel/1542 wird hier jetzt fortgesetzt...

                            An alle begeisterten NSPanel'er

                            Dieser Thread soll sich jetzt ausschließlich mit den Fragen und Themen rund um das SONOFF NSPanel mit Lovelace UI beschäftigen.

                            Wie alles begann:

                            • 22.10.2021
                              Blakadder's Dokumentation der Dekodierung des NSPanel-Kommunikationsprotokolls und Einrichtung der Steuerung des Nextion-Bildschirms mit benutzerdefinierter Firmware.
                              https://blakadder.com/nspanel-hacking/
                            • 01.01.2022
                              Erste Gehversuche mit Blockly-Scripts auf der Original-Firmware nach einer ersten coolen Anleitung für den ioBroker von @haus-automatisierung.
                            • ...
                              Funkstille auf allen Kanälen, da das Panel in der Originalsoftware einfach zu wenig Funktionalität hat. Ein Vergleich mit "Jugend forscht" wäre maßlos übertrieben...
                            • 15.01.2022
                              @jobr99 Erstes POC von Lovelace Konzept mit ESPhome Komponente, da Nextion Upload Protcol unter tasmota nicht umsetzbar ist (berry tcpclient crashed ESP, HTTP Libary ist auf viel zu kleine Dateien limitiert)
                            • 17.01.2022
                              peepshow-21 Erste implementierung von Nextion Upload Protocol 1.1 mit Workaround für HTTP Libary über Java Converter um tft files für tasmota vorzubereiten
                            • 20.01.2022
                              s-hadinger fixt bug in berry tcpclient
                            • 31.01.2022
                              Erste Version für HomeAssistant mit Nodered und Tasmota
                            • 08.02.2022
                              @joBr99 Erste Implementierung von Nextion Upload Protokoll 1.2 in Berry basiertend auf HTTP Range Header Requests und lokalem Buffer (funktioniert nur mit -nspanel tasmota build uns PSRAM Support)
                            • 12.02.2022
                              peepshow-21 Implementierung von Nextion Upload Protocol 1.2 mit vollständigem Download und "streaming" zum Nextion Screen während dem Download
                            • 05.03.2022
                              @joBr99 Portierung von Node-Red Flow zu AppDaemon, da AppDaemon sich besser eignet zur Implementierung vom Backend
                            • 13.03.2022
                              @joBr99 Erste Version von Lovelace Berry Driver basierend auf Upload Protocol Implementierung von peepshow-21, da diese etwas stabiler läuft mit zusätzlichem Error Handling
                            • 30.03.2022
                              @joBr99 kommt mit der Info um die Ecke, dass es ein erstes Script v1.9.0 für den ioBroker von @Britzelpuf gibt. Zu diesem Zeitpunkt gab es bereits den Screensaver die Seitennavigation und die Möglichkeit eine Lampe, einen Dimmer eine Taste und eine Info, sowie die popUps für Licht (Brightness) und Shutter (Position) und einen Thermostaten zur Steuerung einzubinden.
                            • 10.04.2022
                              @joBr99 Firmware got bigger and bigger with >15 Minutes Flashing Time for the tft file
                              Increased Flashing Speed of Berry Driver from 115200 to 921600 and added skipping to the End with HTTP Range Headers, resulted in faster display flashing
                            • 11.04.2022
                              @Armilar macht seine ersten Änderungen auf github und hört seit dem nicht mehr auf, weitere Funktionen in das TSScript hinzuzufügen... 😉
                              @joBr99 entwickelt die HMI und neue Funktionen für Home Assistant schneller als der Wind - und macht das Panel zur echten Bereicherung für jedes Smart Home 😊 👏

                            heute

                            • Eine der besten Community's die ich jemals erlebt habe. Hilfsbereit und kompetent wird jeder mit Hilfestellungen und Problemlösungen in kürzester Zeit versorgt.

                            Es macht großen Spaß zusammen mit euch...

                            VG
                            Armilar


                            Beispiele:

                            09ae2c13-c606-4ef5-88dc-26fccd14dd85-image.png

                            cf500331-70d8-4150-ac59-aabff1a27f7f-image.png

                            a5dbb6f4-403b-4081-b2e9-a17cbc3af26c-image.png

                            b41e2fed-abaa-4993-ae6f-2344f4e3afc8-image.png

                            048fc1af-d72e-45fe-9102-688d40b2df18-image.png

                            08edcab4-03b7-4c0f-923e-0f5b1c639cca-image.png

                            ad94cddf-a0d0-40a7-971c-16504e8949fd-image.png

                            263b23cc-d003-4af6-98b6-ed994c244890-image.png

                            07373515-a92e-4cc9-b717-716e4fd4413f-image.png

                            7c4a1f2f-26d7-4aeb-987d-3e30a671378d-image.png


                            Features:

                            • cardEntities für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                            • cardGrid (3x2-Raster) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                            • cardGrid2 (4x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                            • cardGrid3 (2x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                            • cardPower zur Visualisierung der Energieverteilung
                            • cardAlarm als Seite für Alarmanlagen
                            • cardMedia - der Media-Player (Diverse Adapter)
                            • cardThermo - Seite für Thermostat oder Klimaanlage
                            • cardQR - Seite mit QRCode zur Anzeige von WLAN-Informationen
                            • cardChart - Balkendiagramme
                            • Detailseiten für Leuchtmittel (Helligkeit, Temperatur und Farbe)
                            • Detailseite für Jalousien/Rollos (Position und Tilt)
                            • Detailseite für Ventilatoren
                            • Detailseite für Timer
                            • Auswahl Detailseite für Werteliste
                            • Bildschirmschonerseite mit Uhrzeit, Datum und Wetterinformationen oder/und Infos
                            • Multilingual (unterstützt über 40 Sprachen)
                            • Unbegrenzte Anzahl an Seiten und Unterseiten
                            • Abfallkalender
                            • Favoritenseiten
                            • etc.

                              ich glaube da ist eine verbesserte "cardMedia" in der Entwicklung - sieht cool aus...
                              72571469-4a78-4caf-ba0e-7a67865bb13c-image.png

                            NsPanel Lovelace UI ist eine Firmware für den Nextion-Bildschirm innerhalb des NSPanel.

                            Die allgemeine Idee ist, dass das Nextion-Display einen Seitenzähler durchläuft und der ESP32 dem Display sagt, was zu tun ist. Alles ist dynamisch durch Alias-Erstellung konfigurierbar, es ist nicht erforderlich, Nextion Editor zu programmieren. Neben der Seiten-Definition sind im ioBroker keine Programmierkenntnisse erforderlich. Es ist im ioBroker ebenfalls kein Lovelace-Adapter erforderlich.

                            Das Panel arbeitet mit Tasmota und MQTT. Um das Panel zu steuern und mit Inhalten von ioBroker zu aktualisieren, gibt es ein vordefiniertes TypeScript (TS) für den JavaScript-Adapter.


                            Aktuelle Wiki (Anleitung) für den ioBroker

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

                            NsPanelTs.ts (TypeScript) für ioBroker v4.9.3.X

                            zur Steuerung des SONOFF NSPanel mit dem ioBroker by @Armilar und @TT-Tom
                            https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker
                            abgestimmt auf:

                            • TFT 58 / v4.9.3 ( by @joBr99 / Armilar > 4.4.0)
                            • BerryDriver 9 ( by peepshow-21 (based on code by blakadder and s-hadinger))
                            • Tasmota 15.1.0 ( by Theo Arends ) --> Theo-Arends-Sonoff-MQTT-OTA

                            Projekt:

                            by @joBr99

                            • main (Home Assistant - Version und Nextion HMI): https://github.com/joBr99/nspanel-lovelace-ui by @joBr99
                            • ioBroker: https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker by @Armilar (HA - Adaption)

                            Icon-Mapper:

                            • icon_mapping.ts:
                              https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/icon_mapping.ts
                              (TypeScript muss in global liegen)

                            Icons:

                            unter: https://docs.nspanel.pky.eu/icon-cheatsheet.html

                            Video-Tutorial:

                            https://www.youtube.com/watch?v=ZPLJk2ZLo_8 by @haus-automatisierung

                            ? Offline
                            ? Offline
                            A Former User
                            wrote on last edited by
                            #6765

                            @armilar

                            Seit dem Update auf JavaScript Version 8.9.0 kommt das hier:

                            
                            	script.js.common.NSPanels.NSP1-BB-44011: TypeScript compilation failed: payload: 'dimmode~' + getState(NSPanel_Path + 'ScreensaverInfo.activeDimmodeBrightness').val + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish. payload: 'dimmode~' + timeDimMode.brightnessDay + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish. payload: 'dimmode~' + timeDimMode.brightnessNight + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish.
                            
                            
                            T 1 Reply Last reply
                            0
                            • ? A Former User

                              @armilar

                              Seit dem Update auf JavaScript Version 8.9.0 kommt das hier:

                              
                              	script.js.common.NSPanels.NSP1-BB-44011: TypeScript compilation failed: payload: 'dimmode~' + getState(NSPanel_Path + 'ScreensaverInfo.activeDimmodeBrightness').val + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish. payload: 'dimmode~' + timeDimMode.brightnessDay + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish. payload: 'dimmode~' + timeDimMode.brightnessNight + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish.
                              
                              
                              T Do not disturb
                              T Do not disturb
                              ticaki
                              wrote on last edited by ticaki
                              #6766

                              @ilovegym sagte in SONOFF NSPanel mit Lovelace UI:

                              payload: 'dimmode~'

                              Welche Version vom Skript?

                              Gefunden...

                              Lösung

                              vorher:
                              getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ??
                                                          80
                              nachher
                              (getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ??
                                                          '80')
                              

                              Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                              Spenden

                              T 1 Reply Last reply
                              1
                              • T ticaki

                                @ilovegym sagte in SONOFF NSPanel mit Lovelace UI:

                                payload: 'dimmode~'

                                Welche Version vom Skript?

                                Gefunden...

                                Lösung

                                vorher:
                                getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ??
                                                            80
                                nachher
                                (getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ??
                                                            '80')
                                
                                T Offline
                                T Offline
                                TT-Tom
                                wrote on last edited by TT-Tom
                                #6767

                                @ticaki
                                ist in der DEV Version schon gefixt?

                                Edit: ist schon 😉

                                Gruß Tom
                                https://github.com/tt-tom17
                                Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

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

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

                                1 Reply Last reply
                                0
                                • ArmilarA Armilar

                                  SONOFF NSPanel Touch Display Switch

                                  mit Lovelace UI und TASMOTA Firmware

                                  60848839-53b0-4e2b-a370-28e02960bfcd-image.png

                                  Das Thema https://forum.iobroker.net/topic/50888/sonoff-nspanel/1542 wird hier jetzt fortgesetzt...

                                  An alle begeisterten NSPanel'er

                                  Dieser Thread soll sich jetzt ausschließlich mit den Fragen und Themen rund um das SONOFF NSPanel mit Lovelace UI beschäftigen.

                                  Wie alles begann:

                                  • 22.10.2021
                                    Blakadder's Dokumentation der Dekodierung des NSPanel-Kommunikationsprotokolls und Einrichtung der Steuerung des Nextion-Bildschirms mit benutzerdefinierter Firmware.
                                    https://blakadder.com/nspanel-hacking/
                                  • 01.01.2022
                                    Erste Gehversuche mit Blockly-Scripts auf der Original-Firmware nach einer ersten coolen Anleitung für den ioBroker von @haus-automatisierung.
                                  • ...
                                    Funkstille auf allen Kanälen, da das Panel in der Originalsoftware einfach zu wenig Funktionalität hat. Ein Vergleich mit "Jugend forscht" wäre maßlos übertrieben...
                                  • 15.01.2022
                                    @jobr99 Erstes POC von Lovelace Konzept mit ESPhome Komponente, da Nextion Upload Protcol unter tasmota nicht umsetzbar ist (berry tcpclient crashed ESP, HTTP Libary ist auf viel zu kleine Dateien limitiert)
                                  • 17.01.2022
                                    peepshow-21 Erste implementierung von Nextion Upload Protocol 1.1 mit Workaround für HTTP Libary über Java Converter um tft files für tasmota vorzubereiten
                                  • 20.01.2022
                                    s-hadinger fixt bug in berry tcpclient
                                  • 31.01.2022
                                    Erste Version für HomeAssistant mit Nodered und Tasmota
                                  • 08.02.2022
                                    @joBr99 Erste Implementierung von Nextion Upload Protokoll 1.2 in Berry basiertend auf HTTP Range Header Requests und lokalem Buffer (funktioniert nur mit -nspanel tasmota build uns PSRAM Support)
                                  • 12.02.2022
                                    peepshow-21 Implementierung von Nextion Upload Protocol 1.2 mit vollständigem Download und "streaming" zum Nextion Screen während dem Download
                                  • 05.03.2022
                                    @joBr99 Portierung von Node-Red Flow zu AppDaemon, da AppDaemon sich besser eignet zur Implementierung vom Backend
                                  • 13.03.2022
                                    @joBr99 Erste Version von Lovelace Berry Driver basierend auf Upload Protocol Implementierung von peepshow-21, da diese etwas stabiler läuft mit zusätzlichem Error Handling
                                  • 30.03.2022
                                    @joBr99 kommt mit der Info um die Ecke, dass es ein erstes Script v1.9.0 für den ioBroker von @Britzelpuf gibt. Zu diesem Zeitpunkt gab es bereits den Screensaver die Seitennavigation und die Möglichkeit eine Lampe, einen Dimmer eine Taste und eine Info, sowie die popUps für Licht (Brightness) und Shutter (Position) und einen Thermostaten zur Steuerung einzubinden.
                                  • 10.04.2022
                                    @joBr99 Firmware got bigger and bigger with >15 Minutes Flashing Time for the tft file
                                    Increased Flashing Speed of Berry Driver from 115200 to 921600 and added skipping to the End with HTTP Range Headers, resulted in faster display flashing
                                  • 11.04.2022
                                    @Armilar macht seine ersten Änderungen auf github und hört seit dem nicht mehr auf, weitere Funktionen in das TSScript hinzuzufügen... 😉
                                    @joBr99 entwickelt die HMI und neue Funktionen für Home Assistant schneller als der Wind - und macht das Panel zur echten Bereicherung für jedes Smart Home 😊 👏

                                  heute

                                  • Eine der besten Community's die ich jemals erlebt habe. Hilfsbereit und kompetent wird jeder mit Hilfestellungen und Problemlösungen in kürzester Zeit versorgt.

                                  Es macht großen Spaß zusammen mit euch...

                                  VG
                                  Armilar


                                  Beispiele:

                                  09ae2c13-c606-4ef5-88dc-26fccd14dd85-image.png

                                  cf500331-70d8-4150-ac59-aabff1a27f7f-image.png

                                  a5dbb6f4-403b-4081-b2e9-a17cbc3af26c-image.png

                                  b41e2fed-abaa-4993-ae6f-2344f4e3afc8-image.png

                                  048fc1af-d72e-45fe-9102-688d40b2df18-image.png

                                  08edcab4-03b7-4c0f-923e-0f5b1c639cca-image.png

                                  ad94cddf-a0d0-40a7-971c-16504e8949fd-image.png

                                  263b23cc-d003-4af6-98b6-ed994c244890-image.png

                                  07373515-a92e-4cc9-b717-716e4fd4413f-image.png

                                  7c4a1f2f-26d7-4aeb-987d-3e30a671378d-image.png


                                  Features:

                                  • cardEntities für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                                  • cardGrid (3x2-Raster) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                                  • cardGrid2 (4x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                                  • cardGrid3 (2x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                                  • cardPower zur Visualisierung der Energieverteilung
                                  • cardAlarm als Seite für Alarmanlagen
                                  • cardMedia - der Media-Player (Diverse Adapter)
                                  • cardThermo - Seite für Thermostat oder Klimaanlage
                                  • cardQR - Seite mit QRCode zur Anzeige von WLAN-Informationen
                                  • cardChart - Balkendiagramme
                                  • Detailseiten für Leuchtmittel (Helligkeit, Temperatur und Farbe)
                                  • Detailseite für Jalousien/Rollos (Position und Tilt)
                                  • Detailseite für Ventilatoren
                                  • Detailseite für Timer
                                  • Auswahl Detailseite für Werteliste
                                  • Bildschirmschonerseite mit Uhrzeit, Datum und Wetterinformationen oder/und Infos
                                  • Multilingual (unterstützt über 40 Sprachen)
                                  • Unbegrenzte Anzahl an Seiten und Unterseiten
                                  • Abfallkalender
                                  • Favoritenseiten
                                  • etc.

                                    ich glaube da ist eine verbesserte "cardMedia" in der Entwicklung - sieht cool aus...
                                    72571469-4a78-4caf-ba0e-7a67865bb13c-image.png

                                  NsPanel Lovelace UI ist eine Firmware für den Nextion-Bildschirm innerhalb des NSPanel.

                                  Die allgemeine Idee ist, dass das Nextion-Display einen Seitenzähler durchläuft und der ESP32 dem Display sagt, was zu tun ist. Alles ist dynamisch durch Alias-Erstellung konfigurierbar, es ist nicht erforderlich, Nextion Editor zu programmieren. Neben der Seiten-Definition sind im ioBroker keine Programmierkenntnisse erforderlich. Es ist im ioBroker ebenfalls kein Lovelace-Adapter erforderlich.

                                  Das Panel arbeitet mit Tasmota und MQTT. Um das Panel zu steuern und mit Inhalten von ioBroker zu aktualisieren, gibt es ein vordefiniertes TypeScript (TS) für den JavaScript-Adapter.


                                  Aktuelle Wiki (Anleitung) für den ioBroker

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

                                  NsPanelTs.ts (TypeScript) für ioBroker v4.9.3.X

                                  zur Steuerung des SONOFF NSPanel mit dem ioBroker by @Armilar und @TT-Tom
                                  https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker
                                  abgestimmt auf:

                                  • TFT 58 / v4.9.3 ( by @joBr99 / Armilar > 4.4.0)
                                  • BerryDriver 9 ( by peepshow-21 (based on code by blakadder and s-hadinger))
                                  • Tasmota 15.1.0 ( by Theo Arends ) --> Theo-Arends-Sonoff-MQTT-OTA

                                  Projekt:

                                  by @joBr99

                                  • main (Home Assistant - Version und Nextion HMI): https://github.com/joBr99/nspanel-lovelace-ui by @joBr99
                                  • ioBroker: https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker by @Armilar (HA - Adaption)

                                  Icon-Mapper:

                                  • icon_mapping.ts:
                                    https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/icon_mapping.ts
                                    (TypeScript muss in global liegen)

                                  Icons:

                                  unter: https://docs.nspanel.pky.eu/icon-cheatsheet.html

                                  Video-Tutorial:

                                  https://www.youtube.com/watch?v=ZPLJk2ZLo_8 by @haus-automatisierung

                                  ? Offline
                                  ? Offline
                                  A Former User
                                  wrote on last edited by
                                  #6768

                                  @armilar @ticaki @TT-Tom

                                  Ich habe dann 13 Scripte zu Updaten, kann man die scripte nicht splitten, ein Script nur für die config eines Panels und der andere Teil das eigentliche Script?

                                  T 1 Reply Last reply
                                  0
                                  • ? A Former User

                                    @armilar @ticaki @TT-Tom

                                    Ich habe dann 13 Scripte zu Updaten, kann man die scripte nicht splitten, ein Script nur für die config eines Panels und der andere Teil das eigentliche Script?

                                    T Do not disturb
                                    T Do not disturb
                                    ticaki
                                    wrote on last edited by ticaki
                                    #6769

                                    @ilovegym
                                    Kann man, aber richtig viel arbeit und fast nicht zu debuggen. hmm lass mcih denken... könnte leichter zu debuggen sein, aber der zugang wird für programmierer erschwert - heißt weniger maintainer am ende.

                                    EDIT: Ich wäre froh ich hätte den code nur 13 mal kopiert in den letzten 2 Tagen 🙂

                                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                    Spenden

                                    GarganoG 1 Reply Last reply
                                    0
                                    • T ticaki

                                      @ilovegym
                                      Kann man, aber richtig viel arbeit und fast nicht zu debuggen. hmm lass mcih denken... könnte leichter zu debuggen sein, aber der zugang wird für programmierer erschwert - heißt weniger maintainer am ende.

                                      EDIT: Ich wäre froh ich hätte den code nur 13 mal kopiert in den letzten 2 Tagen 🙂

                                      GarganoG Offline
                                      GarganoG Offline
                                      Gargano
                                      wrote on last edited by Gargano
                                      #6770

                                      @Armilar , @TT-Tom ,
                                      An dieser Stelle: Wie sieht es mit dem Adapter aus ?
                                      Gibt es da eine Time line ?

                                      T 1 Reply Last reply
                                      0
                                      • GarganoG Gargano

                                        @Armilar , @TT-Tom ,
                                        An dieser Stelle: Wie sieht es mit dem Adapter aus ?
                                        Gibt es da eine Time line ?

                                        T Do not disturb
                                        T Do not disturb
                                        ticaki
                                        wrote on last edited by ticaki
                                        #6771

                                        @gargano
                                        Ich bin jetzt langsam mal dabei mich mit react vertraut zu machen und hab noch ein paar andere Ideen. Da ich der "Adapterentwickler" im Team bin und im letzten Jahr ausgefallen bin ist da seit April/Mai nix passiert.

                                        Bis auf den Teil der die Konfiguration betrifft ist der Adapter einsatzbereit, hat noch nicht alle Mediaplayer - aber er geht. Mal sehen wenn wir das mal mit allen durch diskutieren wieviel umgeschrieben wird.

                                        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                        Spenden

                                        ArmilarA 1 Reply Last reply
                                        0
                                        • T ticaki

                                          @gargano
                                          Ich bin jetzt langsam mal dabei mich mit react vertraut zu machen und hab noch ein paar andere Ideen. Da ich der "Adapterentwickler" im Team bin und im letzten Jahr ausgefallen bin ist da seit April/Mai nix passiert.

                                          Bis auf den Teil der die Konfiguration betrifft ist der Adapter einsatzbereit, hat noch nicht alle Mediaplayer - aber er geht. Mal sehen wenn wir das mal mit allen durch diskutieren wieviel umgeschrieben wird.

                                          ArmilarA Offline
                                          ArmilarA Offline
                                          Armilar
                                          Most Active Forum Testing
                                          wrote on last edited by Armilar
                                          #6772

                                          Update v4.5.0

                                          acb8351a-2ce5-452e-8968-f375feff8bd8-image.png

                                          Nachdem es heute zu einem Bug mit dem "BETA"-JS-Adapter v8.9.0 heute kam, haben wir uns kurzfristig entschlossen, das Release v4.5.0 mit dem Bugfix und einer Erweiterung der TFT zu veröffentlichen.


                                          Wer also diese JS-Adapter Version geladen hat, kommt nicht an diesem Update vorbei.

                                          https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                          Unteren Teil austauschen ab:
                                          6848e21f-0ecb-4351-8326-6c023e0ea5f7-image.png


                                          Das Service Menü hat einen weiteren Eintrag erhalten. Mit diesem kann der Einfache Screensaver (siehe Bilder unten) umgeschaltet werden.
                                          Zeilen 425 bis 822 austauschen


                                          Die Firmware sollte in der Tasmota-Konsole mit (Achtung neue URL)

                                          FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                                          

                                          aktualisiert werden.


                                          Der neue "Einfache Screensaver":
                                          f31d6ffb-b782-4561-8b0e-a38885577ab6-image.png
                                          ist eine Version mit stark vergrößerten Elementen. Die beiden Relais sind hierbei nur noch als Balken (keine Icons) im unteren Teil zu sehen.

                                          Außerdem gibt es eine cardGrid3 mit 4 Steuerelementen:
                                          a3dcfcb4-dfad-48cd-bd84-f649b65c3bf9-image.png

                                          Die Variable unterscheidet sich lediglich durch den type cardGrid3 und das max. 4 pageItems möglich sind

                                          let Buero_Seite_2: PageType = 
                                          {
                                              'type': 'cardGrid3',
                                              'heading': 'Büro 2',
                                              'useColor': true,
                                              'items': [
                                                  { id: 'alias.0.NSPanel_1.Schreibtischlampe', name: 'Schreibtisch'},
                                                  { id: 'alias.0.NSPanel_1.Deckenbeleuchtung', name: 'Deckenlampe'},
                                                  { id: 'alias.0.NSPanel_1.TestFenster', offColor: MSGreen, onColor: MSRed, name: 'Büro Fenster'},
                                                  { id: 'alias.0.NSPanel_1.Luftreiniger', icon: 'power', offColor: MSRed, onColor: MSGreen},
                                              ]
                                          };
                                          

                                          Es gibt noch eine weitere Neuerung, in der ein 3. Icon im pageItem für die Rollos (Alias Channel: blinds) genutzt werden kann. Diese wird jedoch im Wiki beschrieben.


                                          Viel Spaß mit dem neuen Release

                                          @ticaki, @TT-Tom und Armilar

                                          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                          ? Chris_71C 2 Replies Last reply
                                          2
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          709

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe