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

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    12
    2
    271

  • 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.7k

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.
  • E Offline
    E Offline
    eMd
    wrote on last edited by
    #3862

    Frage zum Update:

    Bin aktuell bei
    Script 4.0.5.2
    TFT 50
    Berrydriver 8
    Tasmota 12.4.0

    Mit welchen Schritten kann ich alles auf den aktuellsten Stand bringen?

    MfG
    eMd

    Master: Intel NUC 16GB/500GB
    Slave: Raspberry Pi 3 + Homematicmodul
    Shelly, Google Home, Zigbee Aqara, Sonoff

    Meine VIS: https://youtu.be/JMYr2KYlpME

    ArmilarA 1 Reply Last reply
    0
    • E eMd

      Frage zum Update:

      Bin aktuell bei
      Script 4.0.5.2
      TFT 50
      Berrydriver 8
      Tasmota 12.4.0

      Mit welchen Schritten kann ich alles auf den aktuellsten Stand bringen?

      MfG
      eMd

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

      @emd

      Meines Erachtens gab es keine Änderungen mehr im oberen Teil, mit ausnahme der Service-Pages...

      • Demnach müsste es reichen, den unteren Teil des NSPanalTs.ts Scriptes zu ersetzen und das Service-Menü und Header nach zu ziehen.

      • Aktuelles Script sichern 😉

      • Upgrades in Konsole:

        • Tasmota BerryDriver:

          Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
          
        • TFT EU STABLE Version:

          FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.3.1.tft
          
      • Da Tasmota noch unter der 13.0.0 ist, ist wahrscheinlich eine Umpartitionierung erforderlich, sofern die Tasmota-Version angehoben werden soll:

        https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#3-tasmota-update-probleme

      EDIT: Das Team und insbesondere @Kuckuckmann ist gerade dabei die Wiki zu erneuern/verbessern. In diesem Zuge sind die Beispiele aus der NSPanelTs.ts rausgeflogen und in der Wiki gelandet. Also als Basis dieses Script nehmen:

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

      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.

      E 1 Reply Last reply
      1
      • M Offline
        M Offline
        michael_4358
        wrote on last edited by
        #3864

        hallo

        ich habe bei den wetter Symbolen folgendes problem.

        https://developer.accuweather.com/sites/default/files/11-s.png

        Bildschirmfoto 2023-10-04 um 12.45.15.png

        also wolkig/bedeckt

        das ist nicht wirklich zu erkennen auf schwarzen Hintergrund.

        habt ihr da ne bessere Idee❓ oder is das einfach nur Zufall?

        ArmilarA 1 Reply Last reply
        0
        • M michael_4358

          hallo

          ich habe bei den wetter Symbolen folgendes problem.

          https://developer.accuweather.com/sites/default/files/11-s.png

          Bildschirmfoto 2023-10-04 um 12.45.15.png

          also wolkig/bedeckt

          das ist nicht wirklich zu erkennen auf schwarzen Hintergrund.

          habt ihr da ne bessere Idee❓ oder is das einfach nur Zufall?

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

          @michael_4358

          ich habe bei den wetter Symbolen folgendes problem.

          https://developer.accuweather.com/sites/default/files/11-s.png

          Bildschirmfoto 2023-10-04 um 12.45.15.png

          also wolkig/bedeckt

          versuche soeben einen Zusammenhang zwischen dem Symbol und dem NSPanel zu finden.

          Das NSPanel hat eigene Icons und nutzt nicht die von Accuweather. Bei der 11 dürfte es sich demnach um Nebel (fog) handeln. Die Nummern aus den Wetteradaptern werden dann über ein Mapping in HASP-Icons gewandelt.

          Oder möchtest du das irgendwo anders benutzen? Verstehe im Moment den Zusammenhang nicht 🙄

          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.

          M 1 Reply Last reply
          0
          • ArmilarA Armilar

            @michael_4358

            ich habe bei den wetter Symbolen folgendes problem.

            https://developer.accuweather.com/sites/default/files/11-s.png

            Bildschirmfoto 2023-10-04 um 12.45.15.png

            also wolkig/bedeckt

            versuche soeben einen Zusammenhang zwischen dem Symbol und dem NSPanel zu finden.

            Das NSPanel hat eigene Icons und nutzt nicht die von Accuweather. Bei der 11 dürfte es sich demnach um Nebel (fog) handeln. Die Nummern aus den Wetteradaptern werden dann über ein Mapping in HASP-Icons gewandelt.

            Oder möchtest du das irgendwo anders benutzen? Verstehe im Moment den Zusammenhang nicht 🙄

            M Offline
            M Offline
            michael_4358
            wrote on last edited by
            #3866

            @armilar

            Da wirst du recht haben.
            Klingt auch logischer…

            Aber warum wird dann nichts angezeigt bei der 11

            ArmilarA 1 Reply Last reply
            0
            • M michael_4358

              @armilar

              Da wirst du recht haben.
              Klingt auch logischer…

              Aber warum wird dann nichts angezeigt bei der 11

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

              @michael_4358

              Ich könnte das am Wochenende einmal simulieren. Bin leider bis dahin nicht in Reichweite eines NSPanel's...

              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.

              M 1 Reply Last reply
              0
              • ArmilarA Armilar

                @michael_4358

                Ich könnte das am Wochenende einmal simulieren. Bin leider bis dahin nicht in Reichweite eines NSPanel's...

                M Offline
                M Offline
                michael_4358
                wrote on last edited by
                #3868

                @armilar

                Aber der müsste was anzeigen❓ dachte erst es liegt am schwarzen Hintergrund

                ArmilarA 1 Reply Last reply
                0
                • M michael_4358

                  @armilar

                  Aber der müsste was anzeigen❓ dachte erst es liegt am schwarzen Hintergrund

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

                  @michael_4358

                  Ja, laut Farbkonstanten müsste das ein helleres grau 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.

                  1 Reply Last reply
                  0
                  • M Offline
                    M Offline
                    michael_4358
                    wrote on last edited by michael_4358
                    #3870

                    Weiß du wo das konfiguriert ist❓ (auswendig)

                    Ich kann aber auch nicht finden wo die Symbole hinterlegt sind

                    T ArmilarA 2 Replies Last reply
                    0
                    • M michael_4358

                      Weiß du wo das konfiguriert ist❓ (auswendig)

                      Ich kann aber auch nicht finden wo die Symbole hinterlegt sind

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

                      @michael_4358

                      suchst du jetzt im Script die Stelle oder was genau meinst du??

                      EDIT: habe icon 11 getestet ist Grau und sieht so aus Bild 2.jpeg

                      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
                      1
                      • M michael_4358

                        Weiß du wo das konfiguriert ist❓ (auswendig)

                        Ich kann aber auch nicht finden wo die Symbole hinterlegt sind

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

                        @michael_4358

                        Das Icon wird aus dem jeweiligen DP WeatherIcon aus accuweather.0... extrahiert.

                        Die Symbole sind im NSPanel selbst hinterlegt und ist ein Teil der Icons-Datei:
                        https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html

                        Die Farbzuordnung im TS-Script unter:

                        //Auto-Weather-Colors
                        const swClearNight:     RGB = { red: 150, green: 150, blue: 100};
                        const swCloudy:         RGB = { red:  75, green:  75, blue:  75};
                        const swExceptional:    RGB = { red: 255, green:  50, blue:  50};
                        const swFog:            RGB = { red: 150, green: 150, blue: 150};
                        const swHail:           RGB = { red: 200, green: 200, blue: 200};
                        const swLightning:      RGB = { red: 200, green: 200, blue:   0};
                        const swLightningRainy: RGB = { red: 200, green: 200, blue: 150};
                        const swPartlycloudy:   RGB = { red: 150, green: 150, blue: 150};
                        const swPouring:        RGB = { red:  50, green:  50, blue: 255};
                        const swRainy:          RGB = { red: 100, green: 100, blue: 255};
                        const swSnowy:          RGB = { red: 150, green: 150, blue: 150};
                        const swSnowyRainy:     RGB = { red: 150, green: 150, blue: 255};
                        const swSunny:          RGB = { red: 255, green: 255, blue:   0};
                        const swWindy:          RGB = { red: 150, green: 150, blue: 150};
                        

                        Das Mapping in:

                        function GetAccuWeatherIcon
                        

                        und die Farbzuweisung in:

                        function GetAccuWeatherIconColor
                        

                        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.

                        M P 2 Replies Last reply
                        1
                        • ArmilarA Armilar

                          @michael_4358

                          Das Icon wird aus dem jeweiligen DP WeatherIcon aus accuweather.0... extrahiert.

                          Die Symbole sind im NSPanel selbst hinterlegt und ist ein Teil der Icons-Datei:
                          https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html

                          Die Farbzuordnung im TS-Script unter:

                          //Auto-Weather-Colors
                          const swClearNight:     RGB = { red: 150, green: 150, blue: 100};
                          const swCloudy:         RGB = { red:  75, green:  75, blue:  75};
                          const swExceptional:    RGB = { red: 255, green:  50, blue:  50};
                          const swFog:            RGB = { red: 150, green: 150, blue: 150};
                          const swHail:           RGB = { red: 200, green: 200, blue: 200};
                          const swLightning:      RGB = { red: 200, green: 200, blue:   0};
                          const swLightningRainy: RGB = { red: 200, green: 200, blue: 150};
                          const swPartlycloudy:   RGB = { red: 150, green: 150, blue: 150};
                          const swPouring:        RGB = { red:  50, green:  50, blue: 255};
                          const swRainy:          RGB = { red: 100, green: 100, blue: 255};
                          const swSnowy:          RGB = { red: 150, green: 150, blue: 150};
                          const swSnowyRainy:     RGB = { red: 150, green: 150, blue: 255};
                          const swSunny:          RGB = { red: 255, green: 255, blue:   0};
                          const swWindy:          RGB = { red: 150, green: 150, blue: 150};
                          

                          Das Mapping in:

                          function GetAccuWeatherIcon
                          

                          und die Farbzuweisung in:

                          function GetAccuWeatherIconColor
                          
                          M Offline
                          M Offline
                          michael_4358
                          wrote on last edited by
                          #3873

                          @armilar
                          müssen die mapping ts und js noch angelegt werden?

                          T 1 Reply Last reply
                          0
                          • M michael_4358

                            @armilar
                            müssen die mapping ts und js noch angelegt werden?

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

                            @michael_4358
                            ja mapping TS, JS war nur eine Alternative wenn TS nicht funktioniert

                            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
                            1
                            • M Offline
                              M Offline
                              michael_4358
                              wrote on last edited by michael_4358
                              #3875

                              Dann wird es das sein…

                              Muss die noch verlinkt werden❓

                              T 1 Reply Last reply
                              0
                              • M michael_4358

                                Dann wird es das sein…

                                Muss die noch verlinkt werden❓

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

                                @michael_4358

                                du musst die Datei unter global anlegen.

                                Bildschirmfoto 2023-10-04 um 17.27.05.png

                                Dazu musst du auf Expertenmodus umschalten, um den Ordner zu sehen.

                                verlinkt wird sie automatisch vom Script.

                                du musst aber doch Symbole auf dem Panel haben, die kommen alle aus der selben Datei.

                                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

                                M 1 Reply Last reply
                                0
                                • T TT-Tom

                                  @michael_4358

                                  du musst die Datei unter global anlegen.

                                  Bildschirmfoto 2023-10-04 um 17.27.05.png

                                  Dazu musst du auf Expertenmodus umschalten, um den Ordner zu sehen.

                                  verlinkt wird sie automatisch vom Script.

                                  du musst aber doch Symbole auf dem Panel haben, die kommen alle aus der selben Datei.

                                  M Offline
                                  M Offline
                                  michael_4358
                                  wrote on last edited by
                                  #3877

                                  @tt-tom said in SONOFF NSPanel mit Lovelace UI:

                                  @michael_4358

                                  du musst die Datei unter global anlegen.

                                  Bildschirmfoto 2023-10-04 um 17.27.05.png

                                  Dazu musst du auf Expertenmodus umschalten, um den Ordner zu sehen.

                                  verlinkt wird sie automatisch vom Script.

                                  du musst aber doch Symbole auf dem Panel haben, die kommen alle aus der selben Datei.

                                  die Datei ist vorhanden...
                                  also müssen die auf dem panel noch drauf...

                                  T 1 Reply Last reply
                                  0
                                  • M michael_4358

                                    @tt-tom said in SONOFF NSPanel mit Lovelace UI:

                                    @michael_4358

                                    du musst die Datei unter global anlegen.

                                    Bildschirmfoto 2023-10-04 um 17.27.05.png

                                    Dazu musst du auf Expertenmodus umschalten, um den Ordner zu sehen.

                                    verlinkt wird sie automatisch vom Script.

                                    du musst aber doch Symbole auf dem Panel haben, die kommen alle aus der selben Datei.

                                    die Datei ist vorhanden...
                                    also müssen die auf dem panel noch drauf...

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

                                    @michael_4358

                                    so noch mal von vorne. Deine Seiten zeigen doch Icons, oder?
                                    das Wetter icon wird nicht angezeigt?

                                    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

                                    M 1 Reply Last reply
                                    0
                                    • ArmilarA Armilar

                                      @emd

                                      Meines Erachtens gab es keine Änderungen mehr im oberen Teil, mit ausnahme der Service-Pages...

                                      • Demnach müsste es reichen, den unteren Teil des NSPanalTs.ts Scriptes zu ersetzen und das Service-Menü und Header nach zu ziehen.

                                      • Aktuelles Script sichern 😉

                                      • Upgrades in Konsole:

                                        • Tasmota BerryDriver:

                                          Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
                                          
                                        • TFT EU STABLE Version:

                                          FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.3.1.tft
                                          
                                      • Da Tasmota noch unter der 13.0.0 ist, ist wahrscheinlich eine Umpartitionierung erforderlich, sofern die Tasmota-Version angehoben werden soll:

                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#3-tasmota-update-probleme

                                      EDIT: Das Team und insbesondere @Kuckuckmann ist gerade dabei die Wiki zu erneuern/verbessern. In diesem Zuge sind die Beispiele aus der NSPanelTs.ts rausgeflogen und in der Wiki gelandet. Also als Basis dieses Script nehmen:

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

                                      E Offline
                                      E Offline
                                      eMd
                                      wrote on last edited by
                                      #3879

                                      @armilar

                                      Vielen Dank, habe alles so gemacht und nun läuft alles wieder.

                                      Nur Tasmota habe ich nicht angehoben, glaube das ist gar nicht notwendig 😉

                                      MfG
                                      eMd

                                      Master: Intel NUC 16GB/500GB
                                      Slave: Raspberry Pi 3 + Homematicmodul
                                      Shelly, Google Home, Zigbee Aqara, Sonoff

                                      Meine VIS: https://youtu.be/JMYr2KYlpME

                                      1 Reply Last reply
                                      0
                                      • T TT-Tom

                                        @michael_4358

                                        so noch mal von vorne. Deine Seiten zeigen doch Icons, oder?
                                        das Wetter icon wird nicht angezeigt?

                                        M Offline
                                        M Offline
                                        michael_4358
                                        wrote on last edited by
                                        #3880

                                        @tt-tom said in SONOFF NSPanel mit Lovelace UI:

                                        @michael_4358

                                        so noch mal von vorne. Deine Seiten zeigen doch Icons, oder?
                                        das Wetter icon wird nicht angezeigt?

                                        Ja genau
                                        Das aktuelle Wetter Symbol fehlt

                                        Der Rest passt

                                        T 1 Reply Last reply
                                        0
                                        • M michael_4358

                                          @tt-tom said in SONOFF NSPanel mit Lovelace UI:

                                          @michael_4358

                                          so noch mal von vorne. Deine Seiten zeigen doch Icons, oder?
                                          das Wetter icon wird nicht angezeigt?

                                          Ja genau
                                          Das aktuelle Wetter Symbol fehlt

                                          Der Rest passt

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

                                          @michael_4358

                                          hast du den Wetter adapter gewechselt oder immer schon Accuweather genutzt?
                                          zeig mal dein Wetter Alias

                                          Bildschirmfoto 2023-10-04 um 18.34.38.png

                                          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

                                          M 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

                                          169

                                          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