Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. SONOFF NSPanel mit Lovelace UI

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      TT-Tom @Kerschte_de last edited by TT-Tom

      @kerschte_de

      du hast mein Post anscheinend nicht verstanden. In der Page/Seitenconfig wird nicht auf den Datenpunkt verwiesen, sondern auf den Folder/Channel.

      id: 'alias.0.NSPanel.1.1_Haus.EG.TempWZ'
      

      Edit: link zum Post

      Macht es Sinn, nochmal bestimmte Punkte der Installation zu wiederholen?

      das passt schon, sind nur kleine Fehler. Das Grundgerüst steht doch. 🙂

      K 1 Reply Last reply Reply Quote 1
      • K
        Kerschte_de @TT-Tom last edited by

        @tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

        @kerschte_de

        du hast mein Post anscheinend nicht verstanden. In der Page/Seitenconfig wird nicht auf den Datenpunkt verwiesen, sondern auf den Folder/Channel.

        id: 'alias.0.NSPanel.1.1_Haus.EG.TempWZ'
        

        Oh Mann, jetzt raff ich es erst. Habe es angepasst und es funktioniert tadellos. Dann starte ich mal mit dem Aufbau. Tausend Dank @TT-Tom für's Entdecken meines Fehlers. Schönes WE und schönen 3. Advent heute 🙂

        T 1 Reply Last reply Reply Quote 1
        • T
          TT-Tom @Kerschte_de last edited by

          @kerschte_de
          viel Spass beim Neuaufbau und schönen 3. Advent🎄

          1 Reply Last reply Reply Quote 0
          • K
            Kerschte_de last edited by Kerschte_de

            Guten Abend.
            Ich habe gerade eine Hue-Birne aus dem Hue-Adapter in das NSPanel integriert (als Gerät "Hue-Licht"). Die Steuerung der Farben geht soweit (auch wenn ich nicht auf ein sattes blau komme), aber bei der Steuerung der Farbtemperatur funktioniert genau diese nicht. Die Helligkeit auf der Seite läuft, die Farbtemperatur ist fest auf auf 2000 °K eingestellt (bei erstmaliger Betätigung des Farbtemperatur-Gebers). Man kann den Regler schieben wie man möchte, keine Reaktion. Ändere ich den Wert im Alias in der Objektstruktur durch Werteingabe, funktionert es tatellos. Handelt es sich um einen Fehler im Script?
            Das Script zum NSP habe ich mal auf debug gestellt und den Farbtemp-Regler betätigt. Aktion gibt es - sie kommt nur nirgends an und im Alias wird permanent die 2000 °K angezeigt. Alles andere lässt sich an der Lampe über das NSP bedienen.

            javascript.0	20:53:03.174	info	script.js.common.NSPanel.NSPanel_WZ_4_4_0_11_FINAL: HandleButtonEvent activePage: 4 id: 0 tempid: 0 pageItemId: alias.0.NSPanel.1.1_Haus.Og.Badlampe
            javascript.0	20:53:03.174	info	script.js.common.NSPanel.NSPanel_WZ_4_4_0_11_FINAL: HandleButtonEvent übergebene Werte event - buttonPress2 - 0 - colorTempSlider - 46 - PageId: 0
            javascript.0	20:53:03.174	info	script.js.common.NSPanel.NSPanel_WZ_4_4_0_11_FINAL: HandleButtonEvent buttonAction: colorTempSlider
            javascript.0	20:53:03.174	info	script.js.common.NSPanel.NSPanel_WZ_4_4_0_11_FINAL: HandleMessage -> buttonPress2 event - buttonPress2 - 0 - colorTempSlider - 46
            javascript.0	20:53:03.425	info	script.js.common.NSPanel.NSPanel_WZ_4_4_0_11_FINAL: findPageItem -> pageItem {"id":"alias.0.NSPanel.1.1_Haus.Og.Badlampe","offColor":{"red":251,"green":105,"blue":98},"onColor":{"red":121,"green":222,"blue":121},"name":"Bad-Lampe"}
            

            Der entsprechende Script-Eintrag lautet wie folgt:

                     let EinzellichterWZ: PageType =
                    {
                        'type': 'cardEntities',
                        'heading': 'WZ Einzel-Lampen',
                        'useColor': true,
                        'subPage': true,
                        'parent': Wohnzimmer1,
                        'prev': undefined,
                        'next': undefined,
                        'home': 'HOME1',
                        'items': [
                            { id: 'alias.0.NSPanel.1.1_Haus.Og.Badlampe', offColor: MSRed, onColor: MSGreen, name: 'Bad-Lampe', interpolateColor: true},
                            //{ id: 'alias.0.NSPanel.1.1_Haus.Og.Badlampe2', offColor: MSRed, onColor: MSGreen, name: 'Bad-Lampe'},
                            //{ id: 'alias.0.NSPanel.1.1_Haus.Og.Badlampe3', offColor: MSRed, onColor: MSGreen, name: 'Bad-Lampe'},
                            //{ id: 'alias.0.NSPanel.1.1_Haus.Og.Badlampe4', offColor: MSRed, onColor: MSGreen, name: 'Bad-Lampe'}
                        ]
                    };
            

            Vielen Dank für eine Rückmeldung.
            Kersten

            T 1 Reply Last reply Reply Quote 0
            • T
              TT-Tom @Kerschte_de last edited by TT-Tom

              @kerschte_de

              Zeige bitte auch mal die Datenpunkte im Alias

              der Slider geht auf TEMPERATURE

              Edit: Link zum Wiki

              noch ein Edit: du musst den Wertebereich für die Farbtemperatur angeben z.b. 2000 - 4400 sieht dann so aus.

              { id: 'alias.0.NSPanel.1.1_Haus.Og.Badlampe', offColor: MSRed, onColor: MSGreen, name: 'Bad-Lampe', interpolateColor: true, minValueColorTemp: 2000, maxValueColorTemp: 4400},
              
              K 1 Reply Last reply Reply Quote 0
              • K
                Kerschte_de @TT-Tom last edited by Homoran

                @tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

                , minValueColorTemp: 2000, maxValueColorTemp: 4400

                Hallo Tom,
                das hat funktioniert. Es fehlt an den Min-Max-Werten für die Farbtemperatur. Aktuell arbeite ich mich an der Doku auf github durch (Card-Beispiele: (https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-‐-Typen_How-2_Beispiele#page-beispiele)). Dort sind Beispiele, jedoch nicht so ausführliche Erklärungen wie im Wiki (das hatte ich leider aus den Augen verloren).
                Also der Slider funktioniert nun. Hab vielen Dank 🙂

                T 1 Reply Last reply Reply Quote 1
                • T
                  TT-Tom @Kerschte_de last edited by TT-Tom

                  @kerschte_de

                  wenn im Wiki was fehlt, bitte gib mir Bescheid, dass ich es nach liefern kann. danke

                  1 Reply Last reply Reply Quote 0
                  • T
                    Tom_W last edited by

                    Hallo zusammen,

                    ich habe auf einer pageGrid einen Button, der eine Liste aufruft und da wähle ich meinen Sender aus:

                    { id: "alias.0.NSPanel1.Radiobuttons.Sender_wechseln", offColor: MenuLowInd, onColor: MenuLowInd, name: "Radio", icon: "radio", modeList: ['Aus', 'Bayern 1', 'Bayern 3', 'Antenne Bayern', 'Schlagerparadies', 'BR Schlager', 'Unser Radio'] },
                    

                    Bis gestern funktionierte das problemlos und heute bleibt die Seite irgendwie leer und es kommt die Warnung:

                    script.js.NSPanels.PanelWohnzimmer: error at function GenerateDetailPage: Cannot read properties of undefined (reading 'split')
                    

                    Kann irgendjemand mit der Meldung was anfangen? Eigentlich habe ich nichts geändert und eine andere Liste die ich auf die selbe Weise verwende funktioniert tadellos.

                    Gruß

                    1 Reply Last reply Reply Quote 0
                    • T
                      TT-Tom last edited by

                      @tom_w
                      Setze das Script bitte in den Debug-Modus und starte es neu, dann poste das Log vom drücken auf den Button bis zur Fehlermeldung.

                      Debugmodus im Panel unter Einstellung -> Script -> Debug Modus(an/aus)
                      oder im Script unter

                      // DE: liefert bei true detailliertere Meldundgen im Log.
                      // EN: if true, provides more detailed messages in the log.
                      var Debug: boolean = true;
                      

                      zusätzlich bitte die Ordnerstruktur vom Alias alias.0.NSPanel1.Radiobuttons.Sender_wechseln

                      T 1 Reply Last reply Reply Quote 0
                      • T
                        Tom_W @TT-Tom last edited by

                        @tt-tom

                        Danke für deine Antwort. Hier das Log:

                        2024-12-22 19:18:56.224 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: function SendToPanel payload: entityUpd~Navigation~button~bPrev~~65535~~~button~bNext~~65535~~~button~navigate.Obergeschoss~~38060~OG~mehr...~button~navigate.Erdgeschoss~~38060~EG~mehr...~button~navigate.Aussen1~~38060~Aussen~mehr...~input_sel~3~~65363~Radio~PRESS~delete~~~~~~input_sel~5~~65363~Rocky~PRESS
                        2024-12-22 19:18:56.224 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: HandleMessage -> buttonPress2 event - buttonPress2 - bNext - button - undefined
                        2024-12-22 19:18:56.273 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: NaN W
                        2024-12-22 19:18:56.560 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: renderCurrentPage
                        2024-12-22 19:18:57.800 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: HandleMessage -> pageOpenDetail event - pageOpenDetail - popupInSel - 3 - undefined
                        2024-12-22 19:18:57.800 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: findPageItem -> pageItem {"id":"alias.0.NSPanel1.Radiobuttons.Sender_wechseln","offColor":{"red":255,"green":235,"blue":156},"onColor":{"red":255,"green":235,"blue":156},"name":"Radio","icon":"radio","modeList":["Aus","Bayern 1","Bayern 3","Antenne Bayern","Schlagerparadies","BR Schlager","Unser Radio"]}
                        2024-12-22 19:18:57.800 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: GenerateDetailPage Übergabe Type: popupInSel - optional: undefined - pageItem.id: alias.0.NSPanel1.Radiobuttons.Sender_wechseln
                        2024-12-22 19:18:57.801 - warn: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: error at function GenerateDetailPage: Cannot read properties of undefined (reading 'split')
                        2024-12-22 19:19:00.001 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: function SendToPanel val-payload: time~19:19
                        2024-12-22 19:19:17.641 - info: admin.0 (30735) ==> Connected system.user.admin from ::ffff:192.168.5.40
                        2024-12-22 19:19:17.938 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: HandleButtonEvent übergebene Werte event - buttonPress2 - popupInSel - bExit - undefined - PageId: 1
                        2024-12-22 19:19:17.939 - info: javascript.0 (30776) script.js.NSPanels.PanelWohnzimmer: HandleButtonEvent buttonAction: bExit
                        

                        Screenshot 2024-12-22 192422.jpg

                        T 1 Reply Last reply Reply Quote 0
                        • T
                          TT-Tom @Tom_W last edited by

                          @tom_w

                          ich habe deine Config bei mir nachgebaut und kann keinen Fehler reproduzieren. Könntest du im Code mal eine Zeile einfügen.
                          suche bitte diese Funktion formatInSelText und füge mal die Zeile 11 bei dir ein. dann bitte noch mal eine Test machen.

                          /**
                           * Formats the input text for selection display.
                           *
                           * This function processes the input text and formats it for display in a selection context.
                           *
                           * @function formatInSelText
                           * @param {string} Text - The input text to format.
                           * @returns {string} The formatted text.
                           */
                          function formatInSelText(Text: string): string {
                              log(`split: ${Text}`)
                              let splitText = Text.split(' ');
                          
                          T 1 Reply Last reply Reply Quote 0
                          • T
                            Tom_W @TT-Tom last edited by

                            @tt-tom

                            Hi TT-Tom, vielen Dank für deine Mühe.

                            Das Problem ist gelöst. Anscheinend gab es irgendein Problem mit dem Alias, der hatte einen anderen Wert als der Datenpunkt selbst.
                            Nachdem ich den Datenpunkt einmal von Hand geändert habe, hat sich der Alias aktualisiert und siehe da, die Liste ist wieder da.

                            Ich habe zwar keine Ahnung wie das passieren konnte, da es ja vorher funktionierte, aber egal, hauptsache es geht wieder.
                            Es lag also weder am Panel noch am Skript.

                            Gruß

                            T 1 Reply Last reply Reply Quote 1
                            • T
                              TT-Tom @Tom_W last edited by

                              @tom_w alles klar schöne Feiertage 🎄

                              1 Reply Last reply Reply Quote 1
                              • K
                                Kerschte_de last edited by

                                Hallo zusammen.
                                Ich habe den Abfallkalender auf dem NSP mittels Blockly-Script von @Armilar umgesetzt. Das funktioniert grundsätzlich. Allerdings habe ich so meine Schwierigkeiten mit dem richtigen Farbcode. Benötigt wird der in Dezimal umgerechnete Farbcode als 1 Wert (1 Zahl). Also habe ich mit einen Umrechner von Hex in Dec gesucht. Hinterlege ich diesen Wert im Blockly, kommen jedoch andere Farben heraus.

                                Beispiel für grün:
                                Hex: 27BA4E --> Dec: 33840 --> heraus kommt auf dem Panel ein grau

                                Ich konnte mir zwar mit den im Beispielscript enthaltenen Farben notdürftig behelfen, jedoch würde ich gerne eigene Farben verwenden (habe mehr Ausprägungen/Kombinationen als im Beispielscript). Deshalb die Frage: Weshalb kommt auf dem NSP nicht die angewählte Farbe an?

                                Zur Umrechnung nutze ich diese Maske:
                                https://www.duplichecker.com/de/hex-to-decimal.php
                                Welche nutzt ihr denn, um auf gewünschte Farben zu kommen? Was mache ich falsch?

                                Allgemeine Rückmeldung zum Blockly-Script:
                                Das Script funktioniert soweit, es werden die richtigen Termine mit den richtigen Zeiten abgerufen und dargestellt. Nicht ganz durchgängig ist, dass einfach die englischen Begriffe des iCAL-Adapters abgegriffen und auf dem NSP ausgeworfen werden. Dadurch hat man eine Durchmischung aus Deutsch (Die Tonnenbzeichnung) und Englisch (Zeitraum, wann abgeholt wird). Gerne möchte ich deshalb noch das Script von @TT-Tom ausprobieren, in der Hoffnung, dass es dort durchgängig deutsch dargestellt wird. Ursprünglich hatte ich mich für das Blockly entschieden, weil ich das etwas besser in der Mechanik nachvollziehen kann.

                                Besten Dank für eine Rückmeldung.

                                Armilar T 2 Replies Last reply Reply Quote 0
                                • Armilar
                                  Armilar Most Active Forum Testing @Kerschte_de last edited by

                                  @kerschte_de

                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#17-farben-für-das-ts-skript

                                  Das NSPanel Nextion nutzt "Decimal RGB565"

                                  Für die Umrechnung kannst du z.B. diese Seite nutzen:

                                  https://nodtem66.github.io/nextion-hmi-color-convert/index.html

                                  K 1 Reply Last reply Reply Quote 2
                                  • K
                                    Kerschte_de @Armilar last edited by

                                    @armilar ach, das ging ja schnell. Vielen Dank. Dann schaue ich mir das durch. Spitze 🙂

                                    Armilar 1 Reply Last reply Reply Quote 1
                                    • Armilar
                                      Armilar Most Active Forum Testing @Kerschte_de last edited by

                                      @kerschte_de

                                      Erinnere mich noch an diese Farbthemen, insbesondere bei den Koordinaten zu Farben 😁 . Haben so manche Stunde gekostet 😊

                                      Deine gewünschte RGB565 wäre demnach 9673 😉

                                      1 Reply Last reply Reply Quote 2
                                      • T
                                        TT-Tom @Kerschte_de last edited by

                                        @kerschte_de

                                        Wenn es Fragen zum Java Script gibt, immer raus damit.

                                        T 1 Reply Last reply Reply Quote 1
                                        • T
                                          TimoWald @TT-Tom last edited by

                                          @tt-tom was habe ich hier für ein Problem? Habe am Skript nix geändert.

                                          2024-12-28 20:39:21.503 - warn: javascript.0 (196413) script.js.NSPanels.NSPanel_1: More than 100 subscriptions registered. Check your script!
                                          2024-12-28 20:39:36.503 - warn: javascript.0 (196413) script.js.NSPanels.NSPanel_1: More than 100 subscriptions registered. Check your script!
                                          2024-12-28 20:39:51.501 - warn: javascript.0 (196413) script.js.NSPanels.NSPanel_1: More than 100 subscriptions registered. Check your script!
                                          2024-12-28 20:40:00.001 - warn: javascript.0 (196413) script.js.NSPanels.NSPanel_1: More than 100 subscriptions registered. Check your script!
                                          2024-12-28 20:40:06.502 - warn: javascript.0 (196413) script.js.NSPanels.NSPanel_1: More than 100 subscriptions registered. Check your script!
                                          
                                          Armilar 1 Reply Last reply Reply Quote 0
                                          • Armilar
                                            Armilar Most Active Forum Testing @TimoWald last edited by

                                            @timowald

                                            Im JS-Adapter gibt es Schwellenwerte wie z.B. den des Triggers:
                                            40221f80-6314-4296-ad25-67d328e8a237-image.png

                                            Sind mehr als diese Einstellung aktiv, dann kommt diese Warnung vom JS-Adapter.

                                            Ich denke, dass diese Anzahl nicht wirklich durch ein einziges NSPanel Skript erreicht werden kann, da die Subscriptions beim Seitenwechsel gelöscht werden. Dennoch könnte ich es nicht mit Sicherheit ausschließen, da auch weitere Subscriptions aufgebaut werden und zur Laufzeit benötigt werden.

                                            Zunächst würde ich mal den ioBroker durchstarten und beobachten (ggfs. läuft da noch eine weitere Instanz des Skriptes). Ansonsten den Wert langsam nach oben schrauben und ab und zu berichten... Interessant wäre auch noch zu wissen, bei welchen Seitentypen (Cards) das auftritt. Somit könnte man ggfs. mal gezielter nachsehen, ob Subscriptions vergessen werden.

                                            Diese Nachricht (habe ebenfalls viele Entitäten) ist mir aber im Zusammenhang mit dem NSPanel-Skript neu und bei mir scheinen die 100 max. Trigger auch noch zu reichen.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            633
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            263
                                            7243
                                            4984429
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo