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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      areus76 @Flipps last edited by

      Hallo zusammen,

      ich versuche seit Tagen das NS Panel mit Tasmota zu flashen und bekomm das nicht hin.

      Versucht habe ich es mit 2 FTDI Adapter , 2 verschiedenen Computern und Flashprogrammen.

      Es scheint so, das das Panel nicht in den Programmiermodus geht.

      Alle Kabel habe ich durchgeklingelt und bin nun mit meinem Latein am Ende. Hat noch irgendwer eine Idee?

      Wurde an der Platine etwas verändert? Auf der Platine steht NSPanel 86 MC Broad V1.8 2021.09.17

      Danke

      Gruß Alex

      Unbenannt.PNG

      Armilar A 2 Replies Last reply Reply Quote 0
      • Armilar
        Armilar Most Active Forum Testing @areus76 last edited by Armilar

        @areus76

        wie hast du geflashed?

        hast du GPIO0 auf Ground gelegt um in den Programmiermodus zu kommen?

        fe88e0f9-eb27-4047-b276-ee098609cd75-image.png

        c834fdb7-b530-4ea4-8225-46142ae8d638-image.png

        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---Basisinstallation
        https://www.youtube.com/watch?v=uqPz08ZpFW8

        Du kannst auch direkt mit dem Webinstaller installieren

        https://tasmota.github.io/install/

        e462093b-6ba5-4798-917c-de1cb8fb973b-image.png

        1 Reply Last reply Reply Quote 0
        • A
          Andy200877 @areus76 last edited by

          @areus76

          Hast Du auch RX + TX vertauscht angeschlossen ?

          Also :
          RX auf dem Board an TX am FTDI
          TX auf dem Board an RX am FTDI

          Ich hatte anfangs auch ein paar Probleme, weil meine Kabel keinen richtigen Kontakt hatten.
          Erst als ich meine Kabel auf eine Stiftleiste gesteckt und diese dann etwas schräg auf die Platine gedrückt habe, hat es bei mir funktioniert...

          Ich habe es nach diesem Video gemacht :
          https://www.youtube.com/watch?v=uqPz08ZpFW8

          Nur geflasht habe ich die aktuelle Version über den Webinstaller.

          Armilar A 2 Replies Last reply Reply Quote 0
          • Armilar
            Armilar Most Active Forum Testing @Andy200877 last edited by Armilar

            @andy200877 sagte in SONOFF NSPanel mit Lovelace UI:

            RX auf dem Board an TX am FTDI
            TX auf dem Board an RX am FTDI

            TX und RX laufen eigentlich immer gekreuzt

            Ich lese aber heraus, das es jetzt läuft, oder?

            Falls ja, viel Spaß bei der Konfiguration mit dem NSPanel und immer schön der Anleitung folgen 😊

            A 1 Reply Last reply Reply Quote 0
            • A
              Andy200877 @Armilar last edited by Andy200877

              @armilar
              Das weiß ich.... Ich habe ja auch kein Problem mit dem flashen.... g

              @atrus76
              hat ein Problem....
              In seinem Log steht das keine Daten empfangen werden konnten.
              Daher wollte ich Ihn nochmal darauf hinweisen, das sie gekreuzt angeschlossen werden müssen. g

              Christof Bodner 1 Reply Last reply Reply Quote 1
              • Christof Bodner
                Christof Bodner @Andy200877 last edited by

                Ich bin erst seit Kurzem in der Community vom NSPanel, bin schon länger ioBroker, denke, dass das Gerät genau das ist, was mir noch gefehlt hat. Ich denke ich bin bei der Einrichtiung fast am Ziel, nur ein Problem sehe ich noch. Ev. kann mir da jemand auf die Schnelle helfen.

                Ich habe NSPanel mit Lovelace-UI am Laufen, ich kann da Seiten anlegen, mit denen ich die beiden Relais schalten kann. Ich kann diese auch über meine VIS-Oberfläche schalten, das klappt auch jeweils vom einen und ist synchron mit dem andern. Soweit so gut, aber wenn ich die Buttons drücke, so toggelt zwar das Relais, aber die States weder am Lovelace UI noch in der VIS werden aktualisiert.

                am MQTT kommt das beim Druck auf den Taster:

                SmartHome/NSPanel_1/stat/RESULT {"POWER1":"OFF"}
                SmartHome/NSPanel_1/stat/POWER1 OFF
                

                Wenn ich jim VIS das Relais schalte, dann kommt das:

                SmartHome/NSPanel_1/cmnd/CustomSend statusUpdate~~17299~~65222~~~
                SmartHome/NSPanel_1/cmnd/CustomSend weatherUpdate~~~~38066~~26.8 °C~~~~65363~Sonne~06:09~~~~26095~Wind~1.1m/s~~~~26095~Böen~1.7m/s~~~~65535~Windr.~113°~
                SmartHome/NSPanel_1/cmnd/CustomSend statusUpdate~~17299~~65222~~~
                SmartHome/NSPanel_1/stat/POWER2 ON
                SmartHome/NSPanel_1/stat/RESULT {"CustomSend":"Done"}
                SmartHome/NSPanel_1/stat/RESULT {"CustomSend":"Done"}
                SmartHome/NSPanel_1/stat/RESULT {"CustomSend":"Done"}
                

                Im VIS Editor habe ich einen switch mit alias.0.NSPanel.1.Relay.1.ACTUAL bzw. alias.0.NSPanel.1.Relay.1.SET konfiguriert.

                Wo hakt es da? Vielleicht kann mir da jemand einen Tipp geben, wo ich nachsehen soll.

                Christof Bodner 1 Reply Last reply Reply Quote 0
                • A
                  areus76 @Andy200877 last edited by

                  @andy200877 said in SONOFF NSPanel mit Lovelace UI:

                  @areus76

                  Hast Du auch RX + TX vertauscht angeschlossen ?

                  Also :
                  RX auf dem Board an TX am FTDI
                  TX auf dem Board an RX am FTDI

                  ich hab mir das Video bestimmt 10 mal angeschaut von Hausautomation. Hab es aber nicht gesehen das oben links steht das man diese kreuzen muss.

                  Danke für eure Hilfe.

                  Gruß Alex

                  1 Reply Last reply Reply Quote 0
                  • Christof Bodner
                    Christof Bodner @Christof Bodner last edited by

                    @christof-bodner said in SONOFF NSPanel mit Lovelace UI:

                    aber wenn ich die Buttons drücke, so toggelt zwar das Relais, aber die States weder am Lovelace UI noch in der VIS werden aktualisiert.

                    Also der Hintergrund ist der, dass ich gerne die Taster am NSPanel (das meinte ich mit "Buttons") so benutzen möchte, dass es auch ohne Backbone - also ohne die gante Infrastruktur - funktioniert. Es sind dies die Lichtschalter, und die sollen immer funktionieren, auch wenn das Raspi streikt. Und wenn ich das am Gerät drücke, dann soll es nicht mit dem VIS oder dem Lovelace UI "out-of-sync" gehen.

                    Ich denke, dass das jemand am Laufen hat, ev. einen Event-Trigger setzen? Aber auf was genau? Ich hatte es am MQTT versucht, aber da hat es dann laufend getoggelt.

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

                      @christof-bodner

                      Die Relay-Datenpunkte unter 0_userdata.0... sollten sich eigentlich ändern, sofern die Rule2 nicht aktiv ist.

                      0bec06b9-418d-4455-8dc1-38ed5f34e759-image.png

                      Das wären dann auch die, mit der du in der Vis schalten kannst.

                      Sollte auch mit anderen Spielereien funktionieren:
                      https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ

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

                        @flipps

                        Ich weiß nicht, ob das Thema noch aktuell ist.

                        Was einmal funktioniert, sollte auch ein zweites mal klappen... Der anzulegende Media-Alias sollte aber bevor er erneut erzeugt wird gelöscht werden.

                        Kleiner Tipp. Gebe allen Devices, falls möglich eine statische IP außerhalb des DHCP Bereiches. Dann kann dein Router die IP's nicht ändern.

                        Armilar 1 Reply Last reply Reply Quote 0
                        • F
                          Futty last edited by

                          Hallo,

                          irgendwie scheint die Thermocard nicht mehr zu funktionieren, wurde die letzten Tage hier was geändert? Lief eigentlich schon...
                          Mir scheint es irgendwie so als ob er kein Zugriff hat bzw. den Alias nicht findet. Fehlermeldungen erscheinen aber nicht im LOG.
                          Ideen?

                          660556d2-6415-45a8-97fb-93f7611c5502-image.png
                          8e4959c6-3507-4fad-9509-36900bb1a729-image.png
                          49a23586-fca1-46f2-927b-6cef6b066378-image.png

                          Danke

                          Marc Berg 1 Reply Last reply Reply Quote 0
                          • Marc Berg
                            Marc Berg Most Active @Futty last edited by Marc Berg

                            @futty sagte in [SONOFF NSPanel mit Lovelace UI](

                            Mir scheint es irgendwie so als ob er kein Zugriff hat bzw. den Alias nicht findet. Fehlermeldungen erscheinen aber nicht im LOG.
                            Ideen?

                            Der Punkt vor „ThermostatWohnbereich“ ist zu viel, wenn „AliasPath“ wie im Standard definiert ist.

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

                              7e820174-b14f-4232-9c50-a587a92fa430-image.png

                              Update v4.2.0

                              Es reicht den unteren Teil ab ( _______ Ab hier keine Konfiguration mehr ______ ) zu ersetzen

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

                              • @TT-Tom hat neue Funktionen zum Menü hinzugefügt. Somit ist es jetzt eine dynamische Farbe und ein dynamischer Wert statt "PRESS" im Menüpunkt möglich. Ebenfalls kann dem Menü der Alias-Typ Warnung zu geordnet werden.

                              • @TT-Tom wird die neuen Funktionen noch beschreiben...

                              • Einige Minor-Fixes in der HMI

                              FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.2.0.tft
                              

                              Todo's:
                              iconArray für cardThermo

                              1 Reply Last reply Reply Quote 1
                              • S
                                schmidti @Armilar last edited by

                                @armilar said in SONOFF NSPanel mit Lovelace UI:

                                @christof-bodner

                                Die Relay-Datenpunkte unter 0_userdata.0... sollten sich eigentlich ändern, sofern die Rule2 nicht aktiv ist.

                                0bec06b9-418d-4455-8dc1-38ed5f34e759-image.png

                                Das wären dann auch die, mit der du in der Vis schalten kannst.

                                Sollte auch mit anderen Spielereien funktionieren:
                                https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ

                                Ja damit kann man die Relais schalten, aber: Wenn die Tasten dafür benutzt werden, dann werden diese Datenpunkte nicht verändert. Ich meine damit, dass dann die Anzeige im VIS oder wie bei mir in Yahka nicht mehr mit der Tatsächlichen Relaisstellung übereinstimmen. Gibts da nen Tipp wie man das hinbekommt?

                                VG Schmidti

                                Armilar T Christof Bodner 3 Replies Last reply Reply Quote 0
                                • T
                                  TT-Tom last edited by

                                  Neuerungen 4.2.0

                                  Icon / Entity die für die Navigation durch die Seiten auf dem Panel genutzt werden, habe jetzt zwei weitere Eigenschaften die über den Alias Pfad jederzeit geändert werden können.

                                  • COLORDEC (Typ Zahl) -> damit kann die Farbe verändert werden. Der Zahlenbereich stammt aus dem Dec565-Farbcode, dieser wird für die Farben des HMI genutzt und ist fester Bestandteil dieses Projektes. Auf dieser Seite könnt ihr ganz leicht den Zahlencode für die Farbe eurer Wahl berechnen lassen.

                                  • BUTTONTEXT (Typ String) -> damit ist es möglich den Text "PRESS" auf einer Page vom Typ CradEntities anzupassen. Dieser Text erscheint dann am Ende der der Zeile.

                                  Diese beiden Datenpunkte sind keine Pflicht, das Script prüft, ob sie im Alias vorhanden sind und setzt sie um. Ihr könnt auch nur einen von beiden nutzen.

                                  • Schreibweise im Script (PageItem)
                                    normaler weise sieht sie so aus womit ihr maximal zwei Farben definieren könnt für onColor und offColor, sowie für den buttonText.
                                  <PageItem>{ navigate: true, id: 'alias.0.Wlan' , targetPage: 'WLAN', onColor: White, offColor: Green, buttonText: 'drücken', name: 'Gäste WLAN'},
                                  

                                  wenn jetzt unter alias.0.Wlan die beiden Datenpunkte vorhanden sind reicht diese Schreibweise aus um die Farbe und den Buttontext über den Alias zu ändern.

                                  <PageItem>{ navigate: true, id: 'alias.0.Wlan' , targetPage: 'WLAN',  name: 'Gäste WLAN'},
                                  

                                  Besonderheit bei Alias Typ Warnung

                                  der Alias Typ Warnung der aktuell für den Abfallkalender genutzt wird, werden diese nicht benötigt. das Script zieht sich aus den Alias die Farbe aus dem Datenpunkt .LEVEL und den Namen aus dem Datenpunkt .INFO, damit hat das Icon die aktuelle Tonnenfarbe und das Datum der nächsten Leerung.

                                  hier ein paar Bilder zum besseren Verständnis

                                  Alias von Abfallkalender
                                  Bildschirmfoto 2023-08-22 um 10.21.40.png

                                  Alias zum Test der Datenpunkte
                                  Bildschirmfoto 2023-08-22 um 10.21.55.png

                                  die Seitenconfig im Script, erste PageItem ist der Alias vom Abfallkalender, der Zweite vom Test für die neuen Datenpunkte

                                  GridCard

                                  let Startseite = <PageGrid>
                                      {
                                          'type': 'cardGrid',
                                          'heading': 'Start',
                                          'useColor': true,
                                          'items': [
                                              <PageItem>{ navigate: true, id: 'alias.0.NSPanel.Abfall.event1', targetPage: 'AbfallSeite', icon: 'trash-can-outline' },
                                              <PageItem>{ navigate: true, id: 'alias.0.testScript', targetPage: 'AbfallSeite',name:'testScript' },
                                          ]
                                      };
                                  
                                  

                                  Mittel (IMG_6074).jpeg

                                  Entitiescard

                                  let Startseite2 = <PageEntities>
                                      {
                                          'type': 'cardEntities',
                                          'heading': 'Start',
                                          'useColor': true,
                                          'items': [
                                              <PageItem>{ navigate: true, id: 'alias.0.NSPanel.Abfall.event1', targetPage: 'AbfallSeite', buttonText: 'PRESS' },
                                              <PageItem>{ navigate: true, id: 'alias.0.testScript', targetPage: 'AbfallSeite', icon: 'trash-can-outline',name:'test' },
                                          ]
                                      };
                                  

                                  Mittel (IMG_6075).jpeg

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

                                    @schmidti

                                    159841e7-7c68-4f6b-9e26-451e4e138801-image.png

                                    Du kannst z.B. mit einem Trigger auf POWER1 (ON/OFF) oder POWER2 (ON/OFF) oder RESULT reagieren und über ein Blockly oder JS-Script den Zustand eines externen Datenpunktes steuern, den auch andere Visualisierungen verändern können.

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

                                      @schmidti

                                      nur zum Verständnis du nutzt die Button am Panel um die Relais direkt zu schalten?

                                      du kannst das auch Softwareseitig machen, in dem du beide Taster auf Rule2 legst und dann im Script die Config button1 / button2 anpasst.

                                          button1: {
                                              mode: 'toggle',     // Mögliche Werte wenn Rule2 definiert: 'page', 'toggle', 'set' - Wenn nicht definiert --> mode: null
                                              page: null,     // Zielpage - Verwendet wenn mode = page (bisher button1Page)
                                              entity: 'alias.0.NSPanel.1.Relay.1.SET',   // Zielentity - Verwendet wenn mode = set oder toggle
                                              setValue: null  // Zielwert - Verwendet wenn mode = set
                                          },
                                          button2: {
                                              mode: 'toggle',     // Mögliche Werte wenn Rule2 definiert: 'page', 'toggle', 'set' - Wenn nicht definiert --> mode: null
                                              page: null,     // Zielpage - Verwendet wenn mode = page (bisher button2Page)
                                              entity: 'alias.0.NSPanel.1.Relay.2.SET',   // Zielentity - Verwendet wenn mode = set oder toggle
                                              setValue: null  // Zielwert - Verwendet wenn mode = set
                                          }
                                      
                                      Armilar S 2 Replies Last reply Reply Quote 2
                                      • Armilar
                                        Armilar Most Active Forum Testing @TT-Tom last edited by

                                        78c81076-c60e-4e9e-a378-b065baa7ad63-image.png

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

                                        Zur Variable für Klimaanlagen (auch für Wärmepumpen nutzbar) gibt es einen neuen pageItem - Parameter iconArray

                                        Mit diesem Parameter ist die Zuweisung eigener Icons möglich.

                                        182b9066-6d96-4cfe-a158-b3816b484391-image.png

                                        Beispiele für Variablen mit dem iconArray

                                        let Buero_Klimaanlage = <PageThermo>
                                        {
                                            'type': 'cardThermo',
                                            'heading': 'Test Klimaanlage',
                                            'useColor': true,
                                            'items': [<PageItem>{   
                                                        id: 'alias.0.NSPanel_1.TestKlimaanlage', 
                                                        minValue: 50, 
                                                        maxValue: 250,
                                                        stepValue: 5,
                                                        iconArray: ['power-standby','air-conditioner','snowflake','fire','alpha-e-circle-outline','fan','water-percent','swap-vertical-bold'],
                                                        popupThermoMode1: ['Auto','0','1','2','3'],
                                                        popupThermoMode2: ['Auto','0','1','2','3','4','5'],
                                                        popupThermoMode3: ['Auto','Manual','Boost',],
                                                        popUpThermoName: ['Schwenk-Modus', 'Speed', 'Temperatur'],
                                                        icon: 'fan',
                                                        setThermoAlias: ['MODE1','MODE2','MODE3'],
                                                        //setThermoDestTemp2: 'ACTUAL2'
                                                     }]
                                        };
                                        
                                        let Pool_Waermepumpe = <PageThermo>
                                        {
                                            'type': 'cardThermo',
                                            'heading': 'Pool Wärmepumpe',
                                            'useColor': true,
                                            'items': [<PageItem>{   
                                                        id: 'alias.0.NSPanel_1.Pool_Waermepumpe', 
                                                        minValue: 100, 
                                                        maxValue: 300,
                                                        stepValue: 5,
                                                        iconArray: ['power-standby','alpha-a-circle-outline','snowflake','fire'],
                                                        //iconArray: ['power-standby','air-conditioner','snowflake','fire','alpha-e-circle-outline','fan','water-percent','swap-vertical-bold'],
                                                     }]
                                        };
                                        

                                        Unterstützte Icons findet ihr hier:
                                        https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html

                                        Wird dieser Parameter nicht gesetzt, dann werden die Standard-Icons genutzt

                                        Wie auch bereits heute morgen erwähnt:
                                        Es reicht den unteren Teil ab ( _______ Ab hier keine Konfiguration mehr ______ ) zu ersetzen.
                                        Und falls noch nicht geschehen:

                                        FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.2.0.tft
                                        
                                        1 Reply Last reply Reply Quote 3
                                        • F
                                          Flipps last edited by

                                          Hi, nachdem nun das Grundgerüst stabil läuft habe ich noch ein oder zwei andere adinge die ich realisieren möchte, als erstes möchte ich eine Seite im cardgrid anlegen allerdings möchte ich dort keine Symbole sondern die Werte angezeigt bekommen, leider bekomme ich das aber nicht so hin, ich hab die Doku auch schon hoch und runtergelesen, wenns da steht bin ich echt blind. (Ist nicht auszuschließen) kann mir eventuell jemand einen Tip geben?😄

                                          IMG_0409.jpeg

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

                                            @flipps

                                            kann mir eventuell jemand einen Tip geben?

                                            na klar, das ist das Beispiel aus der NsPanelTs.ts mit 6 info - Aliasen in einer cardGrid.

                                            let SensorGrid = <PageGrid>
                                            {
                                                'type': 'cardGrid',
                                                'heading': 'Sensor Werte',
                                                'useColor': true,
                                                'items': [
                                                    <PageItem>{ id: 'alias.0.NSPanel_1.TestTemperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                    <PageItem>{ id: 'alias.0.NSPanel_1.TestFeuchtigkeit', name: 'Luftfeuchte %', offColor: MSYellow, onColor: MSYellow , useValue: true, colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                                                    <PageItem>{ id: 'alias.0.NSPanel_1.Taupunkt', name: 'Taupunkt °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                    <PageItem>{ id: 'alias.0.NSPanel_1.UV_Index', name: 'UV Index', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 12} },
                                                    <PageItem>{ id: 'alias.0.NSPanel_1.Windstaerke', name: 'Windstärke bft', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 9} },
                                                    <PageItem>{ id: 'alias.0.NSPanel_1.Luftdruck', name: 'Luftdruck hPa', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 950, 'val_max': 1050, 'val_best': 1013} },
                                                ]
                                            };
                                            
                                            F 1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            993
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4286980
                                            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