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
    9
    1
    96

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

    @rene55 dein jsonEvent passt nicht zum Event vom iCal. Z. B. iCal Restmüll (grau) // GEM und jsonEvent Restmülltonne. Diese beiden Werte müssen immer gleich sein.
    Also muss

    jsonEventName1: string = 'Restmüll (grau) // GEM';
    
    Rene55R Offline
    Rene55R Offline
    Rene55
    wrote on last edited by Rene55
    #4976

    @tt-tom Ah, kompletter Eintrag. I will try.

    Edit: Danke, so hat es funktioniert. Die Datenpunkte sind abgefüllt. Panel mache ich morgen.

    Gibt es auch die Möglichkeit für jsonEventName5 ?

    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 Ah, kompletter Eintrag. I will try.

      Edit: Danke, so hat es funktioniert. Die Datenpunkte sind abgefüllt. Panel mache ich morgen.

      Gibt es auch die Möglichkeit für jsonEventName5 ?

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

      @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.

      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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          535

                                          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