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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • L
      lustig29 @TT-Tom last edited by

      @tt-tom Da gibt es ja jetzt auch Blockly.

      T Armilar 2 Replies Last reply Reply Quote 0
      • T
        ticaki Developer @lustig29 last edited by

        @lustig29
        Es gibt 1 Skript das hat 10000 Zeilen und das steuert das Panel, sonst gibt es da nix.

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

          @lustig29

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

          L 1 Reply Last reply Reply Quote 0
          • L
            lustig29 @Armilar last edited by

            @armilar
            Ich finde diesen Datenpunkt nicht.

            'mqtt.0.SmartHome.NSPanel_1.cmnd.CustomSend'
            
            T 1 Reply Last reply Reply Quote 0
            • T
              ticaki Developer @lustig29 last edited by

              @lustig29
              Es gibt wirklich eine sehr gute Anleitung und in Punkt 7 wird beschrieben wie man diesen erstellt.

              https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#7-customsend-anlegen

              1 Reply Last reply Reply Quote 0
              • E
                Einstein2002 @TT-Tom last edited by

                @tt-tom
                Hallo tt-tom

                ich habe nach ein paar Tagen mal wieder am NS Panel weitergemacht, nun habe ich ein Problem das ich einfach nicht lösen kann.

                Ich habe drei Pages, eine Werkstatt1 und Werkstatt2 sowie Dachgeschoß, diese werden auch auf dem NS Panel angezeigt und ich kann auch die Pages wechseln.

                Bei der Dachgeschoß wird ein Lampensymbol angezeigt, bei Werkstatt1 werden mir 4 Power und 1 Lampen Symbol angezeigt, auf der Seite von Werkstatt2 nur ein schwarzer Bildschirm.

                Was mache ich da falsch?

                let Dachgeschoß: PageType =
                {
                    'type': 'cardGrid',
                    'heading': 'Dachgeschoß',
                    'useColor': true,
                    'items': [
                        { id: 'alias.0.Haus.Dachgeschoß.UFO_Lampe', name:'UFO-Lampe' , icon: 'lamp', offColor: MSRed, onColor: MSGreen},
                    ]
                };
                
                let Werkstatt1: PageType =
                {
                    'type': 'cardGrid',
                    'heading': 'Werkstatt1',
                    'useColor': true,
                    'items': [
                        { id: 'alias.0.Haus.Keller.Werkstatt1.Licht', name:'Deckenlicht' , icon: 'lamp', offColor: MSRed, onColor: MSGreen},
                        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter1', name:'Power1' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter2', name:'Power2' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter3', name:'Power3' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter4', name:'Power4' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                    ]
                };
                
                let Werkstatt2: PageType =
                {
                    'type': 'cardGrid',
                    'heading': 'Werkstatt2',
                    'useColor': true,
                    'items': [
                        { id: 'alias.0.Haus.Keller.Werkstatt2.BambuX1C', name:'Power' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                        { id: 'alias.0.Haus.Keller.Werkstatt2.Test63', name:'Power' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                    ]
                };
                

                Danke für jeden Tip.

                E 1 Reply Last reply Reply Quote 0
                • E
                  Einstein2002 @Einstein2002 last edited by

                  @einstein2002 sagte in SONOFF NSPanel mit Lovelace UI:

                  @tt-tom
                  Hallo tt-tom

                  ich habe nach ein paar Tagen mal wieder am NS Panel weitergemacht, nun habe ich ein Problem das ich einfach nicht lösen kann.

                  Ich habe drei Pages, eine Werkstatt1 und Werkstatt2 sowie Dachgeschoß, diese werden auch auf dem NS Panel angezeigt und ich kann auch die Pages wechseln.

                  Bei der Dachgeschoß wird ein Lampensymbol angezeigt, bei Werkstatt1 werden mir 4 Power und 1 Lampen Symbol angezeigt, auf der Seite von Werkstatt2 nur ein schwarzer Bildschirm.

                  Was mache ich da falsch?

                  let Dachgeschoß: PageType =
                  {
                      'type': 'cardGrid',
                      'heading': 'Dachgeschoß',
                      'useColor': true,
                      'items': [
                          { id: 'alias.0.Haus.Dachgeschoß.UFO_Lampe', name:'UFO-Lampe' , icon: 'lamp', offColor: MSRed, onColor: MSGreen},
                      ]
                  };
                  
                  let Werkstatt1: PageType =
                  {
                      'type': 'cardGrid',
                      'heading': 'Werkstatt1',
                      'useColor': true,
                      'items': [
                          { id: 'alias.0.Haus.Keller.Werkstatt1.Licht', name:'Deckenlicht' , icon: 'lamp', offColor: MSRed, onColor: MSGreen},
                          { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter1', name:'Power1' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                          { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter2', name:'Power2' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                          { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter3', name:'Power3' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                          { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter4', name:'Power4' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                      ]
                  };
                  
                  let Werkstatt2: PageType =
                  {
                      'type': 'cardGrid',
                      'heading': 'Werkstatt2',
                      'useColor': true,
                      'items': [
                          { id: 'alias.0.Haus.Keller.Werkstatt2.BambuX1C', name:'Power' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                          { id: 'alias.0.Haus.Keller.Werkstatt2.Test63', name:'Power' , icon: 'power', offColor: MSRed, onColor: MSGreen},
                      ]
                  };
                  

                  Danke für jeden Tip.

                  Falls es hilft, habe den Fehler gefunden, der Alias war nicht richtig erstellt, da hatte ich bei common.role nichts eingetragen. Jetzt läuft es.
                  Grüße

                  1 Reply Last reply Reply Quote 0
                  • E
                    Einstein2002 last edited by

                    Aber mal ne ganz andere Frage:
                    kann ich den Status der Schalter oder Steckdosen automatisch aktualisieren?
                    So das ich auf dem NS Panel den wirklichen Status angezeigt bekomme.

                    Momentan zeigt das NS Panel leider nicht den wirklichen Status an.
                    Erst wenn ich den Schalter mal an oder aus schalte, dann ändert sich der Status.

                    Da ich nicht nur über das NSPanel gehe sondern auch aus der VIS heraus oder direkt am Browser den Status ändere wäre das wirklich hilfreich.

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

                      @einstein2002

                      wenn du über die VIS steuerst, ändert sich da auch der Status im Alias?
                      zeige mal den Alias von einem Beispiel.
                      wenn du die Seite mit den Schalter auf dem Panel hin und her wechselt, werden sie dann aktuell dargestellt?

                      E 1 Reply Last reply Reply Quote 0
                      • M
                        Maxim last edited by

                        Hallo zusammen,

                        ich habe eine Frage bezüglich der Erstellung eines PageItems für die Anzeige einer Funktionsgruppe mit Lampen. Ist es möglich, ein PageItem zu erstellen, das den aktuellen Status der gesamten Funktionsgruppe anzeigt? Das bedeutet, wenn eine Lampe in der Gruppe eingeschaltet ist, soll das entsprechende Symbol ebenfalls als eingeschaltet dargestellt werden, und erst wenn alle Lampen ausgeschaltet sind, soll das Symbol auf "aus" umschalten. Des Weitreren möchte ich die gesamte Gruppe ein- und ausschalten können. Wäre es auch möglich, dass das Halten des Buttons auf dem PageItem eine Subpage öffnet?

                        Vielen Dank im Voraus!

                        K T 2 Replies Last reply Reply Quote 0
                        • M
                          mading @TT-Tom last edited by

                          @tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

                          @mading
                          Bekommst Du Fehlermeldungen??

                          Der Seitenaufbau sieht jetzt so aus.

                          let name: PageType =
                          {
                              'type': 'cardType',
                              'heading': 'Seiten Überschrift',
                              'useColor': true,
                              'items': []
                          };  
                          

                          Das hier wird auch nicht mehr genutzt.

                          <PageItem>

                          nur noch

                          { id: 'alias.0.NSPanel_1.Fusswaermer', icon: 'heating-coil', name: 'Fusswaermer' }
                          

                          Die Migration auf die neuste NSPanel.ts ist nun fertig. Ich scheitere alleine noch daran, dass der Button die Variable in ioBroker auf true setzt. Wenn ich auf "Press" tippe, kommt folgender Fehler im Log:

                          10:47:05.991	warn	javascript.0 (68085) script.js.NSPanel.43: Object "alias.0.FusswaermerProgramm.FusswaermerProgramm.SET" does not exist
                          10:47:05.991	warn	javascript.0 (68085) script.js.NSPanel.43: Object "alias.0.FusswaermerProgramm.FusswaermerProgramm.ON_SET" does not exist
                          10:47:05.993	warn	javascript.0 (68085) script.js.NSPanel.43: Object "alias.0.FusswaermerProgramm.FusswaermerProgramm.SET" does not exist
                          10:47:05.993	warn	javascript.0 (68085) script.js.NSPanel.43: Object "alias.0.FusswaermerProgramm.FusswaermerProgramm.ON_SET" does not exist
                          

                          Fehlt noch etwas im Alias? Der Alias sieht so aus:
                          018b6997-140f-4e82-8d19-9515dec52e97-grafik.png

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

                            @mading
                            der Alias ist falsch angelegt.
                            sollte so aussehen, am besten neu anlegen.
                            der alias heisst bei dir alias.0.FusswaermerProgramm

                            Bildschirmfoto 2024-02-26 um 10.59.45.png

                            die Datenpunkte alias.0.FusswaermerProgramm.ACTUAL und alias.0.FusswaermerProgramm.SET auf die Schreibweise achten

                            Bildschirmfoto 2024-02-26 um 11.00.28.png

                            M 1 Reply Last reply Reply Quote 0
                            • M
                              mading @TT-Tom last edited by

                              @tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

                              @mading
                              der Alias ist falsch angelegt.
                              sollte so aussehen, am besten neu anlegen.
                              der alias heisst bei dir alias.0.FusswaermerProgramm

                              Bildschirmfoto 2024-02-26 um 10.59.45.png

                              die Datenpunkte alias.0.FusswaermerProgramm.ACTUAL und alias.0.FusswaermerProgramm.SET auf die Schreibweise achten

                              Bildschirmfoto 2024-02-26 um 11.00.28.png

                              danke, switch ist nicht auswählbar. Liegt das an einem Bug in der 1.2.6, die ich installiert habe?

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

                                @mading

                                kannst du auch auf state setzen oder switch.irgendwas was passt.

                                1 Reply Last reply Reply Quote 0
                                • K
                                  Kuckuckmann @Maxim last edited by

                                  @maxim

                                  Hi,

                                  schau mal in der Wiki hier. Relativ unten bei Icons für Subpages (Variante3). Aber lass das Thema mit der Navigation nicht ganz außen vor, denn Du benötigst eine entsprechende Struktur an Main- und Subpages.

                                  LG

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

                                    @maxim sagte in SONOFF NSPanel mit Lovelace UI:

                                    Das bedeutet, wenn eine Lampe in der Gruppe eingeschaltet ist, soll das entsprechende Symbol ebenfalls als eingeschaltet dargestellt werden, und erst wenn alle Lampen ausgeschaltet sind, soll das Symbol auf "aus" umschalten.

                                    Das wirst du extern lösen müssen, ich habe da ein Blockly das mir innerhalb einer Ordnerstruktur die Datenpunkte mit der Role state.light ausliest und zusammenfasst. In zwei Datenpunkte wird der Zustand und die Anzahl geschrieben.

                                    Bildschirmfoto 2024-02-26 um 14.05.59.png

                                    <xml xmlns="https://developers.google.com/blockly/xml">
                                     <variables>
                                       <variable id=",*Y(#?{7cg5cW{}JN`fN">DP</variable>
                                       <variable id="`3q~tn|]r(LvC{19,zEY">Status_LichtEin</variable>
                                       <variable id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</variable>
                                       <variable id="9/yJg%I-v6N#IQN8st6m">i</variable>
                                     </variables>
                                     <block type="variables_set" id="qycnd+Gr:9Ew6wU|:/#O" x="88" y="63">
                                       <field name="VAR" id=",*Y(#?{7cg5cW{}JN`fN">DP</field>
                                       <value name="VALUE">
                                         <block type="selector" id="96E5N_xE!C=N626d0a_!">
                                           <field name="TEXT">[role=state.light][state.id=alias.0.Licht.*]</field>
                                         </block>
                                       </value>
                                       <next>
                                         <block type="on_ext" id="U::/4wmI3}Z@$SKGvvg=">
                                           <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
                                           <field name="CONDITION">ne</field>
                                           <field name="ACK_CONDITION"></field>
                                           <value name="OID0">
                                             <shadow type="field_oid" id="7Ap7C6jIj.Mb{_iqs{{c">
                                               <field name="oid">default</field>
                                             </shadow>
                                             <block type="variables_get" id="9i_yw3.TR?Ku$YP,kUIR">
                                               <field name="VAR" id=",*Y(#?{7cg5cW{}JN`fN">DP</field>
                                             </block>
                                           </value>
                                           <statement name="STATEMENT">
                                             <block type="variables_set" id="o,82sN(nBal}d`S@FhlR">
                                               <field name="VAR" id="`3q~tn|]r(LvC{19,zEY">Status_LichtEin</field>
                                               <value name="VALUE">
                                                 <block type="logic_boolean" id="];3BCyF%j]5d6+iW7SW4">
                                                   <field name="BOOL">FALSE</field>
                                                 </block>
                                               </value>
                                               <next>
                                                 <block type="variables_set" id="^tJ|0)6.8hOKTt~3bSY9">
                                                   <field name="VAR" id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</field>
                                                   <value name="VALUE">
                                                     <block type="math_number" id=")NrEP9EVPkpU]lvaOIow">
                                                       <field name="NUM">0</field>
                                                     </block>
                                                   </value>
                                                   <next>
                                                     <block type="controls_forEach" id="zvEO{_Dt/YKLr5SA*4qm">
                                                       <field name="VAR" id="9/yJg%I-v6N#IQN8st6m">i</field>
                                                       <value name="LIST">
                                                         <block type="variables_get" id="5Qx(g,cgpO*d@OS-cY3+">
                                                           <field name="VAR" id=",*Y(#?{7cg5cW{}JN`fN">DP</field>
                                                         </block>
                                                       </value>
                                                       <statement name="DO">
                                                         <block type="controls_if" id="|Tcfi[X*+Z+I^XU`W}c!">
                                                           <value name="IF0">
                                                             <block type="get_value_var" id="B+{iQL0J8Uf/auyLg4;o">
                                                               <field name="ATTR">val</field>
                                                               <value name="OID">
                                                                 <shadow type="text" id="nv_xNDwj^vZd(VS@iL;U">
                                                                   <field name="TEXT">i</field>
                                                                 </shadow>
                                                                 <block type="variables_get" id="-R.oMz[v.gJ{a/*nGZsC">
                                                                   <field name="VAR" id="9/yJg%I-v6N#IQN8st6m">i</field>
                                                                 </block>
                                                               </value>
                                                             </block>
                                                           </value>
                                                           <statement name="DO0">
                                                             <block type="math_change" id="%GBC0#O-FVUS`64Eg8Li">
                                                               <field name="VAR" id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</field>
                                                               <value name="DELTA">
                                                                 <shadow type="math_number" id="O`wb$_E?4FjD*66Z.#Gz">
                                                                   <field name="NUM">1</field>
                                                                 </shadow>
                                                                 <block type="math_number" id="Z0%Qp}aXwh|l3tUTm:KU">
                                                                   <field name="NUM">1</field>
                                                                 </block>
                                                               </value>
                                                               <next>
                                                                 <block type="variables_set" id="-%h(cYD!_^|7$j1?7-a;">
                                                                   <field name="VAR" id="`3q~tn|]r(LvC{19,zEY">Status_LichtEin</field>
                                                                   <value name="VALUE">
                                                                     <block type="logic_boolean" id="JyKdvLU=OeWD@`O7AQVi">
                                                                       <field name="BOOL">TRUE</field>
                                                                     </block>
                                                                   </value>
                                                                 </block>
                                                               </next>
                                                             </block>
                                                           </statement>
                                                         </block>
                                                       </statement>
                                                       <next>
                                                         <block type="update" id="VyzVl0%MBx@R,H+HEEGI">
                                                           <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                           <field name="OID">0_userdata.0.NSPanel.Allgemein.Licht.Anzahl_Ein</field>
                                                           <field name="WITH_DELAY">FALSE</field>
                                                           <value name="VALUE">
                                                             <block type="variables_get" id="d`73i^f,-$v2QCbRQy$g">
                                                               <field name="VAR" id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</field>
                                                             </block>
                                                           </value>
                                                           <next>
                                                             <block type="update" id="v2F]Z/TZY!PunG*kfkwO">
                                                               <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                               <field name="OID">0_userdata.0.NSPanel.Allgemein.Licht.Status_Ein</field>
                                                               <field name="WITH_DELAY">FALSE</field>
                                                               <value name="VALUE">
                                                                 <block type="variables_get" id=",$^vy#7#dLe!?DtT8N|U">
                                                                   <field name="VAR" id="`3q~tn|]r(LvC{19,zEY">Status_LichtEin</field>
                                                                 </block>
                                                               </value>
                                                               <next>
                                                                 <block type="debug" id="M({M!_ScK2[_^j=8BB,k">
                                                                   <field name="Severity">log</field>
                                                                   <value name="TEXT">
                                                                     <shadow type="text" id="mzN-~@]E)uw@:W_};^IK">
                                                                       <field name="TEXT">test</field>
                                                                     </shadow>
                                                                     <block type="text_join" id="fj*OT/+j;9m96a+a?y|Z">
                                                                       <mutation items="2"></mutation>
                                                                       <value name="ADD0">
                                                                         <block type="variables_get" id="])A_QS+y+K{m/p[dOVM$">
                                                                           <field name="VAR" id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</field>
                                                                         </block>
                                                                       </value>
                                                                       <value name="ADD1">
                                                                         <block type="text" id="XEdD(OQYXlXrVeP1Bw|k">
                                                                           <field name="TEXT"> Lichter sind eingeschaltet</field>
                                                                         </block>
                                                                       </value>
                                                                     </block>
                                                                   </value>
                                                                 </block>
                                                               </next>
                                                             </block>
                                                           </next>
                                                         </block>
                                                       </next>
                                                     </block>
                                                   </next>
                                                 </block>
                                               </next>
                                             </block>
                                           </statement>
                                         </block>
                                       </next>
                                     </block>
                                    </xml>
                                    

                                    1 Reply Last reply Reply Quote 1
                                    • E
                                      Einstein2002 @TT-Tom last edited by Einstein2002

                                      @TT-Tom
                                      Hallo Tom,

                                      ich glaube ich habe meinen Fehler gefunden.
                                      Ich darf nicht über die Webseite des Tasmota gehen. Wenn ich über die VIS oder NS-Panel gehe dann funktioniert es auch. Ist ja auch irgendwie logisch, da die Änderungen auf der Webseite des Tasmota nicht weitergegeben werden an die z.B.
                                      mqtt.0.SmartHome.Haus.Keller.Werkstatt2Michael.Werkstatt2_Bambu.cmnd.POWER
                                      somit bleibt SET unverändert und das Symbol ON/OFF dann auch.

                                      Keine Ahnung ob ich mich richtig ausgedrückt habe.

                                      Grüße und Danke trotzdem.

                                      T 1 Reply Last reply Reply Quote 0
                                      • M
                                        Maxim last edited by Maxim

                                        @kuckuckmann

                                        Danke, habe ich bereits gesehen. Jedoch ist damit keinen Long-Push für die Subpage möglich, oder?

                                        T 1 Reply Last reply Reply Quote 0
                                        • M
                                          Maxim last edited by

                                          @tt-tom

                                          Funktioniert! Vielen Dank 👍

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

                                            @maxim

                                            Das gibt es im Script noch nicht. Kannst du bitte ein Features Request auf Github erstellen. Wir müssen prüfen, welche Möglichkeiten das Panel bietet, um es umzusetzen.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            891
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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