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
    7
    1
    91

  • 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.2k

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.1m 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.
  • ArmilarA Armilar

    @rene55

    Kenne jetzt zwar "jsonEventName5" nicht, aber wenn das weitere Einträge des Abfallkalenders sind - warum nicht?

    Als Subpages kannst du nach rechts ja weitere Seiten durchlaufen, die dann 5-8, 9-12, etc. beinhalten...

    Wahrscheinlich müsste das "Abfall"-Script nur dahingehend angepasst werden, die restlichen Daten zu verarbeiten und in weitere Datenpunkte zu legen.

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

    @armilar Da sollen die Termine für die Treppnhausreinigung rein. Sind auch im Kalender geführt. Ich weiß ja nicht, ob es da ein Limit gibt.

    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

      @armilar Da sollen die Termine für die Treppnhausreinigung rein. Sind auch im Kalender geführt. Ich weiß ja nicht, ob es da ein Limit gibt.

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

      @rene55

      Das NSPanelTs.ts kennt keine Limitierungen... Du kannst wirklich "unendlich" viele Seiten für das NSPanel anlegen...

      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 Rene55R 2 Replies Last reply
      0
      • ArmilarA Armilar

        @rene55

        Das NSPanelTs.ts kennt keine Limitierungen... Du kannst wirklich "unendlich" viele Seiten für das NSPanel anlegen...

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

        @armilar das Script ist da limitiert. Mache ich morgen fertig.

        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 ArmilarA 2 Replies Last reply
        1
        • ArmilarA Armilar

          @rene55

          Das NSPanelTs.ts kennt keine Limitierungen... Du kannst wirklich "unendlich" viele Seiten für das NSPanel anlegen...

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

          @armilar Ich werd mal schauen, wenn ich morgen die 'Kachel' mache. Dann gibt es vllt. weitere Fragen. :blush:
          Tatsächlich ist das Script für 4 Einträge ausgelegt - sollte ich aber hinkriegen.

          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

          1 Reply Last reply
          0
          • T TT-Tom

            @armilar das Script ist da limitiert. Mache ich morgen fertig.

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

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

            Mache ich morgen fertig.

            Wow, Danke! :+1:

            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
            1
            • T TT-Tom

              @armilar das Script ist da limitiert. Mache ich morgen fertig.

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

              @tt-tom

              Das meinte ich ja - im Beitrag darüber...

              Einfach aufbohren und weitere Events abfragen...

              @Rene55
              Nicht dabei vergessen, dass der ical eine Einstellung hat, die die Anzahl an Tagen berücksichtigt... und ggfs. höher werden muss.

              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
              1
              • D Doggie

                @armilar Hallo,
                Danke für die schnelle Hilfe, aber leider muss ich nochmal nachfragen:
                Ich kann im Gerätemanager das Gerät" Gaszähler" anlegen, dann gelange ich zum Fenster, wo ich die Datenpunkte auswählen kann. Aber ich kann nur einen (!) "Actual" auswählen. Ich möchte aber mehrere Werte darstellen. Wie bekomme ich die ausgewählt?

                Merkwürdig ist auch folgendes: Wenn ich einmal "Gaszähler" angelegt habe und dann wieder lösche (wegen meiner Probiererei) bekomme ich bei dem nächsten Anlegen von "Gaszähler" nicht mehr das Fenster angezeigt, wo ich die Datenpunkte auswählen kann. Dann wird gleich ein Gerät Gaszähler mit Icon angezeigt. Ich muss dann "Gaszähler 2" oder "Gaszähler neu" anlegen.
                Unter dem Tab "Geräte" bekomme ich Gaszähler nie angezeigt, nur unter "Objekte" erscheint der Verzeichnisbaum.
                Fragen über Fragen...
                Ich finde es ziemlich schwierig das NSPanel zum laufen zu bringen. Wenn ich das gewusst hätte, hätte ich mir das Panel nicht gekauft.

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

                @doggie
                Wollte das nur klar stellen, wenn Tom oder Armilar von einem Alias sprechen meinen sie meistens einen Channel und einen Datenpunkt. :)

                Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                Spenden

                ArmilarA 1 Reply Last reply
                3
                • ArmilarA Armilar

                  @tt-tom

                  Das meinte ich ja - im Beitrag darüber...

                  Einfach aufbohren und weitere Events abfragen...

                  @Rene55
                  Nicht dabei vergessen, dass der ical eine Einstellung hat, die die Anzahl an Tagen berücksichtigt... und ggfs. höher werden muss.

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

                  @armilar Ich hab ne Vorschau von 15 Tagen eingestellt - und Treppe fegen dauert immer eine Woche.

                  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

                  1 Reply Last reply
                  2
                  • T ticaki

                    @doggie
                    Wollte das nur klar stellen, wenn Tom oder Armilar von einem Alias sprechen meinen sie meistens einen Channel und einen Datenpunkt. :)

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

                    @ticaki sagte in SONOFF NSPanel mit Lovelace UI:

                    wenn Tom oder Armilar von einem Alias sprechen meinen sie meistens einen Channel

                    @Doggie
                    nein - meinen sie eigentlich immer ;-)

                    Ohne channel ist ein Alias nutzlos.

                    Für alle Fälle hier nochmal aufgeführt:
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Table

                    und etwas Lektüre:
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen

                    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 D 2 Replies Last reply
                    1
                    • K Offline
                      K Offline
                      Kuckuckmann
                      wrote on last edited by
                      #4987

                      Leute wir brauchen noch 14 Posts bis zur Nummer 5000
                      Auf gehts

                      NSPanel Dokumentation im GitHub Wiki:

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

                      T 1 Reply Last reply
                      0
                      • K Kuckuckmann

                        Leute wir brauchen noch 14 Posts bis zur Nummer 5000
                        Auf gehts

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

                        @kuckuckmann
                        Glaube nicht das ich jetzt anfange hier sinnlos rumzuposten... echt.

                        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                        Spenden

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

                          PR wurde erstellt. Also ich denke man könnte den Events Channel auch noch gut in Zukunft nutzen für Erweiterungen. Gerne auch noch die Namen der States ändern, falls euch da was nicht passt, hauptsache das kommt irgendwie ins produktive Skript 😅
                          https://github.com/joBr99/nspanel-lovelace-ui/pull/1149

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

                          1 Reply Last reply
                          0
                          • ArmilarA Armilar

                            @ticaki sagte in SONOFF NSPanel mit Lovelace UI:

                            wenn Tom oder Armilar von einem Alias sprechen meinen sie meistens einen Channel

                            @Doggie
                            nein - meinen sie eigentlich immer ;-)

                            Ohne channel ist ein Alias nutzlos.

                            Für alle Fälle hier nochmal aufgeführt:
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Table

                            und etwas Lektüre:
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen

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

                            @armilar Ich habe jetzt eine Kachel (darf man das so sagen?) mit dem type cardLChart nach dem Muster #4957 gebaut. Wenn die angezeigt werden soll bekomme ich NSPanelTS_38: error at function GenerateChartPage: txt.matchAll is not a function.

                            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 theknutT 2 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.

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

                              @armilar Ich habe jetzt die Indicator Events mal getestet, es funktioniert. Danke dafür, dann brauch ich schon mal die Änderung nicht immer zu machen.
                              Ich habe aber gesehen, daß die Modifikation im Prinzip meiner entspricht, nur daß im HMI noch 5 zusätzliche Variablen nötig sind.

                              ArmilarA 1 Reply Last reply
                              1
                              • Rene55R Rene55

                                @armilar Ich habe jetzt eine Kachel (darf man das so sagen?) mit dem type cardLChart nach dem Muster #4957 gebaut. Wenn die angezeigt werden soll bekomme ich NSPanelTS_38: error at function GenerateChartPage: txt.matchAll is not a function.

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

                                @rene55

                                zeige bitte mal die Config der Page und die Daten für den Chart.

                                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
                                • T TT-Tom

                                  @rene55

                                  zeige bitte mal die Config der Page und die Daten für den Chart.

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

                                  @tt-tom Hier die Config:

                                  
                                  let Temperatur_Bad_Chart: PageType =
                                  {
                                      'type': 'cardLChart',
                                      'heading': 'Bad Temperatur',
                                      'items': [{ 
                                                  id: 'alias.0.Sensoren.Arexx_Bad',
                                                  yAxis: 'Temperatur [°C]',
                                                  onColor: Yellow
                                               }]
                                  };
                                  

                                  und der dazu gehörende Alias:

                                  NSP_Alias_Bad.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
                                  • GarganoG Gargano

                                    @armilar Ich habe jetzt die Indicator Events mal getestet, es funktioniert. Danke dafür, dann brauch ich schon mal die Änderung nicht immer zu machen.
                                    Ich habe aber gesehen, daß die Modifikation im Prinzip meiner entspricht, nur daß im HMI noch 5 zusätzliche Variablen nötig sind.

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

                                    @gargano

                                    Ja, das Prinzip ist ähnlich. Wir haben uns nur dazu entschlossen, keine weiteren Schleifen über die PageItems zu drehen und direkt die Seite auf zu rufen. Danke für den PR :blush: - ich denke das wird einen Mehrwert für alle bringen.

                                    Mit den zusätzlichen 5 HMI-Variablen bewegen wir uns weiterhin im TFT-Standard-Design und das hat dann Vorteile für die anderen SmartHome-Systeme des NSPanel-Projektes.

                                    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
                                    • Rene55R Rene55

                                      @tt-tom Hier die Config:

                                      
                                      let Temperatur_Bad_Chart: PageType =
                                      {
                                          'type': 'cardLChart',
                                          'heading': 'Bad Temperatur',
                                          'items': [{ 
                                                      id: 'alias.0.Sensoren.Arexx_Bad',
                                                      yAxis: 'Temperatur [°C]',
                                                      onColor: Yellow
                                                   }]
                                      };
                                      

                                      und der dazu gehörende Alias:

                                      NSP_Alias_Bad.png

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

                                      @rene55

                                      Welche Rolle hat der Channel Arexx_Bad und die Daten aus dem Datenpunkt ACTUAL noch zeigen.

                                      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
                                      • T TT-Tom

                                        @rene55

                                        Welche Rolle hat der Channel Arexx_Bad und die Daten aus dem Datenpunkt ACTUAL noch zeigen.

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

                                        @tt-tom Etwa so:

                                        
                                        {
                                         "_id": "alias.0.Sensoren.Arexx_Bad.ACTUAL",
                                         "common": {
                                           "name": "ACTUAL",
                                           "role": "value.temperature",
                                           "type": "number",
                                           "read": true,
                                           "write": false,
                                           "alias": {
                                             "id": "mqtt.0.arexx.bad"
                                           },
                                           "unit": "°C"
                                         },
                                         "native": {},
                                         "type": "state",
                                         "acl": {
                                           "object": 1636,
                                           "state": 1636,
                                           "owner": "system.user.api",
                                           "ownerGroup": "system.group.api-user"
                                         },
                                         "from": "system.adapter.admin.0",
                                         "user": "system.user.admin",
                                         "ts": 1705863132842
                                        }
                                        


                                        und
                                        NSP_Alias_Bad_Value.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
                                        • Rene55R Rene55

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

                                          Mache ich morgen fertig.

                                          Wow, Danke! :+1:

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

                                          @rene55

                                          Abfall Script ist jetzt erweitert auf 6 Events. Für Event 5 und 6 muss du hier noch ggf. die Farbe anpassen, ist aktuell grün von der Biotonne.

                                                                   case jsonEventName5:
                                                                      farbNummer = 2016;
                                                                      if (customEventName5 != '') {
                                                                          eventName = customEventName4;
                                                                          if (Debug) log('Event customName: ' + eventName, 'info');
                                                                      };
                                                                      break;
                                                                  case jsonEventName6:
                                                                      farbNummer = 2016;
                                                                      if (customEventName6 != '') {
                                                                          eventName = customEventName4
                                                                          if (Debug) log('Event customName: ' + eventName, 'info');
                                                                      };
                                                                      break;
                                          

                                          bei farbNummer kannst du eine andere Zahl (Farbe) eintragen, diese kannst du dir hier ermitteln. Die Zahl im Feld Nextion HMI musst du dann eintragen.

                                          a70e2e10-742f-49fb-965b-19fe7f14918d-image.png

                                          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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          564

                                          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