Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI (TypeScript Version)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    284

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

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m Views 262 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • 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
                          • T TT-Tom

                            @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

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

                            @tt-tom

                            Bildschirmfoto 2023-10-04 um 19.05.15.png

                            T 1 Reply Last reply
                            0
                            • M michael_4358

                              @tt-tom

                              Bildschirmfoto 2023-10-04 um 19.05.15.png

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

                              @michael_4358
                              Zeige mir mal ein Bild aus dem Objekten damit ich die Ordnerstruktur sehen kann

                              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
                                Zeige mir mal ein Bild aus dem Objekten damit ich die Ordnerstruktur sehen kann

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

                                @tt-tom

                                das ist lediglich in den geraten.. in den Objekten ist der Punkt nicht..

                                T 1 Reply Last reply
                                0
                                • M michael_4358

                                  @tt-tom

                                  das ist lediglich in den geraten.. in den Objekten ist der Punkt nicht..

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

                                  @michael_4358 dann ist da ein Fehler. Das Script legt unter alias.0. Den Ordner Wetter an und verlinkt die Datenpunkte mit den Adapter. Sehe bitte da nochmal nach.

                                  Ansonsten bitte im Script prüfen, ob diese beiden Einträge so vorhanden sind.

                                  const autoCreateAlias = true; 
                                  weatherEntity: 'alias.0.Wetter',
                                  

                                  Wenn alias.0.Wetter nicht vorhanden ist und die Einträge so gesetzt sind. Das Script noch einmal neu starten.

                                  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 dann ist da ein Fehler. Das Script legt unter alias.0. Den Ordner Wetter an und verlinkt die Datenpunkte mit den Adapter. Sehe bitte da nochmal nach.

                                    Ansonsten bitte im Script prüfen, ob diese beiden Einträge so vorhanden sind.

                                    const autoCreateAlias = true; 
                                    weatherEntity: 'alias.0.Wetter',
                                    

                                    Wenn alias.0.Wetter nicht vorhanden ist und die Einträge so gesetzt sind. Das Script noch einmal neu starten.

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

                                    @tt-tom Bildschirmfoto 2023-10-04 um 19.44.01.png

                                    M 1 Reply Last reply
                                    0
                                    • M michael_4358

                                      @tt-tom Bildschirmfoto 2023-10-04 um 19.44.01.png

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

                                      @michael_4358 said in SONOFF NSPanel mit Lovelace UI:

                                      @tt-tom Bildschirmfoto 2023-10-04 um 19.44.01.png

                                      der ist doppelt...

                                      Bildschirmfoto 2023-10-04 um 19.45.40.png

                                      T 1 Reply Last reply
                                      0
                                      • M michael_4358

                                        @michael_4358 said in SONOFF NSPanel mit Lovelace UI:

                                        @tt-tom Bildschirmfoto 2023-10-04 um 19.44.01.png

                                        der ist doppelt...

                                        Bildschirmfoto 2023-10-04 um 19.45.40.png

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

                                        @michael_4358

                                        Sieht so aus als ob du da etwas anderes nutzen wolltest. Lösche bitte mal den den Wetter Ordner komplett und starte das Script neu. Danach passen wir die Verknüpfungen an auf deine Werte. Aber nicht den Geräte Adapter nutzen. Direkt löschen.

                                        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

                                          Sieht so aus als ob du da etwas anderes nutzen wolltest. Lösche bitte mal den den Wetter Ordner komplett und starte das Script neu. Danach passen wir die Verknüpfungen an auf deine Werte. Aber nicht den Geräte Adapter nutzen. Direkt löschen.

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

                                          @tt-tom

                                          hab ich gemacht nun ist kein wetter mehr da...

                                          T 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          570

                                          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