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
    13
    1
    142

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          575

                                          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