Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.0k

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.4k

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 275 Kommentatoren 6.8m Aufrufe 257 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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.
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #6763

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

      1 Antwort Letzte Antwort
      0
      • T Nicht stören
        T Nicht stören
        ticaki
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        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 :blush: :clap:

          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
          Ein ehemaliger Benutzer
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • ? Ein ehemaliger Benutzer

            @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 Nicht stören
            T Nicht stören
            ticaki
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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 :blush: :clap:

                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
                Ein ehemaliger Benutzer
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • ? Ein ehemaliger Benutzer

                  @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 Nicht stören
                  T Nicht stören
                  ticaki
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von Gargano
                    #6770

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

                    T 1 Antwort Letzte Antwort
                    0
                    • GarganoG Gargano

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

                      T Nicht stören
                      T Nicht stören
                      ticaki
                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                        2
                        • T Nicht stören
                          T Nicht stören
                          ticaki
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          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
                            Ein ehemaliger Benutzer
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            0
                            • ? Ein ehemaliger Benutzer

                              @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 Nicht stören
                              T Nicht stören
                              ticaki
                              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                              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
                                Ein ehemaliger Benutzer
                                schrieb am zuletzt editiert von Ein ehemaliger Benutzer
                                #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 Antworten Letzte Antwort
                                0
                                • ? Ein ehemaliger Benutzer

                                  @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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  0
                                  • ? Ein ehemaliger Benutzer

                                    @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
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    0
                                    • O Offline
                                      O Offline
                                      oOchrisOo
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • O oOchrisOo

                                        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 Offline
                                        ArmilarA Offline
                                        Armilar
                                        Most Active Forum Testing
                                        schrieb am zuletzt editiert von
                                        #6780

                                        @oochrisoo

                                        Sieht tatsächlich nach einem Hardwaredefekt aus. Die Original Firmware kannst du nicht zurückflashen. Mir ist zumindest kein Weg bekannt...

                                        Würde es dennoch zurücksenden als defekt...

                                        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.

                                        O 1 Antwort Letzte Antwort
                                        0
                                        • ArmilarA Armilar

                                          @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?

                                          ? Offline
                                          ? Offline
                                          Ein ehemaliger Benutzer
                                          schrieb am zuletzt editiert von
                                          #6781

                                          @armilar

                                          hmm ja, ist ein EU Panel, war Tasmota 14.4.1, hab ein Downgrade gemacht auf 13.4.0, gleicher Fehler.

                                          Andere Panels habe ich nicht probiert, sind alle produktiv im Einsatz und wenn die nicht funktionieren, bin ich ein Kopf kuerzer.. deshalb erstmal mit dem auf dem Schreibtisch..

                                          ArmilarA 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          486

                                          Online

                                          32.5k

                                          Benutzer

                                          81.6k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe