Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    13
    1
    142

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m Views 262 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • madingM mading

    @armilar 11€ weniger ist doch mal was ;) Danke für deine Einschätzung. Schützt es auch etwas vor Staub und beschwert das Display noch mehr damit es nicht rutscht?

    JLegJ Offline
    JLegJ Offline
    JLeg
    wrote on last edited by
    #1799

    @mading sagte in SONOFF NSPanel mit Lovelace UI:

    @armilar 11€ weniger ist doch mal was ;) Danke für deine Einschätzung. Schützt es auch etwas vor Staub und beschwert das Display noch mehr damit es nicht rutscht?

    ...ich würde mal vermuten, es schützt auch vor offenliegenden 230V-Kontakten? Ich jedenfalls hab' da schon einen gebrezelt bekommen... :grimacing:

    madingM ArmilarA 2 Replies Last reply
    0
    • JLegJ JLeg

      @mading sagte in SONOFF NSPanel mit Lovelace UI:

      @armilar 11€ weniger ist doch mal was ;) Danke für deine Einschätzung. Schützt es auch etwas vor Staub und beschwert das Display noch mehr damit es nicht rutscht?

      ...ich würde mal vermuten, es schützt auch vor offenliegenden 230V-Kontakten? Ich jedenfalls hab' da schon einen gebrezelt bekommen... :grimacing:

      madingM Online
      madingM Online
      mading
      wrote on last edited by mading
      #1800

      @jleg die beiden Kabel hab ich deswegen schön kurz abisoliert :P aber eigentlich nicht, da die "Anschlüsse" recht weit innen liegen

      JLegJ 1 Reply Last reply
      0
      • madingM mading

        @jleg die beiden Kabel hab ich deswegen schön kurz abisoliert :P aber eigentlich nicht, da die "Anschlüsse" recht weit innen liegen

        JLegJ Offline
        JLegJ Offline
        JLeg
        wrote on last edited by
        #1801

        @mading sagte in SONOFF NSPanel mit Lovelace UI:

        @jleg die beiden Kabel hab ich deswegen schön kurz abisoliert :P

        Jo, aber die Schrauben sind "erreichbar" - da hat bei mit "Anpacken" genügt...

        H 1 Reply Last reply
        0
        • JLegJ JLeg

          @mading sagte in SONOFF NSPanel mit Lovelace UI:

          @jleg die beiden Kabel hab ich deswegen schön kurz abisoliert :P

          Jo, aber die Schrauben sind "erreichbar" - da hat bei mit "Anpacken" genügt...

          H Online
          H Online
          holgerwolf
          wrote on last edited by
          #1802

          @jleg Da liegt doch so eine Abdeckplatte zum Draufschieben bei.

          madingM JLegJ 2 Replies Last reply
          0
          • H holgerwolf

            @jleg Da liegt doch so eine Abdeckplatte zum Draufschieben bei.

            madingM Online
            madingM Online
            mading
            wrote on last edited by
            #1803

            @holgerwolf exakt D5E8764E-3CDF-44B0-93CD-B476A3F892D4.jpeg

            1 Reply Last reply
            0
            • H holgerwolf

              @jleg Da liegt doch so eine Abdeckplatte zum Draufschieben bei.

              JLegJ Offline
              JLegJ Offline
              JLeg
              wrote on last edited by
              #1804

              @holgerwolf sagte in SONOFF NSPanel mit Lovelace UI:

              @jleg Da liegt doch so eine Abdeckplatte zum Draufschieben bei.

              oh, da muss ich mal die Packung suchen, ob da noch sowas drin ist...

              ArmilarA 1 Reply Last reply
              0
              • JLegJ JLeg

                @mading sagte in SONOFF NSPanel mit Lovelace UI:

                @armilar 11€ weniger ist doch mal was ;) Danke für deine Einschätzung. Schützt es auch etwas vor Staub und beschwert das Display noch mehr damit es nicht rutscht?

                ...ich würde mal vermuten, es schützt auch vor offenliegenden 230V-Kontakten? Ich jedenfalls hab' da schon einen gebrezelt bekommen... :grimacing:

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

                @jleg

                Eine Zugentlastung hat das Gehäuse nicht. Die muss man sich ebenfalls selbst basteln... An die Kontakte kommst du dann natürlich nicht mehr (aber die liegen so auch nicht offen). Habe das Gehäuse aber auch nicht für den Schreibtischgebrauch gekauft, sondern das NSPanel im Gehäuse in der Küche stehen. Sieht einfach vollständiger und (sicherer) aus. Und wenn du nicht unbedingt vor einer Wandrenovierung stehst, erfüllt es seinen Zweck bis dahin auch stehend.

                Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                1 Reply Last reply
                0
                • JLegJ JLeg

                  @holgerwolf sagte in SONOFF NSPanel mit Lovelace UI:

                  @jleg Da liegt doch so eine Abdeckplatte zum Draufschieben bei.

                  oh, da muss ich mal die Packung suchen, ob da noch sowas drin ist...

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

                  @jleg

                  Müsste eigentlich von Anfang an draufgeschoben gewesen sein.

                  Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  1 Reply Last reply
                  0
                  • T TT-Tom

                    @frank579

                    hatte das Verhalten auch schon mal gehabt. war nach einem Update vom Script. Danach nicht mehr. Habe es auf das Anlegen von neuen Daten geschoben.

                    F Offline
                    F Offline
                    Frank579
                    wrote on last edited by
                    #1807

                    @tt-tom OK danke für den Hinweis, hatte zwar gestern nichts dran geändert. Aber wer weiß...

                    F 1 Reply Last reply
                    0
                    • F Frank579

                      @tt-tom OK danke für den Hinweis, hatte zwar gestern nichts dran geändert. Aber wer weiß...

                      F Offline
                      F Offline
                      Frank579
                      wrote on last edited by
                      #1808

                      @Armilar Ich habe einige Geräte mit einem numerischen Status. Wäre es möglich diesen als "Info" anzulegen und ein Icon für jeden Status in einer anderen Farbe anzuzeigen?

                      ArmilarA 1 Reply Last reply
                      0
                      • F Frank579

                        @Armilar Ich habe einige Geräte mit einem numerischen Status. Wäre es möglich diesen als "Info" anzulegen und ein Icon für jeden Status in einer anderen Farbe anzuzeigen?

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

                        @frank579

                        Du meinst als Indikator?

                        also analog der vorhandenen Indikatoren?

                        //Dynamische Indikatoren
                        const colorScale0:      RGB = { red:   99, green: 190, blue: 123 };
                        const colorScale1:      RGB = { red:  129, green: 199, blue: 126 };
                        const colorScale2:      RGB = { red:  161, green: 208, blue: 127 };
                        const colorScale3:      RGB = { red:  129, green: 217, blue: 126 };
                        const colorScale4:      RGB = { red:  222, green: 226, blue: 131 };
                        const colorScale5:      RGB = { red:  254, green: 235, blue: 132 };
                        const colorScale6:      RGB = { red:  255, green: 210, blue: 129 };
                        const colorScale7:      RGB = { red:  251, green: 185, blue: 124 };
                        const colorScale8:      RGB = { red:  251, green: 158, blue: 117 };
                        const colorScale9:      RGB = { red:  248, green: 131, blue: 111 };
                        const colorScale10:     RGB = { red:  248, green: 105, blue: 107 };
                        

                        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.

                        F 1 Reply Last reply
                        0
                        • ArmilarA Armilar

                          @frank579

                          Du meinst als Indikator?

                          also analog der vorhandenen Indikatoren?

                          //Dynamische Indikatoren
                          const colorScale0:      RGB = { red:   99, green: 190, blue: 123 };
                          const colorScale1:      RGB = { red:  129, green: 199, blue: 126 };
                          const colorScale2:      RGB = { red:  161, green: 208, blue: 127 };
                          const colorScale3:      RGB = { red:  129, green: 217, blue: 126 };
                          const colorScale4:      RGB = { red:  222, green: 226, blue: 131 };
                          const colorScale5:      RGB = { red:  254, green: 235, blue: 132 };
                          const colorScale6:      RGB = { red:  255, green: 210, blue: 129 };
                          const colorScale7:      RGB = { red:  251, green: 185, blue: 124 };
                          const colorScale8:      RGB = { red:  251, green: 158, blue: 117 };
                          const colorScale9:      RGB = { red:  248, green: 131, blue: 111 };
                          const colorScale10:     RGB = { red:  248, green: 105, blue: 107 };
                          
                          F Offline
                          F Offline
                          Frank579
                          wrote on last edited by
                          #1810

                          @armilar muss ich mir mal anschauen. Mein Wunsch wäre bei Status 0 rot ,1 blau, 5 grün usw. Überlege wie da die config zum Icon aussehen müsste

                          ArmilarA 2 Replies Last reply
                          0
                          • F Frank579

                            @armilar muss ich mir mal anschauen. Mein Wunsch wäre bei Status 0 rot ,1 blau, 5 grün usw. Überlege wie da die config zum Icon aussehen müsste

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

                            @frank579

                            Ich habe einige Geräte mit einem numerischen Status. Wäre es möglich diesen als "Info" anzulegen und ein Icon für jeden Status in einer anderen Farbe anzuzeigen?

                            Mein Wunsch wäre bei Status 0 rot ,1 blau, 5 grün usw. Überlege wie da die config zum Icon aussehen müsste

                            Die Farbskala ist bereits in der 3.9.0 (kommend) drin. Aber Sonderlogiken wird die nicht machen. Da müsstest du dir übergreifend die eben übermittelten colorScale0-10 individuell einfärben...

                            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki

                            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            1 Reply Last reply
                            0
                            • F Frank579

                              @armilar muss ich mir mal anschauen. Mein Wunsch wäre bei Status 0 rot ,1 blau, 5 grün usw. Überlege wie da die config zum Icon aussehen müsste

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

                              @frank579

                              Und dann sitze ich so beim Essen... und da denke ich mir, Info mit Sonderfarbe machen wir doch längst...

                              Sieh dir mal den Alias Warnung und Abfall an ;-)

                              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.

                              F 1 Reply Last reply
                              0
                              • ArmilarA Armilar

                                @frank579

                                Und dann sitze ich so beim Essen... und da denke ich mir, Info mit Sonderfarbe machen wir doch längst...

                                Sieh dir mal den Alias Warnung und Abfall an ;-)

                                F Offline
                                F Offline
                                Frank579
                                wrote on last edited by
                                #1813

                                @armilar danke 👍 werde ich mir mal anschauen. Sonst melde ich mich nochmal 😇

                                1 Reply Last reply
                                0
                                • ArmilarA Armilar

                                  @wuschl

                                  Seit wann gibt es das Problem? Evtl. noch von Version auf Version? Ist ja wie die Suche nach der Stecknadel im Heuhaufen...

                                  Hat sonst noch jemand das Problem, dass das Panel eingefroren ist nach einem ioBroker Neustart?

                                  T Offline
                                  T Offline
                                  tomps
                                  wrote on last edited by
                                  #1814

                                  @armilar @armilar Hallo,
                                  ja, genau das selbe Problem habe ich auch nach einem Neustart vom iobroker.
                                  Ich habe daher die vorgeschlagenen Änderungen im Script (3.8.3) gemacht

                                  // Mit Start auf Updates checken
                                  get_locales();
                                  setState(config.panelSendTopic, 'pageType~pageStartup');
                                  get_tasmota_status0();
                                  get_panel_update_data();
                                  check_updates();
                                  setTimeout(async function () {
                                      setState(config.panelSendTopic, 'pageType~pageStartup');
                                  }, 60000);
                                  

                                  Allerdings musste ich den Wert von 1 Minute auf 3 Minuten hochsetzen. Dies dürfte meiner Meinung daran liegen, dass Tasmota bei verlorener Verbindung zum mqtt-Server einen timeout vor einem erneuten Verbindungsversuch von bis zu 120sec einhält.

                                  ArmilarA 1 Reply Last reply
                                  0
                                  • T tomps

                                    @armilar @armilar Hallo,
                                    ja, genau das selbe Problem habe ich auch nach einem Neustart vom iobroker.
                                    Ich habe daher die vorgeschlagenen Änderungen im Script (3.8.3) gemacht

                                    // Mit Start auf Updates checken
                                    get_locales();
                                    setState(config.panelSendTopic, 'pageType~pageStartup');
                                    get_tasmota_status0();
                                    get_panel_update_data();
                                    check_updates();
                                    setTimeout(async function () {
                                        setState(config.panelSendTopic, 'pageType~pageStartup');
                                    }, 60000);
                                    

                                    Allerdings musste ich den Wert von 1 Minute auf 3 Minuten hochsetzen. Dies dürfte meiner Meinung daran liegen, dass Tasmota bei verlorener Verbindung zum mqtt-Server einen timeout vor einem erneuten Verbindungsversuch von bis zu 120sec einhält.

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

                                    @tomps @wuschl

                                    Allerdings musste ich den Wert von 1 Minute auf 3 Minuten hochsetzen. Dies dürfte meiner Meinung daran liegen, dass Tasmota bei verlorener Verbindung zum mqtt-Server einen timeout vor einem erneuten Verbindungsversuch von bis zu 120sec einhält.

                                    setTimeout(async function () {
                                        setState(config.panelSendTopic, 'pageType~pageStartup');
                                    }, 60000);
                                    

                                    habe immer noch den Eindruck , dass das eigentliche Problem nicht der ioBroker ist. Benutzt ihr eine 2. Middleware? z.B. einen Mosquitto MQTT Server?

                                    Bei mir wird auch erst der JS-Adapter gestartet und dann der MQTT. Und bei vielen anderen auch. Die haben alle dieses Problem nicht...

                                    Ich habe ebenfalls kein Tatsmota-Timeout von 120sec. Nach einem Abbruch steht das Panel sofort wieder zur Verfügung.

                                    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.

                                    W T 2 Replies Last reply
                                    0
                                    • ArmilarA Armilar

                                      @tomps @wuschl

                                      Allerdings musste ich den Wert von 1 Minute auf 3 Minuten hochsetzen. Dies dürfte meiner Meinung daran liegen, dass Tasmota bei verlorener Verbindung zum mqtt-Server einen timeout vor einem erneuten Verbindungsversuch von bis zu 120sec einhält.

                                      setTimeout(async function () {
                                          setState(config.panelSendTopic, 'pageType~pageStartup');
                                      }, 60000);
                                      

                                      habe immer noch den Eindruck , dass das eigentliche Problem nicht der ioBroker ist. Benutzt ihr eine 2. Middleware? z.B. einen Mosquitto MQTT Server?

                                      Bei mir wird auch erst der JS-Adapter gestartet und dann der MQTT. Und bei vielen anderen auch. Die haben alle dieses Problem nicht...

                                      Ich habe ebenfalls kein Tatsmota-Timeout von 120sec. Nach einem Abbruch steht das Panel sofort wieder zur Verfügung.

                                      W Online
                                      W Online
                                      Wuschl
                                      wrote on last edited by Wuschl
                                      #1816

                                      @armilar Nein, ich benutze den normalen mqtt vom IObroker. ich habe meinen Wert auf 90000 hochgesetzt, seit dem sind mir keine Probleme der Art mehr aufgefallen. Vielleicht ist es auch ein Hardware Problem, mein Iobroker läuft auf nem Raspi P4.
                                      Anders ist es bei der Außentemperatur Anzeige, die ist auf den Panels nicht immer gleich. Sie greifen alle auf den gleichen Wetteralias zu.

                                      1 Reply Last reply
                                      0
                                      • ArmilarA Armilar

                                        @tomps @wuschl

                                        Allerdings musste ich den Wert von 1 Minute auf 3 Minuten hochsetzen. Dies dürfte meiner Meinung daran liegen, dass Tasmota bei verlorener Verbindung zum mqtt-Server einen timeout vor einem erneuten Verbindungsversuch von bis zu 120sec einhält.

                                        setTimeout(async function () {
                                            setState(config.panelSendTopic, 'pageType~pageStartup');
                                        }, 60000);
                                        

                                        habe immer noch den Eindruck , dass das eigentliche Problem nicht der ioBroker ist. Benutzt ihr eine 2. Middleware? z.B. einen Mosquitto MQTT Server?

                                        Bei mir wird auch erst der JS-Adapter gestartet und dann der MQTT. Und bei vielen anderen auch. Die haben alle dieses Problem nicht...

                                        Ich habe ebenfalls kein Tatsmota-Timeout von 120sec. Nach einem Abbruch steht das Panel sofort wieder zur Verfügung.

                                        T Offline
                                        T Offline
                                        tomps
                                        wrote on last edited by
                                        #1817

                                        @armilar auch ich benutze den normalen Mqtt-Adaper von iobroker. Iobroker läuft bei mir auf unraid in einem docker Container. Alles in der aktuellen Version.

                                        1 Reply Last reply
                                        0
                                        • B Offline
                                          B Offline
                                          bean
                                          wrote on last edited by
                                          #1818

                                          @Armilar Eine Frage zu den Aliastypen:
                                          Beim Aliastyp "Lock" sieht man ja den Status, kann aber auch (je nach Status) Verriegeln oder entriegeln (Alias ACTUAL und SET)
                                          Beim Aliastyp Gate wird "nur" der Status angezeigt.
                                          Kann man diese Ver/Entriegelungsfunktion beim Aliastyp Gate auch einbauen?
                                          Hintergrund: Ich habe ein Garagen- und ein Einfahrtstor, das ich auch gerne so steuern würde - es funktioniert zwar mit den Typ Lock, aber dann wird das "falsche" Symbol angezeigt.

                                          Oder anders: Kann ich die On- und Off-Symbole separat übergeben, so wie die Farbe separat übergeben werden kann?

                                          (Oder wäre das ganze bei den Feature-Requests besser aufgehoben?)
                                          Danke!

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          571

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe