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
    16
    1
    298

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

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

    @australien
    nein

    A Offline
    A Offline
    australien
    wrote on last edited by
    #6580

    @tt-tom dachte mir schon so etwas.

    Noch eine andere Frage dazu.
    Ist es möglich im heading zum Text eine Variable anzuhängen?
    Wie zB so

    let CardChartawattar: PageType =
    {
        'type': 'cardChart',
        'heading': 'aWATTar ' + Datenpunkt + ' c/kWh', 
    
    ArmilarA 1 Reply Last reply
    0
    • A australien

      @tt-tom dachte mir schon so etwas.

      Noch eine andere Frage dazu.
      Ist es möglich im heading zum Text eine Variable anzuhängen?
      Wie zB so

      let CardChartawattar: PageType =
      {
          'type': 'cardChart',
          'heading': 'aWATTar ' + Datenpunkt + ' c/kWh', 
      
      ArmilarA Offline
      ArmilarA Offline
      Armilar
      Most Active Forum Testing
      wrote on last edited by Armilar
      #6581

      @australien

      Das würde exakt einmal zur Laufzeit funktionieren. Und zwar zum Start des Skriptes, voausgesetzt es würde getState("DP").val verwendet werden. Solange das Skript läuft, hätte es keinen Einfluss auf Veränderungen dieses Datenpunktes, da der Header nicht getriggert wird.

      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.

      A 1 Reply Last reply
      0
      • ArmilarA Armilar

        @australien

        Das würde exakt einmal zur Laufzeit funktionieren. Und zwar zum Start des Skriptes, voausgesetzt es würde getState("DP").val verwendet werden. Solange das Skript läuft, hätte es keinen Einfluss auf Veränderungen dieses Datenpunktes, da der Header nicht getriggert wird.

        A Offline
        A Offline
        australien
        wrote on last edited by
        #6582

        @armilar Die Erfahrung habe ich auch gemacht, darum die Frage ob es da eine andere Lösung gibt.
        Ich nehme mal an, nein. Ist aber weiters kein Problem.

        Danke Euch für Eure Hilfe und den permanenten Support!

        1 Reply Last reply
        0
        • P Offline
          P Offline
          philipp.schlueter
          wrote on last edited by
          #6583

          Hallo Leute, ich habe mich mal wieder nach längerer Zeit beim iobroker umgesehen und bekomme vom Script minütlich 4 Fehler. ich füge mal ein Bild hinzu. Vielleicht gibt es dort schnelle Abhilfe. vielen Dank schonmal im Voraus.log.PNG

          T 1 Reply Last reply
          0
          • P philipp.schlueter

            Hallo Leute, ich habe mich mal wieder nach längerer Zeit beim iobroker umgesehen und bekomme vom Script minütlich 4 Fehler. ich füge mal ein Bild hinzu. Vielleicht gibt es dort schnelle Abhilfe. vielen Dank schonmal im Voraus.log.PNG

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

            @philipp-schlueter

            da es im Minutentakt ist gehe ich mal von dem Screensaver aus, hast du dort einen DP für die Temperatur hinterlegt?
            prüfe bitte mal was zigbee da in diesen Datenpunkt jetzt schreibt.

            wenn ich falsch liege, bitte mehr Infos liefern.

            Scriptversion
            javascript Adapter
            welche Card

            Config Teil der Card

            ggf das Script auf Debugmodus stellen und den Teil der Fehlermeldung posten

            PS: bitte keine Bilder von Codezeilen oder Log-Auszügen,
            Code/Log in Code Tags gepackt. Bitte benutzt die Code Tags Funktion -> </>
            Hier gehts zur Hilfe.

            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

            P 2 Replies Last reply
            0
            • T TT-Tom

              @philipp-schlueter

              da es im Minutentakt ist gehe ich mal von dem Screensaver aus, hast du dort einen DP für die Temperatur hinterlegt?
              prüfe bitte mal was zigbee da in diesen Datenpunkt jetzt schreibt.

              wenn ich falsch liege, bitte mehr Infos liefern.

              Scriptversion
              javascript Adapter
              welche Card

              Config Teil der Card

              ggf das Script auf Debugmodus stellen und den Teil der Fehlermeldung posten

              PS: bitte keine Bilder von Codezeilen oder Log-Auszügen,
              Code/Log in Code Tags gepackt. Bitte benutzt die Code Tags Funktion -> </>
              Hier gehts zur Hilfe.

              P Offline
              P Offline
              philipp.schlueter
              wrote on last edited by
              #6585

              @tt-tom

              ja, die Fehler kommen vom Screensaver. Ich habe Aliase erstellt und diese mit dem Script verbunden. Ich weiß, dass es in der Vergangenheit ohne Fehler funktionierte.

              ScriptVersion 4.3.1.4
              JavaScript 8.8.3

              1 Reply Last reply
              0
              • P Offline
                P Offline
                philipp.schlueter
                wrote on last edited by
                #6586

                oh wow, ich sehe gerade das meine script version mehr als alt ist :D ich aktualisiere das mal.

                1 Reply Last reply
                0
                • T TT-Tom

                  @philipp-schlueter

                  da es im Minutentakt ist gehe ich mal von dem Screensaver aus, hast du dort einen DP für die Temperatur hinterlegt?
                  prüfe bitte mal was zigbee da in diesen Datenpunkt jetzt schreibt.

                  wenn ich falsch liege, bitte mehr Infos liefern.

                  Scriptversion
                  javascript Adapter
                  welche Card

                  Config Teil der Card

                  ggf das Script auf Debugmodus stellen und den Teil der Fehlermeldung posten

                  PS: bitte keine Bilder von Codezeilen oder Log-Auszügen,
                  Code/Log in Code Tags gepackt. Bitte benutzt die Code Tags Funktion -> </>
                  Hier gehts zur Hilfe.

                  P Offline
                  P Offline
                  philipp.schlueter
                  wrote on last edited by
                  #6587

                  habe das Script auf die aktuelle Version gebracht und die Pfade etc angepasst. ich bekomme die gleichen Fehler wie zuvor. Was genau soll ich jetzt tun, damit du mir helfen kannst?

                  T 1 Reply Last reply
                  0
                  • P philipp.schlueter

                    habe das Script auf die aktuelle Version gebracht und die Pfade etc angepasst. ich bekomme die gleichen Fehler wie zuvor. Was genau soll ich jetzt tun, damit du mir helfen kannst?

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

                    @philipp-schlueter

                    Soweit ich das sehe ist hast du im Screensaver eine ID falsch angelegt. mit [] oder {} drumherum. Zumindest verstehe ich so die Fehlermeldung. Poste am besten die Konfiguration des Screensavers in Codetags - nicht als Bild.

                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                    Spenden

                    P 1 Reply Last reply
                    1
                    • T ticaki

                      @philipp-schlueter

                      Soweit ich das sehe ist hast du im Screensaver eine ID falsch angelegt. mit [] oder {} drumherum. Zumindest verstehe ich so die Fehlermeldung. Poste am besten die Konfiguration des Screensavers in Codetags - nicht als Bild.

                      P Offline
                      P Offline
                      philipp.schlueter
                      wrote on last edited by
                      #6589

                      @ticaki

                          bottomScreensaverEntity: [
                              // bottomScreensaverEntity 1
                              {
                                  ScreensaverEntity: 'accuweather.0.Hourly.h0.RainProbability',
                                      ScreensaverEntityFactor: 1,
                                      ScreensaverEntityDecimalPlaces: 0,
                                      ScreensaverEntityIconOn: 'weather-pouring',
                                      ScreensaverEntityIconOff: null,
                                      ScreensaverEntityText: 'Regen',
                                      ScreensaverEntityUnitText: '%',
                                      ScreensaverEntityIconColor: White //{'val_min': 0, 'val_max': 100}
                              },
                              // bottomScreensaverEntity 2
                              {
                                  ScreensaverEntity: 'accuweather.0.Hourly.h0.WindSpeed',
                                      ScreensaverEntityFactor: 1,
                                      ScreensaverEntityDecimalPlaces: 0,
                                      ScreensaverEntityIconOn: 'weather-windy',
                                      ScreensaverEntityIconOff: null,
                                      ScreensaverEntityText: "Wind",
                                      ScreensaverEntityUnitText: 'km/h',
                                      ScreensaverEntityIconColor: White //{ 'val_min': 0, 'val_max': 120 }
                              },
                              // bottomScreensaverEntity 3
                              {
                                  ScreensaverEntity: 'alias.0.Wohnbereich.Temperatur.SECOND',
                                      ScreensaverEntityFactor: 1,
                                      ScreensaverEntityDecimalPlaces: 1,
                                      ScreensaverEntityIconOn: 'water-percent',
                                      ScreensaverEntityIconOff: null,
                                      ScreensaverEntityText: 'Luft',
                                      ScreensaverEntityUnitText: '%',
                                      ScreensaverEntityIconColor: White //{ 'val_min': 0, 'val_max': 120 }
                              },
                              // bottomScreensaverEntity 4
                              {
                                  ScreensaverEntity: 'alias.0.Wohnbereich.Temperatur.ACTUAL',
                                      ScreensaverEntityFactor: 1,
                                      ScreensaverEntityDecimalPlaces: 1,
                                      ScreensaverEntityIconOn: 'temperature-celsius',
                                      ScreensaverEntityIconOff: null,
                                      ScreensaverEntityText: 'Innen',
                                      ScreensaverEntityUnitText: '°C',
                                      ScreensaverEntityIconColor: White
                              },
                              // bottomScreensaverEntity 5 (for Alternative and Advanced Screensaver)
                              {
                                  ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity',
                                  ScreensaverEntityFactor: 1,
                                  ScreensaverEntityDecimalPlaces: 1,
                                  ScreensaverEntityIconOn: 'water-percent',
                                  ScreensaverEntityIconOff: null,
                                  ScreensaverEntityText: 'Feuchte',
                                  ScreensaverEntityUnitText: '%',
                                  ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65}
                              },
                              // bottomScreensaverEntity 6 (for Advanced Screensaver)
                              {
                                  ScreensaverEntity: NSPanel_Path + 'Relay.1',
                                  ScreensaverEntityIconOn: 'coach-lamp-variant',
                                  ScreensaverEntityText: 'Street',
                                  ScreensaverEntityOnColor: Yellow,
                                  ScreensaverEntityOffColor: White,
                                  ScreensaverEntityOnText: 'Is ON',
                                  ScreensaverEntityOffText: 'Not ON'
                              },
                      
                      1 Reply Last reply
                      0
                      • P Offline
                        P Offline
                        philipp.schlueter
                        wrote on last edited by
                        #6590

                        Die Fehler im laufenden Prozess sind nun plötzlich verschwunden. Nun kommen am start ein paar Fehler :D

                        2024-11-14 13:44:09.679 - error: javascript.0 (980) script.js.NS_Panels.Wohnzimmer.Display: Error: Cannot find module '@iobroker-javascript.0/moment-parseformat'
                        2024-11-14 13:44:09.679 - error: javascript.0 (980) at Module.require (node:internal/modules/cjs/loader:1311:19)
                        2024-11-14 13:44:09.679 - error: javascript.0 (980) at require (node:internal/modules/helpers:179:18)
                        2024-11-14 13:44:09.679 - error: javascript.0 (980) at require (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:552:28)
                        2024-11-14 13:44:09.680 - error: javascript.0 (980) at script.js.NS_Panels.Wohnzimmer.Display:1017:19
                        2024-11-14 13:44:09.680 - error: javascript.0 (980) at Script.runInContext (node:vm:149:12)
                        
                        T 1 Reply Last reply
                        0
                        • P philipp.schlueter

                          Die Fehler im laufenden Prozess sind nun plötzlich verschwunden. Nun kommen am start ein paar Fehler :D

                          2024-11-14 13:44:09.679 - error: javascript.0 (980) script.js.NS_Panels.Wohnzimmer.Display: Error: Cannot find module '@iobroker-javascript.0/moment-parseformat'
                          2024-11-14 13:44:09.679 - error: javascript.0 (980) at Module.require (node:internal/modules/cjs/loader:1311:19)
                          2024-11-14 13:44:09.679 - error: javascript.0 (980) at require (node:internal/modules/helpers:179:18)
                          2024-11-14 13:44:09.679 - error: javascript.0 (980) at require (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:552:28)
                          2024-11-14 13:44:09.680 - error: javascript.0 (980) at script.js.NS_Panels.Wohnzimmer.Display:1017:19
                          2024-11-14 13:44:09.680 - error: javascript.0 (980) at Script.runInContext (node:vm:149:12)
                          
                          T Do not disturb
                          T Do not disturb
                          ticaki
                          wrote on last edited by
                          #6591

                          @philipp-schlueter sagte in SONOFF NSPanel mit Lovelace UI:

                          Die Konfiguration sieht gut.

                          Das weitere muß dir TT-Tom weiter helfen bin leider zu lange raus um mich zu erinnern wie man den Schluckauf vom JS-Adapter nochmal behebt. Bin gerade erst wieder am anlernen, wie es nochmal war :)

                          Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                          Spenden

                          P 1 Reply Last reply
                          1
                          • T ticaki

                            @philipp-schlueter sagte in SONOFF NSPanel mit Lovelace UI:

                            Die Konfiguration sieht gut.

                            Das weitere muß dir TT-Tom weiter helfen bin leider zu lange raus um mich zu erinnern wie man den Schluckauf vom JS-Adapter nochmal behebt. Bin gerade erst wieder am anlernen, wie es nochmal war :)

                            P Offline
                            P Offline
                            philipp.schlueter
                            wrote on last edited by
                            #6592

                            @ticaki

                            okay. vielen dank für deinen support :)

                            ArmilarA 1 Reply Last reply
                            0
                            • P philipp.schlueter

                              @ticaki

                              okay. vielen dank für deinen support :)

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

                              @philipp-schlueter

                              in der Javascript-Instanz fehlen die Module moment und/oder moment-parseformat

                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---Basisinstallation#8--einstellungen-in-js-adapter-instanz

                              dayjs haben wir nicht mehr in der Benutzung. Die anderen beiden schon noch. Und axios sollte per Default im JS sein.

                              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.

                              P 1 Reply Last reply
                              2
                              • ArmilarA Armilar

                                @philipp-schlueter

                                in der Javascript-Instanz fehlen die Module moment und/oder moment-parseformat

                                https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---Basisinstallation#8--einstellungen-in-js-adapter-instanz

                                dayjs haben wir nicht mehr in der Benutzung. Die anderen beiden schon noch. Und axios sollte per Default im JS sein.

                                P Offline
                                P Offline
                                philipp.schlueter
                                wrote on last edited by
                                #6594

                                @armilar

                                vielen dank. das hat Abhilfe geschaffen.

                                Jetzt habe ich das nächste Problem :D

                                Wie bekomme ich die beiden Glühbirnen vom Screensaver entfernt?
                                Ich könnte jetzt wieder ewig suchen aber vielleicht seid ihr schneller :)
                                Vielen Dank bis hier hin

                                ArmilarA 1 Reply Last reply
                                0
                                • P philipp.schlueter

                                  @armilar

                                  vielen dank. das hat Abhilfe geschaffen.

                                  Jetzt habe ich das nächste Problem :D

                                  Wie bekomme ich die beiden Glühbirnen vom Screensaver entfernt?
                                  Ich könnte jetzt wieder ewig suchen aber vielleicht seid ihr schneller :)
                                  Vielen Dank bis hier hin

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

                                  @philipp-schlueter

                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#relais-status-icons

                                  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.

                                  P ArmilarA 2 Replies Last reply
                                  2
                                  • ArmilarA Armilar

                                    @philipp-schlueter

                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#relais-status-icons

                                    P Offline
                                    P Offline
                                    philipp.schlueter
                                    wrote on last edited by
                                    #6596

                                    @armilar

                                    du bist ne Granate. Vielen dank :*

                                    1 Reply Last reply
                                    1
                                    • ArmilarA Armilar

                                      @philipp-schlueter

                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#relais-status-icons

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

                                      Update/Fix v4.4.0.11

                                      1f4a954f-7861-49d6-998c-572a8d9f26c6-image.png

                                      Und jetzt noch etwas Text dazu ;-)

                                      Die aktuelle Beschreibung zur cardThermo (als Klimaanlage) findet ihr hier:
                                      https://forum.iobroker.net/post/1213286

                                      Es wird aber noch eine ausführliche Beschreibung hierzu im Wiki geben.

                                      @TT-Tom hat noch ein paar Fixes vorgenommen für die Datenpunkte:

                                      • activeDimmodeBrightness
                                      • timeoutScreensaver

                                      und ebenso eine Erweiterung implementiert, dass das popupNotify ebenso im Datenpunkt:
                                      ActivePage
                                      erscheint.

                                      Einfach den unteren Teil ersetzen ab:
                                      7d5c357c-5b85-4487-9f86-3859da7398b9-image.png

                                      https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                      Und viel Spaß noch mit dem Update:

                                      @TT-Tom, @ticaki und @Armilar :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.

                                      1 Reply Last reply
                                      4
                                      • T Offline
                                        T Offline
                                        TimoWald
                                        wrote on last edited by TimoWald
                                        #6598

                                        Hallo,

                                        was wird hier mit welchen Datenpunkt verknüpft?

                                        ca68cfb8-5512-4b44-8a53-74a038ec2038-grafik.png

                                        Ich habe zb. folgende angelegt: Temp Soll, Anforderung ein/aus, Betriebsmodus ein/aus.
                                        Was zeigt mit das NSPanel auf der Heizungsseite bei Zustand an? Momentan Steht da "Auto".

                                        T 1 Reply Last reply
                                        0
                                        • T TimoWald

                                          Hallo,

                                          was wird hier mit welchen Datenpunkt verknüpft?

                                          ca68cfb8-5512-4b44-8a53-74a038ec2038-grafik.png

                                          Ich habe zb. folgende angelegt: Temp Soll, Anforderung ein/aus, Betriebsmodus ein/aus.
                                          Was zeigt mit das NSPanel auf der Heizungsseite bei Zustand an? Momentan Steht da "Auto".

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

                                          @timowald

                                          Hast du das schon gesehen?

                                          Welches Thermostat willst du einbinden?
                                          Welchen Adapter hast du für das Thermostat im Einsatz??

                                          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

                                          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

                                          347

                                          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