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

    @gregors
    Ich gehe mal davon aus, das du dir dafür einen Alias angelegt hast. Welchen Typ hast du genutzt? Ich hätte Licht oder Steckdose genutzt.

    GregorSG Offline
    GregorSG Offline
    GregorS
    wrote on last edited by GregorS
    #6576

    @tt-tom
    Mein Alias ist vom Typ Steckdose.

    Screenshot 2024-11-10 094356.jpg

    INTEL NUC i7, Sonoff, hmIP, AVM, Jeelink, T-Link, Alexa, Saia-Burgess, uvm.

    T 1 Reply Last reply
    0
    • GregorSG GregorS

      @tt-tom
      Mein Alias ist vom Typ Steckdose.

      Screenshot 2024-11-10 094356.jpg

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

      @GregorS

      Der Actual fehlt, da würde ich entweder den DP vom fb-presends nehmen oder den selben wie bei Set.

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

        @australien

        oh ja, das funktioniert zur Zeit nur bei der Linienchart, beim Blockchart greift die Analyse nicht. ich sehe mir das an und melde mich wieder.

        ich habe da ein Script in meiner Sammlung, dieses berechnet die Werte selber und trägt sie dann in einen Datenpunkt ein.
        https://github.com/tt-tom17/MyScripts

        A Online
        A Online
        australien
        wrote on last edited by
        #6578

        @tt-tom
        danke, funktioniert auch bei diesem Diagram so.

        yAxisTicks: '0_userdata.0.Stromboerse.cardChartString.yscale',
        

        nun habe ich eine weiter Frage, kann man ein Blockdiagram mit einem Liniendiagram überlappen?
        Ich würde gerne den Durchschnittswert darüber legen.

        T 1 Reply Last reply
        0
        • A australien

          @tt-tom
          danke, funktioniert auch bei diesem Diagram so.

          yAxisTicks: '0_userdata.0.Stromboerse.cardChartString.yscale',
          

          nun habe ich eine weiter Frage, kann man ein Blockdiagram mit einem Liniendiagram überlappen?
          Ich würde gerne den Durchschnittswert darüber legen.

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

          @australien
          nein

          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

          A 1 Reply Last reply
          1
          • T TT-Tom

            @australien
            nein

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          701

                                          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