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
    11
    2
    203

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

  • 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.
  • ArmilarA Offline
    ArmilarA Offline
    Armilar
    Most Active Forum Testing
    wrote on last edited by
    #1698

    @niiccooo1

    Du machst gar nichts falsch und bist nah am Ziel...

    Der Nextion-Editor hat ne neue uncoole Version bekommen (Bugs)

    https://nextion.tech/download/nextion-setup-v1-63-3.exe
    https://nextion.tech/download/nextion-setup-v1-63-3.zip

    Mit dem sollte es gehen

    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.

    N 1 Reply Last reply
    1
    • ArmilarA Armilar

      @niiccooo1

      Du machst gar nichts falsch und bist nah am Ziel...

      Der Nextion-Editor hat ne neue uncoole Version bekommen (Bugs)

      https://nextion.tech/download/nextion-setup-v1-63-3.exe
      https://nextion.tech/download/nextion-setup-v1-63-3.zip

      Mit dem sollte es gehen

      N Offline
      N Offline
      niiccooo1
      wrote on last edited by
      #1699

      @armilar wie immer eine große Hilfe 🙂

      ArmilarA 1 Reply Last reply
      0
      • N niiccooo1

        @armilar wie immer eine große Hilfe 🙂

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

        @niiccooo1

        Problem hatte ich auch zum Jahreswechsel 😉

        Einfach keine Updates machen. Ansonsten würde die cardQR einen zusätzlichen Rand von 8 benötigen.

        qrcode 8,m1.x,m1.y,200,6371,65535,-1,vaQR.txt

        und das bei jedem HMI-Update...

        Also besser keine Updates auf der v1.63.3 des Nextion-Editors machen - auch wenn er bettelt 😊

        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
        • M mading

          das NSPanel und der CP2102 sind da. Nun habe ich nach dem Auspacken gemerkt, dass ich noch die Header-Leiste benötige, das lag dem Adapter nicht bei, mit dem ich den CP mit der Platine verbinden kann. Das wäre ja sowas: https://www.amazon.de/IZOKEE-Männlich-Stiftleiste-Buchsenleiste-Lochrasterplatine/dp/B07DBY753C/ref=sr_1_15?__mk_de_DE=ÅMÅŽÕÑ&keywords=header+leiste&qid=1673609536&sr=8-15

          Passt das?

          Danke

          J Offline
          J Offline
          joBr99
          wrote on last edited by
          #1701

          @mading Du brauchst eigentlich keine Stiftleisten und auflöten brauchst du die auch nicht, wenn du Jumper Kabel hast, die du während dem flashen in die Pins stecken kannst reicht das eigentlich vollkommen.

          1 Reply Last reply
          0
          • J Offline
            J Offline
            joBr99
            wrote on last edited by
            #1702

            Update auf die neue HMI Version kommt auch irgendwann, bietet aber aktuell keinen Vorteil und den Nachteil, dass man kein Plan hat was Nextion geändert hat. Die Änderung mit dem qrcode steht zum Beispiel auch in keinen Release Notes.

            1 Reply Last reply
            0
            • F Offline
              F Offline
              Frank579
              wrote on last edited by
              #1703

              @armilar
              Ich habe gerade mal versucht die Abfallview einzurichten, klappt auch soweit, aber .... bei uns ist es so das Papier nur alle 2 Monate kommt, das Skript zeigt aber ja die nächsten 4 Termine an. Wie müsste ich das Skript umbauen das ich für jede Abfallart den Nächsten Termin bekomme. hast du da eine Idee ? Habe schon versucht mit blockly was zu basteln komm aber noch nicht so richtig zum ziel 😞

              T 1 Reply Last reply
              0
              • F Frank579

                @armilar
                Ich habe gerade mal versucht die Abfallview einzurichten, klappt auch soweit, aber .... bei uns ist es so das Papier nur alle 2 Monate kommt, das Skript zeigt aber ja die nächsten 4 Termine an. Wie müsste ich das Skript umbauen das ich für jede Abfallart den Nächsten Termin bekomme. hast du da eine Idee ? Habe schon versucht mit blockly was zu basteln komm aber noch nicht so richtig zum ziel 😞

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

                @frank579

                das Script bringt dir nur die nächsten vier Termine. Der Abfragezeitraum ist bei Ical so eingestellt, dass du mindestens 4 Termine abfragst? Dann wird auch dein Papier Termin irgendwann mit auftauchen.

                du musst dir ein script bastel was im JSON nach den Event sucht

                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

                F 1 Reply Last reply
                0
                • T TT-Tom

                  @frank579

                  das Script bringt dir nur die nächsten vier Termine. Der Abfragezeitraum ist bei Ical so eingestellt, dass du mindestens 4 Termine abfragst? Dann wird auch dein Papier Termin irgendwann mit auftauchen.

                  du musst dir ein script bastel was im JSON nach den Event sucht

                  F Offline
                  F Offline
                  Frank579
                  wrote on last edited by Frank579
                  #1705

                  @tt-tom ja steht im json drin aktuell an 11. Stelle
                  Ja das dachte ich mir schon komme aber noch nicht weiter. Bekomme das noch nicht so richtig gefiltert, Versuche später mal weiter wenn ich wieder am PC bin ..
                  Das er irgendwann kommt ist mir klar, hätte halt gerne das ich jeweils den nächsten Termin für jede Art angezeigt bekomme..
                  Gleich Mal suchen wie ich das json richtig zerlege und filtere ...

                  T 1 Reply Last reply
                  0
                  • F Frank579

                    @tt-tom ja steht im json drin aktuell an 11. Stelle
                    Ja das dachte ich mir schon komme aber noch nicht weiter. Bekomme das noch nicht so richtig gefiltert, Versuche später mal weiter wenn ich wieder am PC bin ..
                    Das er irgendwann kommt ist mir klar, hätte halt gerne das ich jeweils den nächsten Termin für jede Art angezeigt bekomme..
                    Gleich Mal suchen wie ich das json richtig zerlege und filtere ...

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

                    @frank579

                    mal schnell zusammen geklickt aus einen anderen Blockly.

                    EDIT: nochmal angepasst; nach dem Start werden alle Events aufgelistet und wenn das Papier kommt dann auch das datum

                    Bildschirmfoto 2023-01-13 um 18.31.59.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

                    F 1 Reply Last reply
                    1
                    • T TT-Tom

                      @frank579

                      mal schnell zusammen geklickt aus einen anderen Blockly.

                      EDIT: nochmal angepasst; nach dem Start werden alle Events aufgelistet und wenn das Papier kommt dann auch das datum

                      Bildschirmfoto 2023-01-13 um 18.31.59.png

                      F Offline
                      F Offline
                      Frank579
                      wrote on last edited by
                      #1707

                      @tt-tom super Danke damit komme ich bestimmt weiter 🙂👍

                      T 1 Reply Last reply
                      0
                      • F Frank579

                        @tt-tom super Danke damit komme ich bestimmt weiter 🙂👍

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

                        @frank579

                        Falls in deinen Event vor der Abfallsorte noch der Strassenname oder ähnliches steht. Nimm das hier, mit der Zahl kannst du die Zeichen davor abschneiden.

                        Bildschirmfoto 2023-01-13 um 18.42.12.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

                        C 1 Reply Last reply
                        0
                        • R Offline
                          R Offline
                          ronny130286
                          wrote on last edited by
                          #1709

                          @niiccooo1 said in SONOFF NSPanel mit Lovelace UI:

                          Hallo Zusammen,

                          ich wollte den Nextion-Editor für die Emulation einrichten.
                          Habe mich auch an die Anleitung von @joBr99 gehalten.

                          Wenn ich im Editor auf Debug drücke, taucht unten links eine Fehlermeldung auf

                          Available Memory:3584
                          Global Memory:324
                          Total size of picture:260,114
                          Total size of font:6,545,290
                          Page:pageStartup Memory Occupied:324+716=1040
                          Page:pageTest Memory Occupied:324+552=876
                          Page:pageIcons Memory Occupied:324+28=352
                          Page:screensaver Memory Occupied:324+1256=1580
                          Page:cardEntities Memory Occupied:324+2676=3000
                          Page:cardGrid Memory Occupied:324+2392=2716
                          Page:cardMedia Memory Occupied:324+3252=3576
                          Page:cardThermo Memory Occupied:324+1864=2188
                          Page:cardAlarm Memory Occupied:324+1644=1968
                          Page:cardQR Memory Occupied:324+1600=1924
                          Error:Invalid number of arguments:qrcode m1.x,m1.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
                          Error:Invalid number of arguments:qrcode m0.x,m0.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
                          Error:Compile failed! 2 Errors, 0 Warnings,
                          

                          Was mache ich falsch?

                          VG,
                          Nico

                          Anleitung?? Die würde mich auch Interessieren, kannst du den Link mal posten?

                          @armilar @joBr99
                          Gibt es eigentlich auch sowas wie ne Referenzhandbuch für das Nextion Display/Editor?

                          ArmilarA 1 Reply Last reply
                          0
                          • D Offline
                            D Offline
                            Dieter Kurz
                            wrote on last edited by Dieter Kurz
                            #1710

                            Hallo zusammen,
                            ich habe ein Panel mit der Version 3.6.0.4 am laufen, nun wollte ich ein zweites Panel mit der aktuellen Version einrichten, Berry Driver 8 und TFT 47 auf dem Panel.
                            Ich bekomme bereits beim Start des Script folgende Meldung
                            "javascript.0 (10235) script.js.NSPanels.NSPanel_1: function GeneratePage: Cannot read properties of undefined (reading 'type')" und das Panel bleibt bei "waiting for content ..."
                            Wer kann mir helfen? Ich stehe auf dem Schlauch 😉
                            Grüße Dieter

                            ArmilarA 1 Reply Last reply
                            0
                            • T TT-Tom

                              @frank579

                              Falls in deinen Event vor der Abfallsorte noch der Strassenname oder ähnliches steht. Nimm das hier, mit der Zahl kannst du die Zeichen davor abschneiden.

                              Bildschirmfoto 2023-01-13 um 18.42.12.png

                              C Offline
                              C Offline
                              c3b
                              wrote on last edited by
                              #1711

                              @tt-tom @frank579 Hallo zusammen
                              Das interresiert mich auch. Ich hätte auch gerne alle vier Tonnen angezeigt. Wie hängt denn das blockly mit den events zusammen? Das blockly sollte doch die drei dp im 0.userdata ersetzen.
                              Das bekomme ich noch nicht ganz zusammen.

                              LG aus dem Sauerland

                              T 1 Reply Last reply
                              0
                              • C c3b

                                @tt-tom @frank579 Hallo zusammen
                                Das interresiert mich auch. Ich hätte auch gerne alle vier Tonnen angezeigt. Wie hängt denn das blockly mit den events zusammen? Das blockly sollte doch die drei dp im 0.userdata ersetzen.
                                Das bekomme ich noch nicht ganz zusammen.

                                LG aus dem Sauerland

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

                                @c3b

                                das letzte was ich gepostet habe ist für den Event Papier. Man müsste jetzt hinter dem Letzten Debug ein aktualisiere ... DP setzen und das datum schreiben. DA die anderen Datenpunkte für Event und Farbe immer gleich bleiben, reicht es nur das Datum zu aktualisieren.

                                Bildschirmfoto 2023-01-13 um 20.03.07.png

                                das Falls musst du dann für jede Sorte (max 4) machen

                                EDIT: mir fällt grade auf, da muss noch mehr Logik rein, sonst siehst du nur das letzte Datum was von iCal eingelesen wurde

                                So läuft es besser und nimmt nur das erste Datum aus dem Kalender.

                                Bildschirmfoto 2023-01-13 um 20.12.17.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

                                F 1 Reply Last reply
                                0
                                • C c3b

                                  @armilar Hi
                                  Wiedermal ein Volltreffer. Downgrade und es funktioniert. Das mit den Umlauten hatte ich schon vermutet. Geht zwar, hab es aber doch geändert.
                                  So wie ich das sehe, habe ich jetzt ein Problem mit dem Eintrag "index01"

                                  let WLED: PageGrid =
                                  {
                                      "type": "cardGrid",
                                        "heading": "WLED",
                                      "useColor": true,
                                      "subPage": false,
                                      "parent": Index01,
                                      "items": [
                                          <PageItem>{ id: "alias.0.WLED.POWER", name: "Power", icon: "power", onColor: Blue, offColor: HMIOff},
                                          <PageItem>{ id: "alias.0.WLED.Synch", name: "Sync", icon: "sync", onColor: Blue, offColor: White},
                                    	<PageItem>{ id: "alias.0.WLED.Timer", name: "Timer", icon: "moon-waxing-crescent", onColor: Blue, offColor: White},
                                          <PageItem>{ id: "alias.0.WLED.Presets", icon: "heart-outline", name: "Presets", onColor: White, modeList: ['Preset 0', 'Add Preset']},
                                          <PageItem>{ id: "alias.0.WLED.Colors", icon: "palette", name: "Colors", onColor: White, 
                                                      modeList: ['Default', '* Color 1', '* Color Gradient', '* Colors 1&2', '* Colors Only', '* Random Cycle', 'Analogus','April Night', 'Aqua Flash', 'Atlantica', 'Aurora', 'Beach', 'Beech', 'Blink Red', 'Breeze', 'C9', 'C9 New', 'Candy', 'Candy2', 'Cloud', 'Cyane', 'Departure', 'Drywet', 'Fairy Reaf', 'Fire', 'Forest', 'etc']},
                                          <PageItem>{ id: "alias.0.WLED.Effects", icon: "emoticon-outline", name: "Effects", onColor: White, 
                                                      modeList: ['Solid', 'Android', 'Aurora', 'Blends', 'Blink', 'Blink Rainbow', 'Bouncing Balls','Bpm', 'Breathe', 'Candle', 'Candle Multi', 'Candy Cane', 'Chase', 'Chase 1', 'Chase 2', 'Chase 3', 'Chase Flash', 'Chase Flash Rnd', 'Chase Rainbow', 'Chase Random', 'Chunchun', 'Colorful', 'Colorloop', 'Colortwinkles', 'Colorwaves', 'Dancing Shadows', 'etc']},
                                          //<PageItem>{ id: "alias.0.NSPanel_1.WLED.Example.Segments", icon: "layers", name: "Segments", onColor: White, modeList: ['Segment 0', 'Add Segment']},
                                      ]
                                  };
                                  

                                  Soll das ein Aufruf einer Subpage index01 sein?
                                  Als nächstes mekkert er die Pageitem colors, effects und presets an. Das habe ich noch nicht ganz verstanden. Es steht dort zwar, dass die Einträge gleich sein sollen. Woher weiß ich denn, welche ich habe? Momentan habe ich nur ein preset auf dem WLED. Dann sollte dortdoch auch nur einer stehen. Oder watt?

                                  Eigentlich wollte ich auf einer Seite zwei Lichtschalter und als drittes den WLED-Stripe anzeigen. Wenn ich mit let WLED: Pagegrid anfange, definiere ich doch eine separate Seite, welche ich auch aufrufen muss. Kann man nicht als drittes einen Eintrag definieren und bei Anwahl auf den Eintrag die Subpage WLED aufrufen? So wie bei den RGB aufrufen auch?

                                  LG aus dem Sauerland

                                  C Offline
                                  C Offline
                                  c3b
                                  wrote on last edited by c3b
                                  #1713

                                  Hi Leutz

                                  Soweit hat das mit WLED bis jetzt geklapp. Das Panel zeigt alles richtig an. Wenn ich jetz auf color drücke geht auch die Seite mit den möglichen Punkten auf. Wenn ich jetz einen Punkt anwähle, sollte sich doch in den Objekten die Werte ändern. Das ist aber nicht der Fall. Wie könnte man den überhaupr von z.B. blau nach grün wechseln? Mir fehlen die Farbauswahlen 1, 2 und 3 wie sie in der WLED App stehen. Kann man nicht einfach das Farbrad wie in der App anzeigen?
                                  Wenn ich mir das Skript anschaue, sehe ich den Verweis auf den Pfad + Colors.

                                  // Trigger auf NSPanel Colors
                                  on({id: userdataPath + 'Colors', change: "ne"}, async function (obj) {
                                      let wledObj = getObject(wledPath + 'seg.0.pal');
                                      let tempStringColor = colorsList[obj.state.val]
                                  
                                      for (let i = 1; i < 71; i++) {
                                          if (wledObj.common.states[i] == undefined) {
                                              break;
                                          }
                                          if (wledObj.common.states[i] == tempStringColor) {
                                              console.log(i + ' - ' + wledObj.common.states[i]);
                                              setState(wledPath + 'seg.0.pal', i)
                                              break;
                                          }
                                      }
                                  });
                                  

                                  Den einzigen Unterschied den ich sehe, ist Colors. Bei mir heisst der dp colors. Wird hier auf Groß - Kleinschreibung geachtet?

                                  LG aus dem Sauerland.
                                  Jörg

                                  ArmilarA 1 Reply Last reply
                                  0
                                  • R ronny130286

                                    @niiccooo1 said in SONOFF NSPanel mit Lovelace UI:

                                    Hallo Zusammen,

                                    ich wollte den Nextion-Editor für die Emulation einrichten.
                                    Habe mich auch an die Anleitung von @joBr99 gehalten.

                                    Wenn ich im Editor auf Debug drücke, taucht unten links eine Fehlermeldung auf

                                    Available Memory:3584
                                    Global Memory:324
                                    Total size of picture:260,114
                                    Total size of font:6,545,290
                                    Page:pageStartup Memory Occupied:324+716=1040
                                    Page:pageTest Memory Occupied:324+552=876
                                    Page:pageIcons Memory Occupied:324+28=352
                                    Page:screensaver Memory Occupied:324+1256=1580
                                    Page:cardEntities Memory Occupied:324+2676=3000
                                    Page:cardGrid Memory Occupied:324+2392=2716
                                    Page:cardMedia Memory Occupied:324+3252=3576
                                    Page:cardThermo Memory Occupied:324+1864=2188
                                    Page:cardAlarm Memory Occupied:324+1644=1968
                                    Page:cardQR Memory Occupied:324+1600=1924
                                    Error:Invalid number of arguments:qrcode m1.x,m1.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
                                    Error:Invalid number of arguments:qrcode m0.x,m0.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
                                    Error:Compile failed! 2 Errors, 0 Warnings,
                                    

                                    Was mache ich falsch?

                                    VG,
                                    Nico

                                    Anleitung?? Die würde mich auch Interessieren, kannst du den Link mal posten?

                                    @armilar @joBr99
                                    Gibt es eigentlich auch sowas wie ne Referenzhandbuch für das Nextion Display/Editor?

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

                                    @ronny130286

                                    Du meinst die Installation und Einrichtung?
                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Nextion-Editor

                                    Nachfolgende beiden Links referenzieren auf das Handbuch (und schön ist etwas anderes 😉 )
                                    https://nextion.tech/editor_guide/
                                    https://nextion.tech/instruction-set/

                                    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.

                                    C 1 Reply Last reply
                                    0
                                    • ArmilarA Armilar

                                      @ronny130286

                                      Du meinst die Installation und Einrichtung?
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Nextion-Editor

                                      Nachfolgende beiden Links referenzieren auf das Handbuch (und schön ist etwas anderes 😉 )
                                      https://nextion.tech/editor_guide/
                                      https://nextion.tech/instruction-set/

                                      C Offline
                                      C Offline
                                      c3b
                                      wrote on last edited by
                                      #1715

                                      @armilar
                                      Mir ist noch etwas aufgefallen. Ich habe gelesen, dass die erste Seite im Skript die home-Seite ist. Diese Seite trage ich in den subpages auch unter home ein.
                                      Somit sollte diese Seite angezeigt werden, sobald ich das Panel aus dem screensaver hole. Ich lande aber immer im NSPanel Service.
                                      Und noch ein kleiner Schönheitsfehler. Wenn ich aus einer Subpage auf den home-button drücke, komme ich auf die eingetragene home-Seite. Wenn ich jetzt auf den Pfeil nach rechts drücke, baut er die gleiche Seite noch einmal auf. Soll heißen ich muss den Pfeil zweimal drücken um eine Seite weiter zukommen.

                                      LG aus dem Sauerland

                                      ArmilarA 2 Replies Last reply
                                      0
                                      • C c3b

                                        Hi Leutz

                                        Soweit hat das mit WLED bis jetzt geklapp. Das Panel zeigt alles richtig an. Wenn ich jetz auf color drücke geht auch die Seite mit den möglichen Punkten auf. Wenn ich jetz einen Punkt anwähle, sollte sich doch in den Objekten die Werte ändern. Das ist aber nicht der Fall. Wie könnte man den überhaupr von z.B. blau nach grün wechseln? Mir fehlen die Farbauswahlen 1, 2 und 3 wie sie in der WLED App stehen. Kann man nicht einfach das Farbrad wie in der App anzeigen?
                                        Wenn ich mir das Skript anschaue, sehe ich den Verweis auf den Pfad + Colors.

                                        // Trigger auf NSPanel Colors
                                        on({id: userdataPath + 'Colors', change: "ne"}, async function (obj) {
                                            let wledObj = getObject(wledPath + 'seg.0.pal');
                                            let tempStringColor = colorsList[obj.state.val]
                                        
                                            for (let i = 1; i < 71; i++) {
                                                if (wledObj.common.states[i] == undefined) {
                                                    break;
                                                }
                                                if (wledObj.common.states[i] == tempStringColor) {
                                                    console.log(i + ' - ' + wledObj.common.states[i]);
                                                    setState(wledPath + 'seg.0.pal', i)
                                                    break;
                                                }
                                            }
                                        });
                                        

                                        Den einzigen Unterschied den ich sehe, ist Colors. Bei mir heisst der dp colors. Wird hier auf Groß - Kleinschreibung geachtet?

                                        LG aus dem Sauerland.
                                        Jörg

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

                                        @c3b

                                        Ist etwas schwer deinen Gedanken zu folgen. Wenn ab und zu ein Bild mit einer ausführlicheren Erklärung kommen würde, wäre es einfacher dir zu folgen 😉

                                        Zunächst einmal ist das keine WLED-Seite, sondern nur ein Beispiel, wie du WLED mit Hilfe vorhandener Steuerelemente auf einer cardGrid steuern kannst. Jetzt kann es sein, dass in dem vorhanden Beispiel nicht alles enthalten ist, was du gerne hättest. Mein Vorschlag:

                                        Baue eine Subpage und verlinke eine 2. Subpage nach rechts. Jetzt hast du mehr Möglichkeiten, auch Dinge unterzubringen, die im Beispiel nicht vorhanden sind.

                                        Wenn du die Farbauswahl benötigest (und das Panel ist nicht die App und wird auch nie die App sein!), dann kannst du dir mit 3 einzelnen:
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen#rgb-licht-einzeln-channel-rgbsingle
                                        behelfen, die wiederum sollten dann auf die Hex-Datenpunkte zeigen

                                        wled.0.840d8e8350fd.seg.0.col.0_HEX
                                        wled.0.840d8e8350fd.seg.0.col.1_HEX
                                        wled.0.840d8e8350fd.seg.0.col.2_HEX
                                        

                                        zeigen. Jetzt hast du das Farbrad je Farbe. Wäre auch möglich dort Brightness:

                                        wled.0.840d8e8350fd.seg.0.bri
                                        

                                        und
                                        Farbtemperatur:

                                        wled.0.840d8e8350fd.seg.0.cct
                                        

                                        unterzubringen.

                                        Mit ein wenig Fantasie lässt sich vieles adaptieren.

                                        Wenn sich der Datenpunkt nicht ändern lässt, dann stimmt etwas mit dem Datenpunkt nicht, auf den der Alias verweisen sollte.

                                        EDIT: Natürlich wird auf groß/klein-Screibung geachtet. Passe doch im abgebildeten Trigger oben Colors dann in colors an (ist ja nur ein Script)

                                        Der abgebildete Trigger sucht übrigens in den möglichen Farbpaletten des WLED-Adapters nach der richtigen Nummer. Die sind zwar ordentlich alphabetisch nach Namen sortiert, jedoch in der WLED-Firmware nach Nummer sortiert. Ansonsten würdest du nicht die korrekten Farbpaletten treffen. Mit anderen Worten - es wird ein komplexer Datenpunkt (Objekt) durchsucht...

                                        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
                                        • C c3b

                                          @armilar
                                          Mir ist noch etwas aufgefallen. Ich habe gelesen, dass die erste Seite im Skript die home-Seite ist. Diese Seite trage ich in den subpages auch unter home ein.
                                          Somit sollte diese Seite angezeigt werden, sobald ich das Panel aus dem screensaver hole. Ich lande aber immer im NSPanel Service.
                                          Und noch ein kleiner Schönheitsfehler. Wenn ich aus einer Subpage auf den home-button drücke, komme ich auf die eingetragene home-Seite. Wenn ich jetzt auf den Pfeil nach rechts drücke, baut er die gleiche Seite noch einmal auf. Soll heißen ich muss den Pfeil zweimal drücken um eine Seite weiter zukommen.

                                          LG aus dem Sauerland

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

                                          @c3b sagte in SONOFF NSPanel mit Lovelace UI:

                                          Mir ist noch etwas aufgefallen. Ich habe gelesen, dass die erste Seite im Skript die home-Seite ist. Diese Seite trage ich in den subpages auch unter home ein.
                                          Somit sollte diese Seite angezeigt werden, sobald ich das Panel aus dem screensaver hole. Ich lande aber immer im NSPanel Service.

                                          Nein - wenn in Suppages unter Home eine Seite eingetragen wird, dann hat das überhaupt nichts mit dem Screensaver zu tun. Es signalisiert, auf welche Seite gesprungen wird, wenn du das Haussymbol im Menü anklickst.

                                          Wenn du nach dem Screensaver auf eine spezielle Seite möchtest, dann solltest du die auch in 0_userdata.0.NSPanel.1.ScreensaverInfo.bExitPage eintragen. Der Wert 0 wäre korrekt für die erste Seite. Per default, denn die wenigsten werden diese Option wollen, steht der Datenpunkt auf null.

                                          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.

                                          C 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

                                          127

                                          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