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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

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

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

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

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • A Offline
    A Offline
    Arnulf
    wrote on last edited by
    #5160

    Ich habe es tatsächlich hinbekommen, zwei Werte im Screensaver auf andere Datenpunkte zu legen.
    Ich finde aber einfach nicht die Stelle, an der ich die Icons (s. Bild) so anpassen kann, dass dort, wo der Mond ist, ein Thermometer angezeigt wird. Oder auch nichts

    eca3e848-f2d4-4aa3-b876-910a39fe685f-grafik.png

    T 1 Reply Last reply
    0
    • A Arnulf

      Ich habe es tatsächlich hinbekommen, zwei Werte im Screensaver auf andere Datenpunkte zu legen.
      Ich finde aber einfach nicht die Stelle, an der ich die Icons (s. Bild) so anpassen kann, dass dort, wo der Mond ist, ein Thermometer angezeigt wird. Oder auch nichts

      eca3e848-f2d4-4aa3-b876-910a39fe685f-grafik.png

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

      @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.

      Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

      Spenden

      A 2 Replies 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 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          189

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe