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.0k

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.
  • 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
                            • T Do not disturb
                              T Do not disturb
                              ticaki
                              wrote on last edited by ticaki
                              #6773

                              Neuerung:

                              Eine weitere Neuerung die ich im Changelog vergessen habe:

                              Der Name (nicht id) des im Skript angegebenen userdata/alias Ordners wird beim Start ersetzt durch die Bezeichnung die ihr im Tasmota unter other->Device Name eingetragen habt.

                              Hatte wiedermal die Nase voll davon das ich nicht weiß welcher welcher ist ohne ins Skript zu gucken 🙂
                              Bildschirmfoto 2025-01-23 um 09.06.37.png

                              Die oberen 2 muß ich noch benennen.


                              Icon3:

                              Bis das in der Wiki aktualisiert ist hier eine kurzer Beschreibung zu Icon3.

                              Wenn ihr in einem role: blinds ein Icon3 definiert ohne maxValueLevel/minValueLevel, wird bei einem Entity Wert von x dieses Icon verwendet:

                              kleiner gleich 0 Icon
                              größer gleich 100 Icon2
                              zwischen 0 und 100 Icon3

                              In diesem einen Sonderfall kann Icon, Icon2 und Icon3 auch eine Datenpunkt-ID sein, die auf ein Icon zeigt, das hab ich aber noch nicht genug getestet.

                              minimal Konfiguration:

                              /** <PageItem> */{ navigate: false, id: 'alias.0.zuhause.og.Wohnzimmer.Wohnzimmer_Rollladen', icon3:'window-shutter-alert'},
                              

                              Wenn der Wertebereich nicht 0-100 ist könnt ihr minValueLevel und maxValueLevel verwendet um es selbst einzustellen

                              kleiner gleich minValueLevel Icon
                              größer gleich maxValueLevel Icon2
                              zwischen minValueLevel und maxValueLevel Icon3

                              min und max werden intern geprüft und so gedreht das max größer ist als min 🙂

                              Wenn es zuspruch findet, kann das überall, wo es Sinn macht eingebaut werden.

                              Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                              Spenden

                              1 Reply Last reply
                              1
                              • ArmilarA Armilar

                                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

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

                                @armilar

                                das update schlaegt fehl... hat sich noch etwas geaendert..??

                                
                                8:48:54.185 CMD: FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                                08:48:54.194 MQT: SmartHome/NSPanel1/stat/RESULT = {"FlashNextion":"Done"}
                                08:48:54.220 FLH: host: nspanel.de, port: 80, get: /nspanel-4.5.0.tft
                                08:48:57.258 FLH: Something has gone wrong flashing display firmware [bytes('55BB13006576656E742C737461727475702C35332C65755788')]
                                08:48:57.405 FLH: Send (High Speed) flash start
                                08:48:57.759 BRY: Exception> 'type_error' - unsupported operand type(s) for <: 'nil' and 'int'
                                
                                T 1 Reply Last reply
                                0
                                • ? A Former User

                                  @armilar

                                  das update schlaegt fehl... hat sich noch etwas geaendert..??

                                  
                                  8:48:54.185 CMD: FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                                  08:48:54.194 MQT: SmartHome/NSPanel1/stat/RESULT = {"FlashNextion":"Done"}
                                  08:48:54.220 FLH: host: nspanel.de, port: 80, get: /nspanel-4.5.0.tft
                                  08:48:57.258 FLH: Something has gone wrong flashing display firmware [bytes('55BB13006576656E742C737461727475702C35332C65755788')]
                                  08:48:57.405 FLH: Send (High Speed) flash start
                                  08:48:57.759 BRY: Exception> 'type_error' - unsupported operand type(s) for <: 'nil' and 'int'
                                  
                                  T Do not disturb
                                  T Do not disturb
                                  ticaki
                                  wrote on last edited by ticaki
                                  #6775

                                  Hab meinen Beitrag oben editiert

                                  @ilovegym
                                  Bei mir geht das update aus dem NSPanel heraus. Habs gerade bei der Küche aufgespielt und das war noch auf 4.4

                                  OK die hat aber vielleicht nicht die neuste Version vom Skript... dann bei einem anderen gleich mal probieren

                                  EDIT:
                                  Hm das geht nciht aus dem Skript heraus, was hat der Küche nur geladen 🙂 Ok update geht bei mir aber manuell auf jedem NSPanel, vielleicht nochmal versuchen.

                                  Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                  Spenden

                                  ? 1 Reply Last reply
                                  0
                                  • T ticaki

                                    Hab meinen Beitrag oben editiert

                                    @ilovegym
                                    Bei mir geht das update aus dem NSPanel heraus. Habs gerade bei der Küche aufgespielt und das war noch auf 4.4

                                    OK die hat aber vielleicht nicht die neuste Version vom Skript... dann bei einem anderen gleich mal probieren

                                    EDIT:
                                    Hm das geht nciht aus dem Skript heraus, was hat der Küche nur geladen 🙂 Ok update geht bei mir aber manuell auf jedem NSPanel, vielleicht nochmal versuchen.

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

                                    @ticaki

                                    Nee, geht nicht, im Panel ist dann ein Model does not match Error.

                                    Im alten Script war auch ein ganz anderer Link:
                                    FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.4.0.tft

                                    Edit: bin mit allem wieder auf Stable zurueck

                                    T ArmilarA 2 Replies Last reply
                                    0
                                    • ? A Former User

                                      @ticaki

                                      Nee, geht nicht, im Panel ist dann ein Model does not match Error.

                                      Im alten Script war auch ein ganz anderer Link:
                                      FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.4.0.tft

                                      Edit: bin mit allem wieder auf Stable zurueck

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

                                      @ilovegym

                                      habe meins über die Konsole von Tasmota aktualisiert, ohne Probleme.

                                      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
                                      • ? A Former User

                                        @ticaki

                                        Nee, geht nicht, im Panel ist dann ein Model does not match Error.

                                        Im alten Script war auch ein ganz anderer Link:
                                        FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.4.0.tft

                                        Edit: bin mit allem wieder auf Stable zurueck

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

                                        @ilovegym

                                        Den Fehler hatten wir selten, dürfte aber diesem entsprechen

                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#32-fehler-bei-flashnextion---type-error-unsupported-operand-types

                                        Du hast ein EU-Panel?

                                        Hatten gefühlt 100 Downloads von der neuen URL gestern, gab da bislang keine Probleme...

                                        Betrifft das auch andere Panels?

                                        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.

                                        ? 1 Reply Last reply
                                        0
                                        • O Offline
                                          O Offline
                                          oOchrisOo
                                          wrote on last edited by
                                          #6779

                                          Guten Morgen,
                                          hab gestern abend ein NS Panel geflasht, wollte gerade weitermachen dabei ist mir folgendes aufgefallen, habe ab und zu einen streifen an der rechten Seite.
                                          Habe das Displaykabel mehrmals aus und eingesteckt, mal ist der Streifen da mal nicht, habt ihr einen Rat ?
                                          Könnte das Panel noch zurückschicken, kann man es aber wieder zurückflashen ? woher bekomme ich die Original Firmware ?
                                          Grüße chrisnspanel.jpg

                                          ArmilarA 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          607

                                          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