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
    13
    1
    142

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

  • 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.
  • T ticaki

    @arnulf

    else if (weatherAdapterInstance == 'accuweather.' + weatherAdapterInstanceNumber + '.') {
                        entityIcon = Icons.GetIcon(GetAccuWeatherIcon(parseInt(icon)));
                        entityIconCol = GetAccuWeatherIconColor(parseInt(icon));
                    }
    

    Das ist das obere(nach dem ganzen Text suchen), das untere ist bottomScreensaverEntity[4] also das 5. oben in den Einstellungen.

    Das oder auch nicht erfordert eigenes programmieren.

    A Offline
    A Offline
    Arnulf
    wrote on last edited by Arnulf
    #5162

    @ticaki Ah, cool
    die Stelle hatte ich sogar schon in Verdacht.
    Dann muss ich mal schauen, wie ich das mache.
    Leider passiert es bei den Versuchen immer wieder, dass irgendwelche Prozesse Amok laufen und ich die Systeme neu starten muss.

    wer (wie ich) die Symbole nicht auswendig weiß:
    https://docs.nspanel.pky.eu/icon-cheatsheet.html

    Mal eine Frage zu IconsSelector:
    Bei mir wird die Liste seltsam angezeigt. Ich nehme an, da sind nicht-druckbare Zeichen im 2. Parameter.
    Wenn ich da selbst Icons rein packen möchte, was muss denn da drin stehen?
    bf76eb0f-daf8-4e47-801f-a129f7d207b7-grafik.png

    1 Reply Last reply
    0
    • T ticaki

      @arnulf

      else if (weatherAdapterInstance == 'accuweather.' + weatherAdapterInstanceNumber + '.') {
                          entityIcon = Icons.GetIcon(GetAccuWeatherIcon(parseInt(icon)));
                          entityIconCol = GetAccuWeatherIconColor(parseInt(icon));
                      }
      

      Das ist das obere(nach dem ganzen Text suchen), das untere ist bottomScreensaverEntity[4] also das 5. oben in den Einstellungen.

      Das oder auch nicht erfordert eigenes programmieren.

      A Offline
      A Offline
      Arnulf
      wrote on last edited by
      #5163

      @ticaki sagte in SONOFF NSPanel mit Lovelace UI:

      bottomScreensaverEntity[4]

      Hat prima funktioniert
      Danke

      129f1f83-0f28-40b9-91a6-140452c65307-grafik.png

      5f23387c-970c-4fa9-b4bc-2b0c95566fe0-grafik.png

      T 1 Reply Last reply
      1
      • A Arnulf

        @ticaki sagte in SONOFF NSPanel mit Lovelace UI:

        bottomScreensaverEntity[4]

        Hat prima funktioniert
        Danke

        129f1f83-0f28-40b9-91a6-140452c65307-grafik.png

        5f23387c-970c-4fa9-b4bc-2b0c95566fe0-grafik.png

        T Do not disturb
        T Do not disturb
        ticaki
        wrote on last edited by
        #5164

        @arnulf

        Das Zitat passt nicht. Das untere Icon ist über die Einstellungen veränderbar.

        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

        Spenden

        A 1 Reply Last reply
        0
        • T ticaki

          @arnulf

          Das Zitat passt nicht. Das untere Icon ist über die Einstellungen veränderbar.

          A Offline
          A Offline
          Arnulf
          wrote on last edited by
          #5165

          @ticaki wo denn? Ich habe da nichts gefunden

          T 1 Reply Last reply
          0
          • A Arnulf

            @ticaki wo denn? Ich habe da nichts gefunden

            T Do not disturb
            T Do not disturb
            ticaki
            wrote on last edited by ticaki
            #5166

            @arnulf

            // bottomScreensaverEntity 5 (for Alternative and Advanced Screensaver)
                    {
                        ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity',
                        ScreensaverEntityFactor: 1,
                        ScreensaverEntityDecimalPlaces: 1,
                        ScreensaverEntityIconOn: 'water-percent',
                        ScreensaverEntityIconOff: null,
                        ScreensaverEntityText: 'Feuchte',
                        ScreensaverEntityUnitText: '%',
                        ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65}
                    },
            

            Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

            Spenden

            A 1 Reply Last reply
            0
            • T ticaki

              @arnulf

              // bottomScreensaverEntity 5 (for Alternative and Advanced Screensaver)
                      {
                          ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity',
                          ScreensaverEntityFactor: 1,
                          ScreensaverEntityDecimalPlaces: 1,
                          ScreensaverEntityIconOn: 'water-percent',
                          ScreensaverEntityIconOff: null,
                          ScreensaverEntityText: 'Feuchte',
                          ScreensaverEntityUnitText: '%',
                          ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65}
                      },
              
              A Offline
              A Offline
              Arnulf
              wrote on last edited by
              #5167

              @ticaki
              passt schon
              1bd4d3a0-6c6c-4b3b-9086-e40147015b6f-grafik.png

              das hatte ich schon korrekt eingebaut :)

              ich hatte nur nicht alle Änderungen aufgelistet

              1 Reply Last reply
              0
              • T Offline
                T Offline
                timredlich
                wrote on last edited by
                #5168

                Hallo ich habe ein Problem mit dem Abfallkalender Script. An sich funktioniert das Script doch leider hat mein Abfallentsorger in der ICal Datei an jedem Termin das Datum an gehangen, so das jeder Termin einzigartig ist. Theoretisch müsste ich von jedem Termin mehrerer Zeichen von rechts abziehen, damit das Script es eindeutig identifizieren kann. Unbenannt.jpg

                Wie müsste ich das TypeScript abändern, damit es funktioniert?

                ArmilarA T 2 Replies Last reply
                0
                • T timredlich

                  Hallo ich habe ein Problem mit dem Abfallkalender Script. An sich funktioniert das Script doch leider hat mein Abfallentsorger in der ICal Datei an jedem Termin das Datum an gehangen, so das jeder Termin einzigartig ist. Theoretisch müsste ich von jedem Termin mehrerer Zeichen von rechts abziehen, damit das Script es eindeutig identifizieren kann. Unbenannt.jpg

                  Wie müsste ich das TypeScript abändern, damit es funktioniert?

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

                  @timredlich

                  Kenne das eingesetzte Abfall-Script nicht, aber du kannst von der Länge des Strings das " am XX.XX.XXXX" mit substring entfernen...

                  Beispiel:

                  let restmuell: string = 'Restmüll (3-wöchentlich) am 22.03.2024'
                  
                  log(restmuell.substring(0, restmuell.length - 14))
                  

                  Ergebnis:
                  Restmüll (3-wöchentlich)


                  Wenn das (3-wöchentlich) am 22.03.2024 komplett weg soll, dann:

                  log(restmuell.substring(0, restmuell.length - 30))
                  

                  Ergebnis:
                  Restmüll

                  Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  T 1 Reply Last reply
                  1
                  • ArmilarA Armilar

                    @timredlich

                    Kenne das eingesetzte Abfall-Script nicht, aber du kannst von der Länge des Strings das " am XX.XX.XXXX" mit substring entfernen...

                    Beispiel:

                    let restmuell: string = 'Restmüll (3-wöchentlich) am 22.03.2024'
                    
                    log(restmuell.substring(0, restmuell.length - 14))
                    

                    Ergebnis:
                    Restmüll (3-wöchentlich)


                    Wenn das (3-wöchentlich) am 22.03.2024 komplett weg soll, dann:

                    log(restmuell.substring(0, restmuell.length - 30))
                    

                    Ergebnis:
                    Restmüll

                    T Offline
                    T Offline
                    timredlich
                    wrote on last edited by timredlich
                    #5170

                    @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                    substring(0, restmuell.length - 14

                    Vielen Dank. Habe überhaupt keine Programmiererfahrung aber ich habe das Problem mit deiner Hilfe beheben können. Danke

                    Die betroffene Zeile im Script sieht jetzt bei mir so aus:

                    eventName = getAttr(trashJSON, (String(i) + '.event')).slice(anzahlZeichenLoeschen, getAttr(trashJSON, (String(i) + '.event' )).length -14);
                    
                    1 Reply Last reply
                    0
                    • A Offline
                      A Offline
                      Arnulf
                      wrote on last edited by
                      #5171

                      ich habe gerade bemerkt, dass der Buzzer beim Flashen des tasmota-nspanel den Buzzer deaktiviert hat.
                      wer ihn aktivieren will, sollte in der Tasmota-Konsole folgenden Befehl ausführen:

                      BuzzerPWM 1
                      
                      T 1 Reply Last reply
                      0
                      • A Arnulf

                        ich habe gerade bemerkt, dass der Buzzer beim Flashen des tasmota-nspanel den Buzzer deaktiviert hat.
                        wer ihn aktivieren will, sollte in der Tasmota-Konsole folgenden Befehl ausführen:

                        BuzzerPWM 1
                        
                        T Do not disturb
                        T Do not disturb
                        ticaki
                        wrote on last edited by
                        #5172

                        @arnulf
                        Der buzzer ist deaktiviert bis man ihn aktiviert.

                        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                        Spenden

                        1 Reply Last reply
                        0
                        • T timredlich

                          Hallo ich habe ein Problem mit dem Abfallkalender Script. An sich funktioniert das Script doch leider hat mein Abfallentsorger in der ICal Datei an jedem Termin das Datum an gehangen, so das jeder Termin einzigartig ist. Theoretisch müsste ich von jedem Termin mehrerer Zeichen von rechts abziehen, damit das Script es eindeutig identifizieren kann. Unbenannt.jpg

                          Wie müsste ich das TypeScript abändern, damit es funktioniert?

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

                          @timredlich
                          Hast du das Script aus dem Wiki geholt?
                          Werde es mal um die Funktion erweitern, damit auch der hintere Teil vom Event gelöscht werden 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

                          1 Reply Last reply
                          0
                          • A Offline
                            A Offline
                            Arnulf
                            wrote on last edited by Arnulf
                            #5174

                            ich würde gerne eine Icon-Farbe setzen, die abhängig von einem Wert ist.

                            Ich habe hier etwas gefunden, das aussieht, als ob mir das helfen könnte. Aber ich vermute, nicht so richtig, weil wahrscheinlich die Farben nicht stimmen.

                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 500, 'val_best': 100}
                            

                            Farben sollen wie folgt gesetzt werden:

                            0-35: grün
                            36-120: gelb
                            121 und größer: rot

                            Könnt ihr mir einen Tipp geben, wie man das bei einer Entity-Definition machen kann?

                            Hier das, was ich habe. (Die Farben sind noch nicht richtig gesetzt)

                                    {
                                        ScreensaverEntity: 'alias.0.Wetter.Arbeitszimmer.pm25',
                                        ScreensaverEntityFactor: 1,
                                        ScreensaverEntityDecimalPlaces: 0,
                                        ScreensaverEntityIconOn: 'circle',
                                        ScreensaverEntityIconOff: null,
                                        ScreensaverEntityText: "PM2.5",
                                        ScreensaverEntityUnitText: 'µg/m³',
                                        ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 500, 'val_best': 100}
                                    },
                            
                            

                            an einer Stelle habe ich das gesehen:

                             color: '{{iif(states("binary_sensor.test")=="on", "[0,255,0]", "[255,165,0]")}}'
                            

                            ich sehe aber nicht, wie es genau weiter helfen kann. Ich kenne TS dafür zu wenig

                            ArmilarA 1 Reply Last reply
                            0
                            • ArmilarA Offline
                              ArmilarA Offline
                              Armilar
                              Most Active Forum Testing
                              wrote on last edited by Armilar
                              #5175

                              @arnulf

                              Das wir ein iif haben ist mir neu

                              val_best ist der Wert, der grün signalisiert. Wenn der bei 100 ist, dann kann 0 und 500 nur rot sein, da die Farbabschwächung zu beiden Seiten in Richtung rot geht...

                              0 = grün, gelb = 250, rot = 500 --> zwischen diesen Werten entsprechende Farbabstufungen

                              ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 500}
                              

                              0-35: grün
                              36-120: gelb
                              121 und größer: rot

                              ist nicht vorgesehen. Nur linearer Farbübergang.

                              Müsste über den Warnings (analog Abfallkalender) und externe Datenpunkte realisiert werden.

                              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
                              • A Offline
                                A Offline
                                Arnulf
                                wrote on last edited by
                                #5176

                                ich habe das hierher:
                                https://docs.nspanel.pky.eu/entities/#override-icons-or-names

                                T ArmilarA 2 Replies Last reply
                                0
                                • A Arnulf

                                  ich habe das hierher:
                                  https://docs.nspanel.pky.eu/entities/#override-icons-or-names

                                  T Do not disturb
                                  T Do not disturb
                                  ticaki
                                  wrote on last edited by
                                  #5177

                                  @arnulf
                                  Das hat überhaupt nichts mit diesem Skript zu tun.

                                  Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                  Spenden

                                  1 Reply Last reply
                                  0
                                  • A Arnulf

                                    ich habe das hierher:
                                    https://docs.nspanel.pky.eu/entities/#override-icons-or-names

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

                                    @arnulf

                                    Das ist Yaml und Python und das gehört zu HA

                                    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
                                    • A Arnulf

                                      ich würde gerne eine Icon-Farbe setzen, die abhängig von einem Wert ist.

                                      Ich habe hier etwas gefunden, das aussieht, als ob mir das helfen könnte. Aber ich vermute, nicht so richtig, weil wahrscheinlich die Farben nicht stimmen.

                                      ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 500, 'val_best': 100}
                                      

                                      Farben sollen wie folgt gesetzt werden:

                                      0-35: grün
                                      36-120: gelb
                                      121 und größer: rot

                                      Könnt ihr mir einen Tipp geben, wie man das bei einer Entity-Definition machen kann?

                                      Hier das, was ich habe. (Die Farben sind noch nicht richtig gesetzt)

                                              {
                                                  ScreensaverEntity: 'alias.0.Wetter.Arbeitszimmer.pm25',
                                                  ScreensaverEntityFactor: 1,
                                                  ScreensaverEntityDecimalPlaces: 0,
                                                  ScreensaverEntityIconOn: 'circle',
                                                  ScreensaverEntityIconOff: null,
                                                  ScreensaverEntityText: "PM2.5",
                                                  ScreensaverEntityUnitText: 'µg/m³',
                                                  ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 500, 'val_best': 100}
                                              },
                                      
                                      

                                      an einer Stelle habe ich das gesehen:

                                       color: '{{iif(states("binary_sensor.test")=="on", "[0,255,0]", "[255,165,0]")}}'
                                      

                                      ich sehe aber nicht, wie es genau weiter helfen kann. Ich kenne TS dafür zu wenig

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

                                      @arnulf sagte in SONOFF NSPanel mit Lovelace UI:

                                      ich würde gerne eine Icon-Farbe setzen, die abhängig von einem Wert ist.
                                      Ich habe hier etwas gefunden, das aussieht, als ob mir das helfen könnte. Aber ich vermute, nicht so richtig, weil wahrscheinlich die Farben nicht stimmen.
                                      ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 500, 'val_best': 100}

                                      Farben sollen wie folgt gesetzt werden:
                                      0-35: grün
                                      36-120: gelb
                                      121 und größer: rot

                                      sehe grad, das ist der PM2.5

                                      Du kannst dir den NAQI in einem anderen Datenpunkt unter 0_userdate mit einem Script berechnen...

                                      Dann wären die Farben wieder linear...

                                      b1c51bba-c89a-43dd-b6ce-f625a96aa359-image.png

                                      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

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

                                        Update v4.3.3.39

                                        Bildschirmfoto 2024-01-29 um 12.15.37.png

                                        was ist neu

                                        • für die Warnungen, die beim Schreiben von Werten in die Userdatenpunkte, welche Readonly sind, wurde ein Fix durchgeführt

                                        Wie funktioniert das Update?

                                        Wenn aktuelle Version ab v4.3.3.30, dann unteren Teil des NSPanelTs.ts ab:

                                        // ________________ DE: Ab hier keine Konfiguration mehr _______________

                                        austauschen

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

                                        Wenn aktuelle Version bis v4.3.3.29, dann Updateaneitung befolgen:
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

                                        VG
                                        @ticaki , @Armilar & @TT-Tom 😊

                                        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
                                        3
                                        • ArmilarA Armilar

                                          @arnulf sagte in SONOFF NSPanel mit Lovelace UI:

                                          ich würde gerne eine Icon-Farbe setzen, die abhängig von einem Wert ist.
                                          Ich habe hier etwas gefunden, das aussieht, als ob mir das helfen könnte. Aber ich vermute, nicht so richtig, weil wahrscheinlich die Farben nicht stimmen.
                                          ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 500, 'val_best': 100}

                                          Farben sollen wie folgt gesetzt werden:
                                          0-35: grün
                                          36-120: gelb
                                          121 und größer: rot

                                          sehe grad, das ist der PM2.5

                                          Du kannst dir den NAQI in einem anderen Datenpunkt unter 0_userdate mit einem Script berechnen...

                                          Dann wären die Farben wieder linear...

                                          b1c51bba-c89a-43dd-b6ce-f625a96aa359-image.png

                                          A Offline
                                          A Offline
                                          Arnulf
                                          wrote on last edited by
                                          #5181

                                          @armilar
                                          Vielen Dank für die Tabelle.
                                          Das hilft schon mal mit der Bewertung.
                                          Ich weiß nur noch nicht, wie ich die Berechnung in das Skript rein bekomme oder wie ich den Wert aus dem userdata in die Entity bekomme.

                                          Meine Idee ist im Moment, dass ich zwei Datenpunkte in die userdata lege (habe ich bereits gemacht) unde dann hier

                                          1. einen Namen eines icons ablege für VOC-Index
                                          2. Namen oder Wert der berechneten Farbe.

                                          Ich weiß nur noch nicht, wie ich in der Entity korrekt auf diesen Datenpunkt verweise.

                                          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

                                          573

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          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