Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

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

Community Forum

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

NEWS

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    13
    1
    800

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    2.0k

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    11
    1
    931

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
8.1k Beiträge 280 Kommentatoren 7.6m Aufrufe 261 Beobachtet
  • Ä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 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

        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

        Public Transport
        https://github.com/tt-tom17/ioBroker.public-transport
        https://github.com/tt-tom17/ioBroker.public-transport/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

              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

              Public Transport
              https://github.com/tt-tom17/ioBroker.public-transport
              https://github.com/tt-tom17/ioBroker.public-transport/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

                  Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                  Public Transport
                  https://github.com/tt-tom17/ioBroker.public-transport
                  https://github.com/tt-tom17/ioBroker.public-transport/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

                      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                      Public Transport
                      https://github.com/tt-tom17/ioBroker.public-transport
                      https://github.com/tt-tom17/ioBroker.public-transport/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

                            Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                            Public Transport
                            https://github.com/tt-tom17/ioBroker.public-transport
                            https://github.com/tt-tom17/ioBroker.public-transport/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

                                Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                Public Transport
                                https://github.com/tt-tom17/ioBroker.public-transport
                                https://github.com/tt-tom17/ioBroker.public-transport/wiki

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

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

                                  @tt-tom

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

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

                                    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                    Public Transport
                                    https://github.com/tt-tom17/ioBroker.public-transport
                                    https://github.com/tt-tom17/ioBroker.public-transport/wiki

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

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

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

                                      M 1 Antwort Letzte Antwort
                                      0
                                      • M michael_4358

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

                                        M Offline
                                        M Offline
                                        michael_4358
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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

                                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                          Public Transport
                                          https://github.com/tt-tom17/ioBroker.public-transport
                                          https://github.com/tt-tom17/ioBroker.public-transport/wiki

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

                                          M 1 Antwort Letzte Antwort
                                          0

                                          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                          Registrieren Anmelden
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          388

                                          Online

                                          32.9k

                                          Benutzer

                                          83.1k

                                          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