Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

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

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

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 272 Kommentatoren 6.7m Aufrufe 254 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • M Offline
    M Offline
    michael_4358
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von 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 :face_with_rolling_eyes:

      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 Antwort Letzte Antwort
      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 :face_with_rolling_eyes:

        M Offline
        M Offline
        michael_4358
        schrieb am zuletzt editiert von
        #3866

        @armilar

        Da wirst du recht haben.
        Klingt auch logischer…

        Aber warum wird dann nichts angezeigt bei der 11

        ArmilarA 1 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #3868

            @armilar

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

            ArmilarA 1 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • M Offline
                M Offline
                michael_4358
                schrieb am zuletzt editiert von michael_4358
                #3870

                Weiß du wo das konfiguriert ist❓ (auswendig)

                Ich kann aber auch nicht finden wo die Symbole hinterlegt sind

                T ArmilarA 2 Antworten Letzte Antwort
                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
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #3873

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

                      T 1 Antwort Letzte Antwort
                      0
                      • M michael_4358

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

                        T Offline
                        T Offline
                        TT-Tom
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        1
                        • M Offline
                          M Offline
                          michael_4358
                          schrieb am zuletzt editiert von michael_4358
                          #3875

                          Dann wird es das sein…

                          Muss die noch verlinkt werden❓

                          T 1 Antwort Letzte Antwort
                          0
                          • M michael_4358

                            Dann wird es das sein…

                            Muss die noch verlinkt werden❓

                            T Offline
                            T Offline
                            TT-Tom
                            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von michael_4358
                                        #3882

                                        @tt-tom

                                        Bildschirmfoto 2023-10-04 um 19.05.15.png

                                        T 1 Antwort Letzte Antwort
                                        0
                                        • M michael_4358

                                          @tt-tom

                                          Bildschirmfoto 2023-10-04 um 19.05.15.png

                                          T Offline
                                          T Offline
                                          TT-Tom
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          696

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe