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
    17
    1
    365

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

  • 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.
  • T ticaki

    @florian-klante
    so siehts in der anleitung aus ;)

    270724871-f2c4e065-8c46-44d5-9aa7-a79096a3fc15.png

    Ist zwar nicht logisch, weil ich verstehe das so das er nur bei Änderungen dinge verschickt, aber scheinbar aktualisiert er states dann nur bei veränderungen. Zumindest ist dein Fehler 100% ein raus filtern wegen wiederholter gleicher nachricht.

    Florian KlanteF Offline
    Florian KlanteF Offline
    Florian Klante
    wrote on last edited by
    #5038

    @ticaki aus welcher Anleitung hast du das?

    T 1 Reply Last reply
    0
    • Florian KlanteF Florian Klante

      @ticaki aus welcher Anleitung hast du das?

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

      @florian-klante
      https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#6-mqtt-iobroker-config

      Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

      Spenden

      Florian KlanteF 2 Replies Last reply
      1
      • T ticaki

        @florian-klante
        https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#6-mqtt-iobroker-config

        Florian KlanteF Offline
        Florian KlanteF Offline
        Florian Klante
        wrote on last edited by
        #5040

        @ticaki großartig, jetzt funktioniert es.
        Kaum macht man es richtig...
        herzlichen Dank!

        1 Reply Last reply
        1
        • T ticaki

          @florian-klante
          https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#6-mqtt-iobroker-config

          Florian KlanteF Offline
          Florian KlanteF Offline
          Florian Klante
          wrote on last edited by
          #5041

          @ticaki somit ist dann auch mein zweites Problem behoben.
          Die Pages konnte ich nicht sauber blättern.

          ArmilarA 1 Reply Last reply
          1
          • Florian KlanteF Florian Klante

            @ticaki somit ist dann auch mein zweites Problem behoben.
            Die Pages konnte ich nicht sauber blättern.

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

            @florian-klante

            Ja, die Einstellungen des MQTT-Adapters sind da ebenfalls dran beteiligt. Konnte auch nie nachvollziehen, warum die Einstellung:
            f44ea5a3-8992-438a-a7ae-1a6f32d59e4b-image.png so kontrovers benannt wurde...

            Daher in der Wiki auch explizit nochmal erwähnt ;-)

            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
            • D Offline
              D Offline
              danny_v1
              wrote on last edited by
              #5043

              Hallo habe mir gerade mal die letzten Änderungen in Skript angeschaut, kann mir jemand erklären was es mir dem letzten Punkt im Changelog aus sich hat?

              20.01.2024 - v4.3.3.38 Add: click on indicatorIcon navigate to Page

              Vielen Dank schon mal

              ArmilarA 1 Reply Last reply
              0
              • D danny_v1

                Hallo habe mir gerade mal die letzten Änderungen in Skript angeschaut, kann mir jemand erklären was es mir dem letzten Punkt im Changelog aus sich hat?

                20.01.2024 - v4.3.3.38 Add: click on indicatorIcon navigate to Page

                Vielen Dank schon mal

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

                @danny_v1

                https://forum.iobroker.net/post/1116411

                ich hab's mal für dich zurückgeblättert ;-)

                dritter Punkt :blush:

                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.

                D 1 Reply Last reply
                0
                • T TT-Tom

                  @rene55 Sorry Fehler lag bei mir / Script, bitte nochmal neu von Github ziehen.

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

                  @tt-tom

                  Hallo, habe gerade dein Abfallscript auf dem Schirm, das geht soweit, nur scheint in meiner Konfig noch etwas zu fehlen, denn im Datum steht zwar das Datum, aber immer ein "heute" hintendran..???

                  3b65d1fc-b0fa-49fb-94c7-8d377b8951d2-image.png

                  Im script bekomme ich in der function currentDate dies: (sieht so aus, als ob Date eine globale Variable ist bei dir??)
                  940c8773-811c-4038-be92-76867f9bb1ab-image.png

                  T 1 Reply Last reply
                  0
                  • ArmilarA Armilar

                    @doggie

                    Ich habe den Eindruck du hast den Zweck des Alias nicht wirklich verstanden...

                    Du suchst nach der Erstellung des Alias nach dem Datenpunkt des Gaszählers? ... Es ist genau anders herum.

                    1. Zunächst brauchst du den Datenpunkt aus einem Adapter, der dir den Wert des Gaszählers anzeigt, den du im Panel darstellen willst.
                    2. Jetzt öffnest du den Gerätemanger, vergibst einen Namen und wählst den Gerätetypen Info aus
                    3. In dem Fenster, in dem der .ACTUAL erscheint ordnest du den Datenpunkt aus Punkt 1) zu.

                    speichern. Das wars...

                    In der Seitenvariable für den Gaszähler trägst du den eben erstellen Alias (ohne das .ACTUAL) ein.

                    fertig...

                    Da wird nichts im NSPanel-Verzeichnis wie aus Geisterhand erscheinen... Punkt 1 - 3 und fertig ist das Ding

                    D Offline
                    D Offline
                    Doggie
                    wrote on last edited by
                    #5046

                    @armilar Also ich glaube ich habe mich nicht klar genug ausgedrückt. Das Fenster unter deinem Punkt 3 öffnet sich nicht. Also erscheint kein ACTUAL und ich kann die Verknüpfung mit dem eigentlichen Datenpunkt in dem der Zählerstand drin steht nicht zuordnen . Dies passiert oder besser passiert nicht ausschließlich unter NSPanel. Ich habe schon mehrere Alias angelegt und immer erscheint das Fenster in dem die Zuordnung eingetragen wird, nur unter NSPanel nicht. Das ist mein Problem!
                    Als Beispiel hier mal ein Foto wie es normalerweise aussieht:
                    a6a8ed61-73c8-4a3d-ae4d-b4642ac00f6a-image.png
                    Hier der Gaszähler:
                    4387acfa-0277-42b8-ac1d-f9e8731f70da-image.png

                    Es tut mir ja leid, dass ich hier dauernd nachfrage, aber ich glaube nicht, dass es ein Verständnisproblem meinerseits ist. Der von die beschriebene Vorgang ist ja leicht zu verstehen. Aber genau so funktioniert es nicht.

                    ArmilarA 1 Reply Last reply
                    0
                    • Rene55R Rene55

                      @theknut Danke für das Script. Jetzt habe ich das Problem, wo der Alias ins Spiel kommen soll. Es ist ja eigentlich gut beschrieben:

                      
                      /*         ↓ Id of the sensor                 ↓ Id of the data source for the charts */
                      sensors['deconz.0.Sensors.65.temperature'] = Path + 'buero_temperature';
                      

                      Damit konnte ich soweit umgehen. Aktuell Fragezeichen??

                      T Offline
                      T Offline
                      TT-Tom
                      wrote on last edited by
                      #5047

                      @rene55 in die eckige Klammer kommt der DatenPunkt von deinem Sensor. Hinter Path + kommt der Name des Datenpunkt, wo die Daten hingeschrieben werden sollen.

                      Gruß Tom
                      https://github.com/tt-tom17
                      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

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

                      NSPanel Adapter Wiki
                      https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                      Rene55R 1 Reply Last reply
                      1
                      • D Doggie

                        @armilar Also ich glaube ich habe mich nicht klar genug ausgedrückt. Das Fenster unter deinem Punkt 3 öffnet sich nicht. Also erscheint kein ACTUAL und ich kann die Verknüpfung mit dem eigentlichen Datenpunkt in dem der Zählerstand drin steht nicht zuordnen . Dies passiert oder besser passiert nicht ausschließlich unter NSPanel. Ich habe schon mehrere Alias angelegt und immer erscheint das Fenster in dem die Zuordnung eingetragen wird, nur unter NSPanel nicht. Das ist mein Problem!
                        Als Beispiel hier mal ein Foto wie es normalerweise aussieht:
                        a6a8ed61-73c8-4a3d-ae4d-b4642ac00f6a-image.png
                        Hier der Gaszähler:
                        4387acfa-0277-42b8-ac1d-f9e8731f70da-image.png

                        Es tut mir ja leid, dass ich hier dauernd nachfrage, aber ich glaube nicht, dass es ein Verständnisproblem meinerseits ist. Der von die beschriebene Vorgang ist ja leicht zu verstehen. Aber genau so funktioniert es nicht.

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

                        @doggie

                        Ah oh okay!

                        warum machst du es dann nicht in einem anderen Verzeichnis?

                        Unter den vom NSPanel angelegten Aliassen würde ich eh keine weiteren einbauen. Für den Fall dass es mal hakt, kannst du den kompletten Objektbaum wegwerffen und das NSPanelTs.ts legt es wieder an. Dann wären deine Aliasse ja auch weg...

                        Nimm einfach dann ein anderes Verzeichnis...

                        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.

                        D 1 Reply Last reply
                        1
                        • ? A Former User

                          @tt-tom

                          Hallo, habe gerade dein Abfallscript auf dem Schirm, das geht soweit, nur scheint in meiner Konfig noch etwas zu fehlen, denn im Datum steht zwar das Datum, aber immer ein "heute" hintendran..???

                          3b65d1fc-b0fa-49fb-94c7-8d377b8951d2-image.png

                          Im script bekomme ich in der function currentDate dies: (sieht so aus, als ob Date eine globale Variable ist bei dir??)
                          940c8773-811c-4038-be92-76867f9bb1ab-image.png

                          T Offline
                          T Offline
                          TT-Tom
                          wrote on last edited by TT-Tom
                          #5049

                          @ilovegym Date ist keine globale Variable sonder kommt von NodeJS. Kannst du mir mal die Rohdaten aus dem Log senden. Ich glaube da kommt schon was falsches von ical. ggf auch als Direktnachricht. einfach im Script die Konstante DEBUG auf true stellen.

                          Gruß Tom
                          https://github.com/tt-tom17
                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

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

                          NSPanel Adapter Wiki
                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                          ? 1 Reply Last reply
                          0
                          • T TT-Tom

                            @ilovegym Date ist keine globale Variable sonder kommt von NodeJS. Kannst du mir mal die Rohdaten aus dem Log senden. Ich glaube da kommt schon was falsches von ical. ggf auch als Direktnachricht. einfach im Script die Konstante DEBUG auf true stellen.

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

                            @tt-tom

                            Ah, ok, hier das Debuglog:


                            ``

                            T 1 Reply Last reply
                            1
                            • ? A Former User

                              @tt-tom

                              Ah, ok, hier das Debuglog:


                              ``

                              T Offline
                              T Offline
                              TT-Tom
                              wrote on last edited by TT-Tom
                              #5051

                              @ilovegym sagte in SONOFF NSPanel mit Lovelace UI:

                              date":"→ 25.02.2024 heute

                              hier ist der Fehler und das kommt schon von ical rüber. kannst das log wieder Löschen, wegen der Daten.
                              schau dir mal deine iCal Einstellungen an

                              Gruß Tom
                              https://github.com/tt-tom17
                              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

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

                              NSPanel Adapter Wiki
                              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                              ? 1 Reply Last reply
                              0
                              • T TT-Tom

                                @rene55 in die eckige Klammer kommt der DatenPunkt von deinem Sensor. Hinter Path + kommt der Name des Datenpunkt, wo die Daten hingeschrieben werden sollen.

                                Rene55R Offline
                                Rene55R Offline
                                Rene55
                                wrote on last edited by
                                #5052

                                @tt-tom Hab ich ja auch gemacht:

                                sensors['mqtt.0.arexx.bad'] = Path + 'bad_temperature';
                                sensors['mqtt.0.arexx.badH'] = Path + 'bad_luftfeuchte';
                                
                                

                                Nur welchen Datenpunkt muss ich dann zur Visualisierung im cardLChart nehmen? Der '0_userdata.0.NSPanel.1.Influx2NSPanel.cardLChart.bad_luftfeuchte' ist es ja wohl nicht.

                                Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                                ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                                Wetterstation: Froggit WH3000SE V1.6.6

                                ArmilarA 1 Reply Last reply
                                0
                                • Rene55R Rene55

                                  @tt-tom Hab ich ja auch gemacht:

                                  sensors['mqtt.0.arexx.bad'] = Path + 'bad_temperature';
                                  sensors['mqtt.0.arexx.badH'] = Path + 'bad_luftfeuchte';
                                  
                                  

                                  Nur welchen Datenpunkt muss ich dann zur Visualisierung im cardLChart nehmen? Der '0_userdata.0.NSPanel.1.Influx2NSPanel.cardLChart.bad_luftfeuchte' ist es ja wohl nicht.

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

                                  @rene55

                                  na - der Datenpunkt der auch in de influxDB gespeichert wird. Das Sensoren-Script holt es ja nur wieder aus der Influx raus und bereitet es für das NSPanel auf.

                                  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.

                                  Rene55R 1 Reply Last reply
                                  0
                                  • ArmilarA Armilar

                                    @rene55

                                    na - der Datenpunkt der auch in de influxDB gespeichert wird. Das Sensoren-Script holt es ja nur wieder aus der Influx raus und bereitet es für das NSPanel auf.

                                    Rene55R Offline
                                    Rene55R Offline
                                    Rene55
                                    wrote on last edited by
                                    #5054

                                    @armilar Yes, soweit klar. Die Datenpunkte werden ja auch sauber befüllt.

                                    NSP_Datenpunkte_Script.png

                                    und das scheint wohl falsch zu sein:


                                    NSP_Page_Humidity.png

                                    Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                                    ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                                    Wetterstation: Froggit WH3000SE V1.6.6

                                    T 1 Reply Last reply
                                    0
                                    • ArmilarA Armilar

                                      @doggie

                                      Ah oh okay!

                                      warum machst du es dann nicht in einem anderen Verzeichnis?

                                      Unter den vom NSPanel angelegten Aliassen würde ich eh keine weiteren einbauen. Für den Fall dass es mal hakt, kannst du den kompletten Objektbaum wegwerffen und das NSPanelTs.ts legt es wieder an. Dann wären deine Aliasse ja auch weg...

                                      Nimm einfach dann ein anderes Verzeichnis...

                                      D Offline
                                      D Offline
                                      Doggie
                                      wrote on last edited by
                                      #5055

                                      @armilar O.K. ich dachte, es müsste zwingend im NSPanel-Baum sein. Dann probiere ich es woanders. Aber bizarr ist es schon. Im Alias-Manager kann man schon die Zuordnung vornehmen, aber es erscheint dann nicht unter Objekten und nicht im Gerätemanager. Also weiß ich nicht, ob es auch angenommen wurde. Ich finde es auch merkwürdig, dass man etwas im Gerätemanager-Baum löscht und es ist trotzdem noch im Alias-Manager vorhanden.
                                      Ich habe schon überlegt den Gerätemanager zu löschen und alles neu anzulegen. Ist nur viel Aufwand.
                                      Ich könnte mir vorstellen durch meine Herumprobiererei etwas zerschossen zu haben.
                                      Aber egal, ich such mir erstmal ein anderes Verzeichnis.
                                      Ist bei Github noch der Entwickler des Geräte-Managers zu finden? Ich schau mal.

                                      ArmilarA 1 Reply Last reply
                                      0
                                      • T TT-Tom

                                        @ilovegym sagte in SONOFF NSPanel mit Lovelace UI:

                                        date":"→ 25.02.2024 heute

                                        hier ist der Fehler und das kommt schon von ical rüber. kannst das log wieder Löschen, wegen der Daten.
                                        schau dir mal deine iCal Einstellungen an

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

                                        @tt-tom

                                        Danke, ich hatte in den Settings vom iCal bei „ersetze 00:00 mit“ heute eingetragen!…

                                        Funktioniert jetzt.👍

                                        1 Reply Last reply
                                        1
                                        • Rene55R Rene55

                                          @armilar Yes, soweit klar. Die Datenpunkte werden ja auch sauber befüllt.

                                          NSP_Datenpunkte_Script.png

                                          und das scheint wohl falsch zu sein:


                                          NSP_Page_Humidity.png

                                          T Offline
                                          T Offline
                                          TT-Tom
                                          wrote on last edited by TT-Tom
                                          #5057

                                          @rene55 du musst jetzt auf diesen user datenpunkt ein alias machen für jeden Datenpunkt einen. Siehe es dir nochmal im Wiki an.

                                          Gruß Tom
                                          https://github.com/tt-tom17
                                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

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

                                          NSPanel Adapter Wiki
                                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                          Rene55R 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

                                          700

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          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