Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 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.
  • D DaPeace

    Ich hab mal eine Frage zu der Advanced-Ansicht und dem Garagentor-Item.
    Ich hab ein Tor mit Endschaltern die im ioBroker jeweils POWER1 = ON / OFF und POWER2 = ON / OFF liefern.
    Das läuft über Tasmota. Ich würde gerne das Logo für das Garagentor mit diesen Infos "animieren" das er das Bild ändert wenn das Tor auf und zu ist.
    Kann mir jemand zeigen was ich da genau einstellen muß?

    Das Beispiel im Script deckt das irgendwie glaube nicht richtig ab oder? Was müsste das Tor zurückliefern das das Beispiel direkt funktioniert und unter welchem Datenpunkt?

     { 
                    ScreensaverEntity: '0_userdata.0.NSPanel.Indicators.Garage',
                    ScreensaverEntityFactor: 1,
                    ScreensaverEntityDecimalPlaces: 0,
                    ScreensaverEntityIconOn: 'garage-variant-lock',
                    ScreensaverEntityIconOff: null,
                    ScreensaverEntityText: 'Garage',
                    ScreensaverEntityUnitText: '',
                    ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 1}
                },
    
    T Offline
    T Offline
    TT-Tom
    wrote on last edited by TT-Tom
    #3207

    @dapeace sagte in SONOFF NSPanel mit Lovelace UI:

    '0_userdata.0.NSPanel.Indicators.Garage'

    was steht in diesem Datenpunkt und was für ein Typ ist er?

    ScreensaverEntityIconOn: 'garage-variant-lock',
    ScreensaverEntityIconOff: null,

    hier kannst du die Icon bestimmen für auf / zu, vorausgesetzt den DP ist vom Typ Boolean

    ScreensaverEntityIconColor: {'val_best': 0}

    hier kannst du die Farbe bestimmen 0 oder 1

    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

    D 1 Reply Last reply
    0
    • T TT-Tom

      @dapeace sagte in SONOFF NSPanel mit Lovelace UI:

      '0_userdata.0.NSPanel.Indicators.Garage'

      was steht in diesem Datenpunkt und was für ein Typ ist er?

      ScreensaverEntityIconOn: 'garage-variant-lock',
      ScreensaverEntityIconOff: null,

      hier kannst du die Icon bestimmen für auf / zu, vorausgesetzt den DP ist vom Typ Boolean

      ScreensaverEntityIconColor: {'val_best': 0}

      hier kannst du die Farbe bestimmen 0 oder 1

      D Offline
      D Offline
      DaPeace
      wrote on last edited by
      #3208

      @tt-tom
      Das war nur ein Auszug aus dem Script und nicht von mir.
      Bei mir schaut der Codeblock so aus:

              { 
                      ScreensaverEntity: 'mqtt-client.0.Garagentor.stat.Torstatus',
                      ScreensaverEntityFactor: 1,
                      ScreensaverEntityDecimalPlaces: 0,
                      ScreensaverEntityIconOn: 'garage-variant-lock',
                      ScreensaverEntityIconOff: 'garage-open-variant',
                      ScreensaverEntityText: 'Garage',
                      ScreensaverEntityUnitText: '',
                      //ScreensaverEntityIconColor: {'val_best': 1}
                      ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 1}
                  },
      

      Bei stat.Torstatus steht true oder false drin wobei true geschlossen ist.
      Allerdings funktioniert das so momentan irgendwie nicht.
      Bei mir ist das Tor auf dem Display immer geschlossen also Status "EntityIconOn"

      T 1 Reply Last reply
      0
      • D DaPeace

        @tt-tom
        Das war nur ein Auszug aus dem Script und nicht von mir.
        Bei mir schaut der Codeblock so aus:

                { 
                        ScreensaverEntity: 'mqtt-client.0.Garagentor.stat.Torstatus',
                        ScreensaverEntityFactor: 1,
                        ScreensaverEntityDecimalPlaces: 0,
                        ScreensaverEntityIconOn: 'garage-variant-lock',
                        ScreensaverEntityIconOff: 'garage-open-variant',
                        ScreensaverEntityText: 'Garage',
                        ScreensaverEntityUnitText: '',
                        //ScreensaverEntityIconColor: {'val_best': 1}
                        ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 1}
                    },
        

        Bei stat.Torstatus steht true oder false drin wobei true geschlossen ist.
        Allerdings funktioniert das so momentan irgendwie nicht.
        Bei mir ist das Tor auf dem Display immer geschlossen also Status "EntityIconOn"

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

        @dapeace

        setze mal ein Alias auf den MQTT Datenpunkt. Der Alias muss aber Boolean sein und diesen bindest du dann ein

        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

        D 1 Reply Last reply
        0
        • T TT-Tom

          @dapeace

          setze mal ein Alias auf den MQTT Datenpunkt. Der Alias muss aber Boolean sein und diesen bindest du dann ein

          D Offline
          D Offline
          DaPeace
          wrote on last edited by
          #3210

          @tt-tom was soll ich für einen Typ Alias da verwenden?

          T 1 Reply Last reply
          0
          • D DaPeace

            @tt-tom was soll ich für einen Typ Alias da verwenden?

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

            @dapeace ist bei den Indikatoren im Screensaver egal, State reicht aus.
            du musst auch den kompletten aliasPfad angeben im Script

            Gruß Tom
            https://github.com/tt-tom17
            Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

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

            NSPanel Adapter Wiki
            https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

            1 Reply Last reply
            0
            • AtifanA Offline
              AtifanA Offline
              Atifan
              wrote on last edited by Atifan
              #3212

              Hi Leute, ich hab seit einer Zeit das Problem, dass ich den Javascript-Adapter nicht auf 7.1.1 upgraden kann weil ich dann nur Fehler in den Protokollen bekomme. Bin jetzt durch Hilfe von jemand darauf gekommen, dass es wohl an einem Script liegt, das ich damals im global Ordner angelegt hatte und das irgendwas mit dem NSPanel zu tun hat.
              Gabs da zwischenzeitlich irgend ne Änderung oder so? Muss ich das was anders machen?

              HIer ist das Script
              icon_mapping_sonoff_nspanel
              icon_mapping_sonoff_nspanel.txt

              Hier die Fehlermeldungen
              81d5e4df-cb54-40c9-8357-06178ecf997a-image.png

              ArmilarA T 2 Replies Last reply
              0
              • AtifanA Atifan

                Hi Leute, ich hab seit einer Zeit das Problem, dass ich den Javascript-Adapter nicht auf 7.1.1 upgraden kann weil ich dann nur Fehler in den Protokollen bekomme. Bin jetzt durch Hilfe von jemand darauf gekommen, dass es wohl an einem Script liegt, das ich damals im global Ordner angelegt hatte und das irgendwas mit dem NSPanel zu tun hat.
                Gabs da zwischenzeitlich irgend ne Änderung oder so? Muss ich das was anders machen?

                HIer ist das Script
                icon_mapping_sonoff_nspanel
                icon_mapping_sonoff_nspanel.txt

                Hier die Fehlermeldungen
                81d5e4df-cb54-40c9-8357-06178ecf997a-image.png

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

                @atifan

                Downgrade auf 7.0.3 oder niedriger...

                Der Javascript-Adapter > Version 7.0.3 ist Beta-buggy...

                Falls nicht mehr in der Liste, dann:

                cd /opt/iobroker
                npm install iobroker.javascript@7.0.3
                

                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
                • AtifanA Atifan

                  Hi Leute, ich hab seit einer Zeit das Problem, dass ich den Javascript-Adapter nicht auf 7.1.1 upgraden kann weil ich dann nur Fehler in den Protokollen bekomme. Bin jetzt durch Hilfe von jemand darauf gekommen, dass es wohl an einem Script liegt, das ich damals im global Ordner angelegt hatte und das irgendwas mit dem NSPanel zu tun hat.
                  Gabs da zwischenzeitlich irgend ne Änderung oder so? Muss ich das was anders machen?

                  HIer ist das Script
                  icon_mapping_sonoff_nspanel
                  icon_mapping_sonoff_nspanel.txt

                  Hier die Fehlermeldungen
                  81d5e4df-cb54-40c9-8357-06178ecf997a-image.png

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

                  @atifan ist die Version 7.1.1 schon stable oder Beta. Aktuell ist doch 7.0.3 stable. Da würde ich auch vorerst bleiben.

                  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

                  AtifanA ArmilarA 2 Replies Last reply
                  0
                  • T TT-Tom

                    @atifan ist die Version 7.1.1 schon stable oder Beta. Aktuell ist doch 7.0.3 stable. Da würde ich auch vorerst bleiben.

                    AtifanA Offline
                    AtifanA Offline
                    Atifan
                    wrote on last edited by
                    #3215

                    OK Danke für eure Tipps, dann bleibe ich mal auf 7.0.3 vorerst

                    1 Reply Last reply
                    0
                    • T TT-Tom

                      @atifan ist die Version 7.1.1 schon stable oder Beta. Aktuell ist doch 7.0.3 stable. Da würde ich auch vorerst bleiben.

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

                      @tt-tom

                      Auch die 7.0.3 ist eigentlich noch keine stable

                      6.4.3 wäre immer noch die aktuelle stable (auch wenn die 7.0.3 mit viel englischen Blockly-Blöcken) bereits funktioniert)

                      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 1 Reply Last reply
                      0
                      • ArmilarA Armilar

                        @tt-tom

                        Auch die 7.0.3 ist eigentlich noch keine stable

                        6.4.3 wäre immer noch die aktuelle stable (auch wenn die 7.0.3 mit viel englischen Blockly-Blöcken) bereits funktioniert)

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

                        @armilar

                        Von den englischen Blöcken habe ich auch schon gelesen, konnte ich bei mir noch nicht feststellen.

                        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

                        ArmilarA 1 Reply Last reply
                        0
                        • T TT-Tom

                          @armilar

                          Von den englischen Blöcken habe ich auch schon gelesen, konnte ich bei mir noch nicht feststellen.

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

                          @tt-tom

                          sieht aber lustig denglisch aus:

                          869883e6-839e-45cd-bf29-4f25e59166d1-image.png

                          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
                          1
                          • GarganoG Offline
                            GarganoG Offline
                            Gargano
                            wrote on last edited by Gargano
                            #3219

                            Wie muß denn der String aussehen, damit in ChartCard und ChartLCard etwas dargestellt wird ?

                            ArmilarA T 2 Replies Last reply
                            0
                            • GarganoG Gargano

                              Wie muß denn der String aussehen, damit in ChartCard und ChartLCard etwas dargestellt wird ?

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

                              @gargano

                              Beispiel für CardLChart:

                              0^11:00+60+120+180+240^15:00+300+360+420+480^19:00+540+600+660+720^23:00+780+840+900+960^03:00+1020+1080+1140+1200^07:00+1260+1320+1380~91:231~151:237~211:244~271:246~331:251~391:251~451:251~511:252~571:249~631:247~691:247~751:248~811:244~871:242~931:240~991:240~1051:240~1111:239~1171:238~1231:237~1291:237~1351:231~1411:231

                              Beispiel für CardChart:

                              0^13:00~1~10~6~1^17:00~0~5~3~4^21:00~6~6~6~6^1:00~5~5~5~5^5:00~5~4~0~10^9:00~1~2~4

                              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.

                              GarganoG 1 Reply Last reply
                              0
                              • GarganoG Gargano

                                Wie muß denn der String aussehen, damit in ChartCard und ChartLCard etwas dargestellt wird ?

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

                                @gargano gibt es im Wiki auch fertige Scripte für influx und history.

                                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

                                GarganoG 1 Reply Last reply
                                0
                                • T TT-Tom

                                  @gargano gibt es im Wiki auch fertige Scripte für influx und history.

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

                                  @tt-tom Danke , habe ich gesehen. Da aber der Tibber Adapter die Strom Preise für den Tag in einzelnen Objekten ablegt, benötige ich dafür ein eigenes Script.

                                  ArmilarA 1 Reply Last reply
                                  0
                                  • GarganoG Gargano

                                    @tt-tom Danke , habe ich gesehen. Da aber der Tibber Adapter die Strom Preise für den Tag in einzelnen Objekten ablegt, benötige ich dafür ein eigenes Script.

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

                                    @gargano

                                    Pass bitte auf, das es im Query eine Gruppierung über die Zeit geben sollte, falls die Datenquelle (Influx, SQL, History) zu viele Daten für den Zeitraum zurück geben sollte. Der String an die HMI darf nicht endlos lang 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.

                                    GarganoG 1 Reply Last reply
                                    0
                                    • ArmilarA Armilar

                                      @gargano

                                      Pass bitte auf, das es im Query eine Gruppierung über die Zeit geben sollte, falls die Datenquelle (Influx, SQL, History) zu viele Daten für den Zeitraum zurück geben sollte. Der String an die HMI darf nicht endlos lang sein.

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

                                      @armilar Fangen wir mal mit dem vermeintlich einfachen an : cardChart

                                      let TibberChart = <PageChart>
                                      {
                                          "type": "cardChart",
                                          "heading": "Strompreis",
                                          "useColor": true,
                                          "subPage": false,
                                          "parent": undefined,
                                          "items": [<PageItem>{ 
                                                      id: 'alias.0.Tibber.CardChart', 
                                                      yAxis: 'Cent', 
                                                      yAxisTicks: [0,100,200,300,400,500,600], 
                                                      onColor: Yellow
                                                   }]
                                      };
                                      
                                      
                                      257^0~249^1~240^2~232^3~235^4~243^5~270^6~281^7~261^8~239^9~220^10~181^11
                                      

                                      Sieht dann so aus , da sollten doch Balken sein, oder ?:

                                      a3adb5cf-a35b-47ef-aa94-ab7f26e52669-image.png

                                      Die Werte müssen mit 10 multipliziert werden , richtig ?

                                      T 1 Reply Last reply
                                      0
                                      • GarganoG Gargano

                                        @armilar Fangen wir mal mit dem vermeintlich einfachen an : cardChart

                                        let TibberChart = <PageChart>
                                        {
                                            "type": "cardChart",
                                            "heading": "Strompreis",
                                            "useColor": true,
                                            "subPage": false,
                                            "parent": undefined,
                                            "items": [<PageItem>{ 
                                                        id: 'alias.0.Tibber.CardChart', 
                                                        yAxis: 'Cent', 
                                                        yAxisTicks: [0,100,200,300,400,500,600], 
                                                        onColor: Yellow
                                                     }]
                                        };
                                        
                                        
                                        257^0~249^1~240^2~232^3~235^4~243^5~270^6~281^7~261^8~239^9~220^10~181^11
                                        

                                        Sieht dann so aus , da sollten doch Balken sein, oder ?:

                                        a3adb5cf-a35b-47ef-aa94-ab7f26e52669-image.png

                                        Die Werte müssen mit 10 multipliziert werden , richtig ?

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

                                        @gargano deine Skala geht bis 600, reduziere sie mal auf 300.

                                        Gruß Tom
                                        https://github.com/tt-tom17
                                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

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

                                        NSPanel Adapter Wiki
                                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                        1 Reply Last reply
                                        0
                                        • T Offline
                                          T Offline
                                          TT-Tom
                                          wrote on last edited by TT-Tom
                                          #3226

                                          @gargano sagte in SONOFF NSPanel mit Lovelace UI:

                                          257^0~249^1~240^2~232^3~235^4~243^5~270^6~281^7~261^8~239^9~220^10~181^11

                                          ich habe mal mit deinen Werten getestet. Deine Werte sind bei mir alle Negativ, selbst wenn ich das Vorzeichen anpasse, blieben Sie negativ.
                                          Zusätzlich überlagern sich die Werte der y-scale, bei dir zu sehen an 10 und 20 auf dem Bild.

                                          welche Version Script und TFT nutzt du?

                                          @Armilar kannst du das bitte mal gegenprüfen.

                                          vermutlich BUG

                                          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

                                          GarganoG ArmilarA 2 Replies 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

                                          611

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe