Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 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.
  • 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 😊

              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 😊

                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 😄
                  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 😊

                    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 😄
                            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 😄

                              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 😄

                                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
                                      • 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 😄

                                        K Offline
                                        K Offline
                                        Kuckuckmann
                                        wrote on last edited by Kuckuckmann
                                        #4937

                                        @cdn
                                        Hm und wenn das Popup mit den infos aufgeht, wenn der RFID benutzt wird?
                                        Könnte man bestimmt hin bekommen, dass das Ausstempeln erst geht, wenn alle Fenster zu sind 😄

                                        Ich poste die Tage mal einen Screenshot, wenn ich das Projekt soweit habe.

                                        Da ich ein NSPanel der alten Charge habe, welches nicht in unsere UP-Dosen passt, habe ich es ein stück weit von der Wand abgesetzt. Habe das als Basis benutzt und dann modifiziert:

                                        https://www.thingiverse.com/thing:5256325

                                        WhatsApp Image 2024-01-19 at 21.08.17.jpeg

                                        Damit könnte man was machen 😉

                                        NSPanel Dokumentation im GitHub Wiki:

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

                                        C 1 Reply Last reply
                                        1
                                        • D Offline
                                          D Offline
                                          docf
                                          wrote on last edited by
                                          #4938

                                          Hallo Zusammen
                                          Ich habe heute von 4.3.3.22 auf 4.3.3.36 upgedatet.
                                          Dabei ist mir aufgefallen, dass beim Sonos Adapter die Type Änderung zu einem Fehler führt
                                          Wenn ich die alte Syntax also let Sonos = <PageMedia> verwende funktioniert alles einwandfrei ?

                                          Was mache ich da denn falsch

                                          let Sonos: PageType =
                                          //let Sonos = <PageMedia>
                                          {
                                              'type': 'cardMedia',
                                              'heading': 'Sonos Wohnzimmer',
                                              'useColor': true,
                                              'items': [<PageItem>{   
                                                          id: AliasPath + 'Sonos.Sonos_Wohnzimmer', 
                                                          adapterPlayerInstance: 'sonos.0.',
                                                          mediaDevice: '192_168_1_103',
                                                          speakerList: ['Wohnzimmer',`Terrasse`],
                                                          playList: [`1`]     
                                                          colorMediaIcon: colorSpotify,
                                                          colorMediaArtist: Yellow,
                                                          colorMediaTitle: Yellow,
                                                          alwaysOnDisplay: true,
                                                          autoCreateALias: true
                                                       }]
                                          };
                                          

                                          Und der Fehler aus dem Protokoll.

                                          9:39:21.248	error	javascript.0 (1526) script.js.NS_Panels.NSPanel43336: TypeScript compilation failed: 'useColor': true, ^ ERROR: Type '{ type: "cardMedia"; heading: string; useColor: boolean; items: NSPanel.PageItem[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''useColor'' does not exist in type 'PageMedia'.
                                          
                                          

                                          Danke

                                          T 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

                                          753

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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