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.
  • C Offline
    C Offline
    cdn
    wrote on last edited by
    #4917

    @armilar said in SONOFF NSPanel mit Lovelace UI:

    ie Icons nicht zu sehen sind. Da wir "nur" dafür sorgen, dass der ioBroker Part auf der Basis der vorhanden HMI funktioniert, haben wir keinen Einfluss auf das Design. Da müsstet du ein Issue unter https://github.com/joBr99/nspanel-lovelace-ui/issues mit klaren Design-Vorstellungen formuli

    Ja zweiteres habe ich bereits implementiert. Ist mir aber zu unübersichtlich, da ich dann nicht alle Fenster darstellen kann. Deswegen die Idee nur die offenen Fenster zu visualisieren.

    Gehe ich recht in der Annahme, dass ich das dann an dieser Stelle hier anpasse (~Zeile 924)?

    bottomScreensaverEntity: [
            // bottomScreensaverEntity 1
                {
    
    ArmilarA 1 Reply Last reply
    0
    • C cdn

      @armilar said in SONOFF NSPanel mit Lovelace UI:

      ie Icons nicht zu sehen sind. Da wir "nur" dafür sorgen, dass der ioBroker Part auf der Basis der vorhanden HMI funktioniert, haben wir keinen Einfluss auf das Design. Da müsstet du ein Issue unter https://github.com/joBr99/nspanel-lovelace-ui/issues mit klaren Design-Vorstellungen formuli

      Ja zweiteres habe ich bereits implementiert. Ist mir aber zu unübersichtlich, da ich dann nicht alle Fenster darstellen kann. Deswegen die Idee nur die offenen Fenster zu visualisieren.

      Gehe ich recht in der Annahme, dass ich das dann an dieser Stelle hier anpasse (~Zeile 924)?

      bottomScreensaverEntity: [
              // bottomScreensaverEntity 1
                  {
      
      ArmilarA Offline
      ArmilarA Offline
      Armilar
      Most Active Forum Testing
      wrote on last edited by
      #4918

      @cdn

      Du könntest (bei generisch) z.B.

      • in den leftScreensaverEntity ein Fenster-Icon setzten und dahinter die Anzahl offener Fenster und das Icon grün/rot machen
      • in den indicatorScreensaverEntity ein Fenster machen das rot/grün signalisiert, ob es offene Fenster gibt
      • in den bottom ScreensaverEntity ein Fenster machen das rot/grün signalisiert auch dazu den Wert mit der Anzahl visualisieren

      Ich habe es bei mir mit dem Advanced Screensaver in den Indicator-Entitäten verbaut. Da sehe ich ob es offene Fenster/Türen/Tore gibt, oder ob sich jemand im Haus aufhält, etc. Also alles sofort im Blick

      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.

      GarganoG 1 Reply Last reply
      0
      • ArmilarA Armilar

        @cdn

        Du könntest (bei generisch) z.B.

        • in den leftScreensaverEntity ein Fenster-Icon setzten und dahinter die Anzahl offener Fenster und das Icon grün/rot machen
        • in den indicatorScreensaverEntity ein Fenster machen das rot/grün signalisiert, ob es offene Fenster gibt
        • in den bottom ScreensaverEntity ein Fenster machen das rot/grün signalisiert auch dazu den Wert mit der Anzahl visualisieren

        Ich habe es bei mir mit dem Advanced Screensaver in den Indicator-Entitäten verbaut. Da sehe ich ob es offene Fenster/Türen/Tore gibt, oder ob sich jemand im Haus aufhält, etc. Also alles sofort im Blick

        GarganoG Offline
        GarganoG Offline
        Gargano
        wrote on last edited by
        #4919

        @armilar so habe ich es auch mit den Indicator für Fenster/Garage/Mähroboter/PV/Wetteralarm.
        Zusätzlich komme ich mit einem Klick auf den Indikator Icon auf die entsprechende Seite. Ohne viel Blättern .

        ? 1 Reply Last reply
        1
        • GarganoG Gargano

          @armilar so habe ich es auch mit den Indicator für Fenster/Garage/Mähroboter/PV/Wetteralarm.
          Zusätzlich komme ich mit einem Klick auf den Indikator Icon auf die entsprechende Seite. Ohne viel Blättern .

          ? Offline
          ? Offline
          A Former User
          wrote on last edited by
          #4920

          @gargano

          Das hört sich ja super an, würdest du ein Beispiel bereitstellen?

          GarganoG 1 Reply Last reply
          0
          • ? A Former User

            @gargano

            Das hört sich ja super an, würdest du ein Beispiel bereitstellen?

            GarganoG Offline
            GarganoG Offline
            Gargano
            wrote on last edited by
            #4921

            @ilovegym kann ich gerne morgen machen. Beinhaltet aber ein paar Änderungen im Script und im Screen File für die Funktion click on indicator. Also nicht ganz easy.
            Ich hab das mal vor einiger Zeit als Issue eingestellt, wurde aber abgelehnt.
            Ohne click on Indikator ist das auch mit Boardmitteln zu machen. Ich melde mich morgen für das einfache Beispiel, oder wenn Du magst auch für click on indicator. Sag bitte Bescheid ob Du click on indicator willst.

            ? ArmilarA 2 Replies Last reply
            1
            • GarganoG Gargano

              @ilovegym kann ich gerne morgen machen. Beinhaltet aber ein paar Änderungen im Script und im Screen File für die Funktion click on indicator. Also nicht ganz easy.
              Ich hab das mal vor einiger Zeit als Issue eingestellt, wurde aber abgelehnt.
              Ohne click on Indikator ist das auch mit Boardmitteln zu machen. Ich melde mich morgen für das einfache Beispiel, oder wenn Du magst auch für click on indicator. Sag bitte Bescheid ob Du click on indicator willst.

              ? Offline
              ? Offline
              A Former User
              wrote on last edited by
              #4922

              @gargano

              Genau den click on indicator hätte ich gerne 👍👍👍

              Vielen Dank schonmal! Kommt auf n Tag nicht drauf an.

              1 Reply Last reply
              0
              • K Offline
                K Offline
                Kuckuckmann
                wrote on last edited by Kuckuckmann
                #4923

                @cdn

                Wegen dem RFID Reader:

                Was spricht denn dagegen, über 3D Druck eine Platte zu machen, auf der du das Panel platzierst und daneben/darüber/darunter eine Vorrichtung für einen WEMOS D1 mini mit angeschlossenem RFID Reader. Via Tasmota+MQTT und IoB und Skripte kannst Du alles zusammen laufen lassen. und eine Einstempel-Möglichkeit schaffen.

                Wegen dem Fenster:

                Ich bastele gerade an einem PopupNotify, welches Zeilenweise Text anzeigen kann.
                Du könntest das mit einem Button öffnen und darüber sehen welche Fenster offen sind und zwar nur dann was anzeigen, wenn wirklich ein Fenster offen ist und welches.
                In Kombination mit dem, was @Armilar vorgeschlagen hat auf dem Screensaver zumindest ein Icon was ein offenes Fenster zeigt, wenn es eines gibt, sollte machbar sein.

                Vlt. ist das ja interessant für Dich :-)

                NSPanel Dokumentation im GitHub Wiki:

                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                C 1 Reply Last reply
                1
                • GarganoG Gargano

                  @ilovegym kann ich gerne morgen machen. Beinhaltet aber ein paar Änderungen im Script und im Screen File für die Funktion click on indicator. Also nicht ganz easy.
                  Ich hab das mal vor einiger Zeit als Issue eingestellt, wurde aber abgelehnt.
                  Ohne click on Indikator ist das auch mit Boardmitteln zu machen. Ich melde mich morgen für das einfache Beispiel, oder wenn Du magst auch für click on indicator. Sag bitte Bescheid ob Du click on indicator willst.

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

                  @gargano

                  mach mal einen PR für HMI. Das ist leichter anzunehmen, als selbst neu zu schreiben oder zu erweitern - besonders dann, wenn das Rad bereits erfunden wurde :blush:

                  Solange die Events nur auf den 5 Indicator-Icons sind, spricht da von meiner Seite nichts gegen. Selbst falls von irgend jemand nicht gewollt, könnten wir das parametrierbar machen und bei Bedarf ein bExit initiieren.

                  Zumindest würdet ihr euch die Sonderlocken-Kopiererei bei jedem Script-Update sparen.

                  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.

                  T GarganoG 3 Replies Last reply
                  0
                  • ArmilarA Armilar

                    @gargano

                    mach mal einen PR für HMI. Das ist leichter anzunehmen, als selbst neu zu schreiben oder zu erweitern - besonders dann, wenn das Rad bereits erfunden wurde :blush:

                    Solange die Events nur auf den 5 Indicator-Icons sind, spricht da von meiner Seite nichts gegen. Selbst falls von irgend jemand nicht gewollt, könnten wir das parametrierbar machen und bei Bedarf ein bExit initiieren.

                    Zumindest würdet ihr euch die Sonderlocken-Kopiererei bei jedem Script-Update sparen.

                    T Do not disturb
                    T Do not disturb
                    ticaki
                    wrote on last edited by
                    #4925

                    @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                    @gargano

                    Solange die Events nur auf den 5 Indicator-Icons sind, spricht da von meiner Seite nichts gegen. Selbst falls von irgend jemand nicht gewollt, könnten wir das parametrierbar machen und bei Bedarf ein bExit initiieren.

                    Das wäre genau das was mir auch gefallen würde, das wäre dann auch bei jedem Screensaver verwendbar.

                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                    Spenden

                    1 Reply Last reply
                    1
                    • theknutT Offline
                      theknutT Offline
                      theknut
                      wrote on last edited by
                      #4926

                      So Leute, ich habs versprochen: Ich präsentiere meine erste Contribution :D
                      https://github.com/joBr99/nspanel-lovelace-ui/pull/1142
                      Ich find das mit den yAxisTicks für die ChartPage vollkommen unnötig und kompliziert für Laien (so wie mich :D). Man muss eine Range finden für mögliche Werte und dann pro Signal anpassen. Dabei kann man das problemlos alles berechnen, sie PR.

                      Ich habe auch noch das Skript zum Schreiben der Werte für die Signale überarbeitet. Ist jetzt async und wesentlich flexibler. Das kommt dann die Tage mal noch mit einem separaten PR.

                      ☕ @ https://ko-fi.com/theknut

                      ArmilarA 1 Reply Last reply
                      1
                      • ArmilarA Armilar

                        @gargano

                        mach mal einen PR für HMI. Das ist leichter anzunehmen, als selbst neu zu schreiben oder zu erweitern - besonders dann, wenn das Rad bereits erfunden wurde :blush:

                        Solange die Events nur auf den 5 Indicator-Icons sind, spricht da von meiner Seite nichts gegen. Selbst falls von irgend jemand nicht gewollt, könnten wir das parametrierbar machen und bei Bedarf ein bExit initiieren.

                        Zumindest würdet ihr euch die Sonderlocken-Kopiererei bei jedem Script-Update sparen.

                        GarganoG Offline
                        GarganoG Offline
                        Gargano
                        wrote on last edited by Gargano
                        #4927

                        @armilar PR kann ich machen ( für HMI und IoBroker)
                        Wurde damals mit der Begründung von @joBr99 abgelehnt :
                        adding actions to the 5 icons requires adding 5 variables; no way to fit this into the page as it is already packed with way to much elements, there is just not enough memory on the panel

                        Ich brauche aber keine Variablen, und es passt auch ins Panel.

                        [Edit] PR ist gemacht (https://github.com/joBr99/nspanel-lovelace-ui/pull/1144) (HMI und iobroker), die entsprechenden Stellen sind in nspanel.ts mit 'gargano' gekennzeichnet.

                        Mal schauen was passiert.

                        ArmilarA 1 Reply Last reply
                        0
                        • GarganoG Gargano

                          @armilar PR kann ich machen ( für HMI und IoBroker)
                          Wurde damals mit der Begründung von @joBr99 abgelehnt :
                          adding actions to the 5 icons requires adding 5 variables; no way to fit this into the page as it is already packed with way to much elements, there is just not enough memory on the panel

                          Ich brauche aber keine Variablen, und es passt auch ins Panel.

                          [Edit] PR ist gemacht (https://github.com/joBr99/nspanel-lovelace-ui/pull/1144) (HMI und iobroker), die entsprechenden Stellen sind in nspanel.ts mit 'gargano' gekennzeichnet.

                          Mal schauen was passiert.

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

                          @gargano

                          Dann puste mal die Änderungen hoch ;-).

                          Wären zwei referenzierende PR, da das eine für die HMI für alle Systeme gilt und die Änderungen im NSPanelTs.ts nur ioBroker betreffen...

                          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.

                          GarganoG 1 Reply Last reply
                          0
                          • ArmilarA Armilar

                            @gargano

                            Dann puste mal die Änderungen hoch ;-).

                            Wären zwei referenzierende PR, da das eine für die HMI für alle Systeme gilt und die Änderungen im NSPanelTs.ts nur ioBroker betreffen...

                            GarganoG Offline
                            GarganoG Offline
                            Gargano
                            wrote on last edited by Gargano
                            #4929

                            @armilar Hab ich schon gepustet :-) Ich habs aber in einem gemacht. Ist das schlimm oder soll ich nochmal für HMI extra

                            ArmilarA 1 Reply Last reply
                            2
                            • GarganoG Gargano

                              @armilar Hab ich schon gepustet :-) Ich habs aber in einem gemacht. Ist das schlimm oder soll ich nochmal für HMI extra

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

                              @gargano

                              Nein - nicht schlimm - lasse es so...

                              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
                              • theknutT theknut

                                So Leute, ich habs versprochen: Ich präsentiere meine erste Contribution :D
                                https://github.com/joBr99/nspanel-lovelace-ui/pull/1142
                                Ich find das mit den yAxisTicks für die ChartPage vollkommen unnötig und kompliziert für Laien (so wie mich :D). Man muss eine Range finden für mögliche Werte und dann pro Signal anpassen. Dabei kann man das problemlos alles berechnen, sie PR.

                                Ich habe auch noch das Skript zum Schreiben der Werte für die Signale überarbeitet. Ist jetzt async und wesentlich flexibler. Das kommt dann die Tage mal noch mit einem separaten PR.

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

                                @theknut

                                Lösung ist doch echt gut... Werde nachher ein noch paar Tests machen...

                                EDIT: ist in die DEV 4.3.3.38 eingeflossen...

                                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
                                1
                                • K Kuckuckmann

                                  @cdn

                                  Wegen dem RFID Reader:

                                  Was spricht denn dagegen, über 3D Druck eine Platte zu machen, auf der du das Panel platzierst und daneben/darüber/darunter eine Vorrichtung für einen WEMOS D1 mini mit angeschlossenem RFID Reader. Via Tasmota+MQTT und IoB und Skripte kannst Du alles zusammen laufen lassen. und eine Einstempel-Möglichkeit schaffen.

                                  Wegen dem Fenster:

                                  Ich bastele gerade an einem PopupNotify, welches Zeilenweise Text anzeigen kann.
                                  Du könntest das mit einem Button öffnen und darüber sehen welche Fenster offen sind und zwar nur dann was anzeigen, wenn wirklich ein Fenster offen ist und welches.
                                  In Kombination mit dem, was @Armilar vorgeschlagen hat auf dem Screensaver zumindest ein Icon was ein offenes Fenster zeigt, wenn es eines gibt, sollte machbar sein.

                                  Vlt. ist das ja interessant für Dich :-)

                                  C Offline
                                  C Offline
                                  cdn
                                  wrote on last edited by
                                  #4932

                                  @kuckuckmann
                                  Ja würde dann aber bedeuten, dass ich noch eine weitere Hohlwanddose an der Stelle verbauen würde. Sonst sieht das nicht gut aus denke ich. Man könnte hier dann auch einfach einen Federdeckel draufmachen und auf die Rückseite den RFID-Leser kleben. Das Ganze dann via MQTT wäre eine schicke Sache.

                                  Das mit dem PopupNotify klingt interessant! Ich würde gerne schon direkt auf dem Screensaver sehen wollen, welches Fenster offen ist. Nur das Fenster offen sind ist dann wieder zu aufwändig. Für zu Hause OK. In der Firma den Mitarbeitern das beizubringen, dass diese erstmal drücken müssen: Keine Chance :D

                                  GarganoG K 2 Replies Last reply
                                  0
                                  • C cdn

                                    @kuckuckmann
                                    Ja würde dann aber bedeuten, dass ich noch eine weitere Hohlwanddose an der Stelle verbauen würde. Sonst sieht das nicht gut aus denke ich. Man könnte hier dann auch einfach einen Federdeckel draufmachen und auf die Rückseite den RFID-Leser kleben. Das Ganze dann via MQTT wäre eine schicke Sache.

                                    Das mit dem PopupNotify klingt interessant! Ich würde gerne schon direkt auf dem Screensaver sehen wollen, welches Fenster offen ist. Nur das Fenster offen sind ist dann wieder zu aufwändig. Für zu Hause OK. In der Firma den Mitarbeitern das beizubringen, dass diese erstmal drücken müssen: Keine Chance :D

                                    GarganoG Offline
                                    GarganoG Offline
                                    Gargano
                                    wrote on last edited by Gargano
                                    #4933

                                    @cdn ungefähr so wie hier mit einem Temperatur/Luftfeuchte Fühler über I²C. Der Fühler steckt in der unteren umgebauten Schalterdose. Den Schalter rausbauen und nur den Träger verwenden.
                                    Deckel ist bei dem Foto noch nicht drauf
                                    20230219_084525.jpg

                                    Hier mit Deckel. Oben und unten sind Schlitze für die Luft.
                                    20240119_155845.jpg

                                    C 1 Reply Last reply
                                    0
                                    • GarganoG Gargano

                                      @cdn ungefähr so wie hier mit einem Temperatur/Luftfeuchte Fühler über I²C. Der Fühler steckt in der unteren umgebauten Schalterdose. Den Schalter rausbauen und nur den Träger verwenden.
                                      Deckel ist bei dem Foto noch nicht drauf
                                      20230219_084525.jpg

                                      Hier mit Deckel. Oben und unten sind Schlitze für die Luft.
                                      20240119_155845.jpg

                                      C Offline
                                      C Offline
                                      cdn
                                      wrote on last edited by
                                      #4934

                                      @gargano Ja dann würde ich einfach eine Blindabdeckung nehmen mit Rahmen. :-)

                                      GarganoG 1 Reply Last reply
                                      0
                                      • C cdn

                                        @gargano Ja dann würde ich einfach eine Blindabdeckung nehmen mit Rahmen. :-)

                                        GarganoG Offline
                                        GarganoG Offline
                                        Gargano
                                        wrote on last edited by
                                        #4935

                                        @cdn Ich hab halt noch alte Schalter rumliegen und ich brauchte für die Luftzirkulation etwas, was aus der Wand hervorsteht.

                                        C 1 Reply Last reply
                                        0
                                        • GarganoG Gargano

                                          @cdn Ich hab halt noch alte Schalter rumliegen und ich brauchte für die Luftzirkulation etwas, was aus der Wand hervorsteht.

                                          C Offline
                                          C Offline
                                          cdn
                                          wrote on last edited by
                                          #4936

                                          @gargano Ja das macht dann natürlich Sinn.

                                          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

                                          570

                                          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