Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. SONOFF NSPanel mit Lovelace UI

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • Armilar
      Armilar Most Active Forum Testing @mading last edited by Armilar

      @mading

      Es gibt Leute die es geschafft haben. Mit viel hin und her und ich weiß auch nicht wie die an die Original TFT wieder herangekommen sind - aber es soll irgendwie möglich sein - mehr weiß ich auch nicht.

      Mir fällt aber kein Grund ein, ein NSPanel wieder gegen einen einfachen Lichtschalter zu tauschen 😉

      M 1 Reply Last reply Reply Quote 0
      • Armilar
        Armilar Most Active Forum Testing @mading last edited by Armilar

        @mading sagte in SONOFF NSPanel mit Lovelace UI:

        @armilar sagte in SONOFF NSPanel mit Lovelace UI:

        @mading

        ohne N und L wirst du das Panel nie betreiben können. Wie ist es denn jetzt angeschlossen oder ist es noch neu?

        Ich will es bestellen. Ich schau mir noch die Doku etc an bevor ich das mache. Kann ich das nspanel wieder in den auslieferungszustand zurück bringen?

        Wenn du einen ESP32 herumfliegen hast, könntest du auch schon anfangen...
        https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Nextion-Editor

        Nextion-Editor auf Windows installieren und den ESP32 mit Tasmota flashen. Ein wenig konfigurieren, ausprobieren und entscheiden...

        Wenn es dann passt, kannst du das Script auch für das Live-Panel nutzen

        1 Reply Last reply Reply Quote 0
        • M
          mading @Armilar last edited by

          @armilar ok danke. Ich will den Mini TFT in mein Büro unter den Bildschirm stellen. Daher schrieb ich weiter oben dass ich mich mal mit den Video(s) und Wiki/ Anleitung beschäftigen muss, um sicher zu stellen dass es das ist was ich möchte. Grundsätzlich ist es ja aber so, dass es keine breite Alternative für kleine Displays gibt (ein Galaxy Tab hängt für VIS im EG Flur und ein Ink Homematic Ink Display/ Taster im Bad). Ich suche noch was um mir PV/ E-Auto Ladewerte etc. anzeigen zu lassen um die Werte zu sehen während ich arbeite :). Männerspielzeug 😄

          Armilar 1 Reply Last reply Reply Quote 1
          • Armilar
            Armilar Most Active Forum Testing @mading last edited by

            @mading

            Ist ein Männerspielzeug... Aber die Frauen finden das irgendwann auch sehr gut... 😊

            1 Reply Last reply Reply Quote 0
            • H
              hansano @mading last edited by hansano

              @mading

              Ich hatte Lovelace drauf, bin wieder zurück auf die Original Version und jetzt wieder bei Lovelace. Das Original gibt es in irgendeinem Disqord Forum.

              Edit
              Habs gefunden
              Link

              1 Reply Last reply Reply Quote 2
              • M
                mading last edited by mading

                folgendes sollte ja ausreichen, um das NSPanel zu flashen, richtig: https://www.amazon.de/gp/product/B00AFRXKFU/ref=ox_sc_act_title_1?smid=A1CSDW1MXJ9X3L&psc=1

                CP210x ist ja klar, mir geht es eher um die Kabel. 5 müssten es sein und sind es.

                Geht aus dem Wiki nicht hervor. Ich würde es dann dort ergänzen 😉

                1 Reply Last reply Reply Quote 0
                • T
                  TT-Tom last edited by

                  @mading
                  Du benötigst 5 Kabel: 3,3V ; Gnd; TX; RX; und eins um gipo 0 mit Gnd zu verbinden. Ist im Video von Matthias eigentlich gut erklärt, der link ist im Wiki.

                  Armilar 1 Reply Last reply Reply Quote 0
                  • Armilar
                    Armilar Most Active Forum Testing @TT-Tom last edited by Armilar

                    @tt-tom

                    @mading
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---Basisinstallation

                    Der Link ist ganz oben - da gehts zu youtube

                    https://www.youtube.com/watch?v=ZPLJk2ZLo_8

                    Das Flashen des Panel hier:
                    https://www.youtube.com/watch?v=uqPz08ZpFW8&t=409s

                    Im 2. Link nur das Flashen berücksichtigen und dann auf das erste Video.

                    M 1 Reply Last reply Reply Quote 0
                    • M
                      mading @Armilar last edited by

                      @armilar danke das habe ich mir alles schon durch gesehen, auch das super wiki. Da ich elektrotechnisch nicht ganz so beschlagen bin dachte ich frage ich mal wegen der Kabel nach. Danke für die Mühen an die Antworter! Hab mir das nspanel und den adapter inkl. Kabel bestellt und wühle mich dann durch das Wiki 🫶👍🏼

                      Armilar 1 Reply Last reply Reply Quote 1
                      • Armilar
                        Armilar Most Active Forum Testing @mading last edited by

                        @mading

                        Falls fragen, dann einfach nachhaken. Den Part mussten hier im Thread alle durchlaufen 😉

                        R 1 Reply Last reply Reply Quote 1
                        • R
                          ronny130286 @Armilar last edited by ronny130286

                          @armilar

                          Ich habe mir für Lichtschalter noch eine optional Erweiterung einfallen lassen unzwar wenn ich auf den Text Klicke dann öffnet sich nicht die Detailansicht sondern eine Subpage.
                          Über die Subpage kann ich dann Einstellungen am Licht vornehmen. Bei mir ist es so, ich habe bspw. Terrassenlicht was automatisch nach einer Nachlaufzeit ausgehen soll wenn alle Terrassentüren wieder geschlossen sind oder Licht was zu einer bestimmten Zeit an/aus gehen soll, auf der Seite kann man das dann entsprechend einstellen.

                          Ich habe das über eine weitere Option im PageItem angelegt

                          optionPage: (string | undefined)
                          

                          Bsp: optionPage: "Terrasse" (das Terasse steht für die Subpage die angezeigt werden soll und muss auch unter Subpages eingetragen sein)

                          Die Funktion HandleMessage habe ich so abgewandelt:

                          function HandleMessage(typ: string, method: string, page: number, words: Array<string>): void {
                              try {
                                  if (typ == 'event') {
                                      switch (method) {
                                          case 'startup':
                                              screensaverEnabled = false;
                                              UnsubscribeWatcher();
                                              HandleStartupProcess();
                                              pageId = 0;
                                              GeneratePage(config.pages[0]);
                                              break;
                                          case 'sleepReached':
                                              useMediaEvents = false;
                                              screensaverEnabled = true;
                                              if (pageId < 0)
                                                  pageId = 0;
                                              HandleScreensaver();
                                              break;
                                          case 'pageOpenDetail':
                                              screensaverEnabled = false;
                                              UnsubscribeWatcher();
                                              let tempPageItem = words[3].split('?');
                                              let pageItem = findPageItem(tempPageItem[0]);
                                              if(pageItem!== undefined && pageItem.optionPage !== undefined){
                                                  GeneratePage(eval(pageItem.optionPage));
                                              }
                                              else if (pageItem !== undefined && pageItem.optionPage == undefined) {
                                                  //console.log(words[0] + ' - ' + words[1] + ' - ' + words[2] + ' - ' + words[3] + ' - ' + words[4]);
                                                  SendToPanel(GenerateDetailPage(words[2], tempPageItem[1], pageItem));
                                              }
                                              break;
                                          case 'buttonPress2':
                                              screensaverEnabled = false;
                                              HandleButtonEvent(words);
                                              if (Debug) {
                                                  console.log(words[0] + ' - ' + words[1] + ' - ' + words[2] + ' - ' + words[3] + ' - ' + words[4]);
                                              }
                                              break;
                                          case 'button1':
                                          case 'button2':
                                              screensaverEnabled = false;
                                              HandleHardwareButton(method);
                                              break;
                                          default:
                                              break;
                                      }
                                  }
                              } catch (err) {
                                  console.warn('function HandleMessage: ' + err.message);
                              }
                          }
                          

                          Ich habe jetzt nur kleineres Problem wenn ich auf den Text klicke, dann sieht man für eine kurze Zeit erst die Detailseite und dann erst kommt meine Subpage, weist du wie ich das wegbekomme?

                          Anbei mal noch ein paar Bilder dazu vielleicht braucht es ja noch jemand.
                          20230112-154856_eLU8Q65T.mp4

                          20230112_154803.jpg

                          20230112_154816.jpg

                          T Armilar 2 Replies Last reply Reply Quote 0
                          • T
                            TT-Tom @ronny130286 last edited by TT-Tom

                            @ronny130286

                            hast du das Script vorher kopiert und dann geändert?

                            R 1 Reply Last reply Reply Quote 0
                            • R
                              ronny130286 @TT-Tom last edited by ronny130286

                              @tt-tom

                              Ich habe das aktuelle Skript genommen und dann meine Änderungen gemacht, wieso?

                              Edit:
                              Meinst du weil man das eventuell auch mit dem neun Script auch über die Navigation hätte machen können?

                              T 1 Reply Last reply Reply Quote 0
                              • Armilar
                                Armilar Most Active Forum Testing @ronny130286 last edited by Armilar

                                @ronny130286

                                An den Detailpages kannst du nicht vorbei, denn die werden durch die HMI geöffnet. Ein Lichtschalter hat eben ein festdefiniertes popUp. Das TS-Script schickt dann nur eine Änderung um die richtigen Daten für das popUp anzuzeigen.

                                Also nicht wirklich so gut die Idee 🙄

                                EDIT: Wenn ich es richtig in Erinnerung habe, bekommt das popUp-Licht demnächst aber noch eine Sprungmarke zu weiteren Configs.

                                R 1 Reply Last reply Reply Quote 0
                                • T
                                  TT-Tom @ronny130286 last edited by TT-Tom

                                  @ronny130286

                                  ich vermute, dass das alte Script parallel mit läuft.

                                  EDIT: @Armilar hat die Lösung, erkennt sich da auch bestens aus 😊

                                  1 Reply Last reply Reply Quote 0
                                  • R
                                    ronny130286 @Armilar last edited by

                                    @armilar

                                    ok, na dann lebe ich erstmal damit wie es jetzt ist und hoffe dann auf die Sprungmarke 🙂

                                    1 Reply Last reply Reply Quote 1
                                    • Meister-x
                                      Meister-x @ravenst0ne last edited by

                                      @ravenst0ne
                                      Danke..
                                      werde es morgen gleich versuchen.
                                      VG
                                      Gerhard

                                      1 Reply Last reply Reply Quote 0
                                      • Meister-x
                                        Meister-x @Armilar last edited by

                                        @armilar
                                        klingt klasse , vielen Dank .
                                        Komm leider erst morgen zum testen..
                                        Wirklich einmalig deine Hilfen und Lösungen !!

                                        Armilar 1 Reply Last reply Reply Quote 1
                                        • Armilar
                                          Armilar Most Active Forum Testing @Meister-x last edited by

                                          @meister-x

                                          Na immer wieder gerne 😊

                                          Armilar 1 Reply Last reply Reply Quote 0
                                          • Armilar
                                            Armilar Most Active Forum Testing @Armilar last edited by Armilar

                                            26b312e6-5ff0-40f4-b1e5-57702242a165-image.png

                                            Update auf v3.8.3

                                            FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.8.3.tft
                                            

                                            Diese Release beinhaltet:

                                            • neue Funktionen des Volumio-Media-Players
                                            • die Vorbereitung für die carLCharts (Linien Diagramme siehe Vorschau unten)
                                            • Funktionen für den "echten Taster" (Mono-Button)
                                            • Hotfix für die farbigen Licht-Typen (Funktion Off)
                                            • Das €-Zeichen in Strings
                                            • Individuelle Navigations-Icons bei parent/prev/next/home

                                            Update-Anleitung (von v3.8.1 ausgehend):

                                            • Unteren Teil (ab hier keine Änderungen...) komplett ersetzen.
                                            • In den Variablen muss eine Änderung vorgenommen werden
                                              • die 1 Zeile der Variable jeder Seite muss von:

                                                let Test_Licht1: PageEntities =
                                                

                                                in

                                                let Test_Licht1 = <PageEntities>
                                                

                                                geändert werden.
                                                also:

                                                let Variablenname = <Seitentyp>

                                                Dadurch ergeben sich folgende Vorteile:

                                                Es müssen nicht mehr alle Seitenparameter angegeben werden, wie z.B.:

                                                 let CardPowerExample = <PagePower>
                                                    {
                                                        'type': 'cardPower',
                                                        'heading': 'cardPower Emulator',
                                                        'items': [
                                                            <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
                                                        ]
                                                    };
                                                

                                                d.h. alle optionalen Seitenparameter mit undefined oder false können entfallen.

                                                Zusätzlich können weitere Typen verwendet werden:

                                                
                                                     let CardPowerExample = <PagePower>
                                                        {
                                                            'type': 'cardPower',
                                                            'heading': 'cardPower Emulator',
                                                            'useColor': true oder false
                                                            'subPage': true oder false
                                                            'parent': undefined oder Page
                                                            'parentIcon': undefined oder Icon als String, z.B. 'alert'
                                                            'prev': undefined oder 'Page'
                                                            'prevIcon': undefined oder Icon als String
                                                            'next': undefined oder 'Page'
                                                            'nextIcon': undefined oder Icon als String
                                                            'home': undefined oder 'Page' 
                                                            'homeIcon': undefined oder Icon als String
                                                            'items': [
                                                                <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
                                                            ]
                                                        };
                                                

                                            Das TS-Script v3.8.3 findet ihr hier:
                                            https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                            Mit v3.9.0 kommt demnächst die carLChart hinzu (aktuell noch nicht in der stable TFT):
                                            71ebf5ae-55ae-48d5-b3f8-a873b660d6c4-image.png

                                            1 Reply Last reply Reply Quote 3
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            945
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4623714
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo