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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • egal
      egal last edited by egal

      @armilar
      Traum schon erfüllt, vielen Dank,
      simple "Eventfänger" als javascript:

      on({id: "mqtt.0.Smarthome.NSPanel_WoZi.tele.RESULT", change: "ne"}, async function (obj) {
        const rtext = obj.state.val;
      
        // Temp+Feuchte ..
        if (rtext.indexOf('alias.0.Temp+Feuchte.Temp-Büro,button') > 0) { 
          setState("0_userdata.0.NSPanel.1.PageNavi", "{ \"pagetype\": \"page\", \"pageId\": 1 }"); 
        }
        // usw...
        
      });
      
      

      so langsam werde ich mit mqtt noch warm,
      mit dem ColorWheel 'mittig' könnte man die Farb-/Weissumstellung der Fritz500-LED auch realisieren ...
      (und den ColorTempSilder im Farbmodus als Farb-Intensivregler benutzen), hmmm ...

      28.1.2023 16:47:06.113
      	{"CustomRecv":"event,buttonPress2,alias.0.NSPanel.Fritz500,colorWheel,77|90|160"}
      28.1.2023 16:47:05.315
      	{"CustomRecv":"event,buttonPress2,alias.0.NSPanel.Fritz500,colorWheel,61|41|160"}
      28.1.2023 16:47:04.911
      	{"CustomRecv":"event,buttonPress2,alias.0.NSPanel.Fritz500,colorWheel,27|66|160"}
      28.1.2023 16:47:03.844
      	{"CustomRecv":"event,buttonPress2,alias.0.NSPanel.Fritz500,colorWheel,66|140|160"}
      28.1.2023 16:47:03.424
      	{"CustomRecv":"event,buttonPress2,alias.0.NSPanel.Fritz500,colorWheel,104|137|160"}
      28.1.2023 16:47:02.712
      	{"CustomRecv":"event,buttonPress2,alias.0.NSPanel.Fritz500,colorWheel,134|90|160"}
      28.1.2023 16:46:58.720
      	{"CustomRecv":"event,buttonPress2,alias.0.NSPanel.Fritz500,colorWheel,82|91|160"}
      
      Armilar 1 Reply Last reply Reply Quote 0
      • egal
        egal @mading last edited by

        @mading
        mit den o.g. Script-Änderungen die Definition:

        // own colors:
        const cCyanL: RGB = { red:50, green: 160, blue: 170 };
        const cCyanD: RGB = { red:45, green: 145, blue: 155 };
        const cViolD: RGB = { red:100, green: 50, blue: 120 };
        const cViolL: RGB = { red:160, green: 80, blue: 200 };
        
        let Temp_Innen: PageGrid =
        {
            "type": "cardGrid",
            "heading": "Temp+Feuchte °C",
            "useColor": true,
            ....
            "items": [
                <PageItem>{ id: "alias.0.Temp+Feuchte.Temp-Büro", prefixName: 'Büro: ', name: "getState('alias.0.Temp+Feuchte.Temp-Büro.SECOND').val", suffixName: ' %', onColor: cViolD, useValue: true },
                <PageItem>{ id: "alias.0.Temp+Feuchte.Temp-Uwe", name: 'Uwe ', onColor: cViolD, useValue: true },
                <PageItem>{ id: "alias.0.Temp+Feuchte.Temp-Heike", prefixName: 'Heike: ', name: "getState('alias.0.Temp+Feuchte.Temp-Heike.SECOND').val", suffixName: ' %', onColor: cViolD, useValue: true },
                <PageItem>{ id: "alias.0.Temp+Feuchte.Temp-WoZi", prefixName: 'WohnZi: ', name: "getState('alias.0.Temp+Feuchte.Temp-WoZi.SECOND').val", suffixName: ' %', onColor: cViolL, useValue: true },
                <PageItem>{ id: "alias.0.Temp+Feuchte.Temp-FlurEG", prefixName: 'FlurEG: ', name: "getState('alias.0.Temp+Feuchte.Temp-FlurEG.SECOND').val", suffixName: ' %', onColor: cViolL, useValue: true },
                <PageItem>{ id: "alias.0.Temp+Feuchte.Temp-Küche", prefixName: 'Küche: ', name: "getState('alias.0.Temp+Feuchte.Temp-Küche.SECOND').val", suffixName: ' %', onColor: cViolL, useValue: true }
            ]
        
        
        1 Reply Last reply Reply Quote 0
        • J
          joBr99 @manrum1 last edited by joBr99

          @manrum1 said in SONOFF NSPanel mit Lovelace UI:

          Hallo, es ist ein bisschen schwierig diesem Inhalt zu folgen. ich habe das gleiche Porblem wie Markus, siehe unten mein Log. Ich habe alles probiert (autoexec.be löschen und neu anlegen), der Flash-Befehl startet nicht. Mein Display zeigt weiter System Data Error!. Was tun?

          Was war auf deinem Display vor dem flashen? Die Stock UI? Falls ja, dann kann es sein, dass dein Display in der 9600 Baud hängt, dann kannst du mal FlashNextionAdv6 http://nspanel.pky.eu/lui-release.tft probieren.

          M 1 Reply Last reply Reply Quote 0
          • M
            manrum1 @joBr99 last edited by

            @jobr99 said in SONOFF NSPanel mit Lovelace UI:

            FlashNextionAdv6 http://nspanel.pky.eu/lui-release.tft

            Super, das hat geholfen. Vielen, vielen Dank!!

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

              @manrum1

              Dann sollte jetzt ja ein:

              FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.8.3.tft
              

              funktionieren. Sonst zeigt das Panel nur Zahlen an 🙂

              M 1 Reply Last reply Reply Quote 0
              • Armilar
                Armilar Most Active Forum Testing @egal last edited by

                @egal sagte in SONOFF NSPanel mit Lovelace UI:

                mit dem ColorWheel 'mittig' könnte man die Farb-/Weissumstellung der Fritz500-LED auch realisieren ...

                Was hat denn der für Datenpunkte, dass sich das mit den vorhandenen Lampentypen noch nicht umsetzen lässt? Die Fritz!Dect Lampen kenne ich nicht...

                egal 1 Reply Last reply Reply Quote 0
                • M
                  manrum1 @Armilar last edited by

                  @armilar Richtig, Flash hat interessanterweise bei 83% gestartet.

                  Danke noch mal 👍 😊

                  1 Reply Last reply Reply Quote 0
                  • egal
                    egal @Armilar last edited by

                    @armilar
                    2 Modi: Weiss mit diskreter Farbtemperatur oder Farbe über diskrete/explizite HUE- + Saturation-Werte
                    Fritz500-Weiss.JPG Fritz500-Color.JPG
                    Die letzten Werte hue/saturation bzw. temperature (über-)schreiben/wechseln den Modus:
                    Fritz500-Objekte.jpg

                    Das kann man schon gut mit dem HUE-Farbrad + FarbtempSlider Panel umsetzen, ein bissi Scripting, um die diskreten Werte zu 'ermittlen' + zu setzen, Beispiel

                    {
                      "Info": [  "HUE", "SAT+", "SAT", "SAT-" ],
                      "Rot": [ 358, 180,  112, 54 ],
                      "Orange": [ 35, 214, 140, 72 ],
                      "Gelb": [ 52, 153, 102, 51 ]
                     // usw.
                    }
                    

                    Ich wollte halt keinen seperaten Schalter für die Weiss/Farbumschaltung, sondern über den 'weissen' Mittelpunkt des Farbrades.
                    InSel-modlist für die diskreten Zusände ginge natürlich auch, aber das Farbrad ist so schee 😄

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

                      @egal Ja, aber das Farbrad habe ich gesehen liefert immer 160 für die Saturation

                      EDIT, okay habs gesehen, du ermittelst in den XY noch die SAT

                      EDIT2:
                      4c87ffc0-b71a-49d4-a381-4b4abb22fcf0-image.png

                      0d89036d-90a8-4fda-ae6b-3df32fc0f49f-image.png

                      Dann bauchst du aber eine etwas andere Farbskala, oder?

                      Sieht irgendwie und über 180° gespiegelt aus

                      egal 1 Reply Last reply Reply Quote 1
                      • egal
                        egal @Armilar last edited by

                        @armilar
                        die Farbskala paßt schon, der resultierende HUE-Wert+/- (= 12 Grundfarben) stimmt ja,
                        die Saturation ergänzend 3 stufig über den Farbtemperaturslider => 36 diskrete Wertepaare;
                        es geht eigentlich nur um die Umschaltung zwischen Farbe + Weiss.

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

                          @egal

                          es geht eigentlich nur um die Umschaltung zwischen Farbe + Weiss.

                          Machen meine Zigbee's über colormode automatisch. Wenn ct Wert gesetzt wird, dann wird der colormode CT, wenn Farb Wert (z.B. xy (CIE)), dann colormode auf xy.

                          1 Reply Last reply Reply Quote 0
                          • Gargano
                            Gargano @Armilar last edited by

                            @joBr99

                            Wenn's auswählbar ist, dann ist es auch mit in dem Build drin. Im Zweifelsfall funktioniert aber auch die normale tasmota32 binary, muss nicht die Nspanel Version sein.

                            @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                            4cf18ca6-a0f1-4573-9015-a2100c0196f5-image.png
                            Und da hast du jetzt den DS18x20 zugewiesen?

                            Jetzt ist auch klar warum es auf dem GPIO38 nicht geht:
                            Ein Blick in das Datenblatt vom ESP32 erklärt es :
                            GPIO 38 ist ein reiner Input (Type = In), die Bezeichnung GPIO ist also nicht richtig. Eigentlich müsste es GPI heißen.
                            Also bei Verwendung von GPIO's ins Datenblatt schauen, ob die Pins auch wirklich zu verwenden sind.
                            008c0be4-501b-41c0-9cec-5fe7df4fa1a5-image.png

                            1 Reply Last reply Reply Quote 1
                            • GKJoker98
                              GKJoker98 last edited by

                              Hallo zusammen, ich habe gestern mein nextion driver mit dem Kommando
                              FlashNextion http://nspanel.pky.eu/lui-release.tft
                              "geupdated". Seit dem werden die Symbole auf dem Screensaver nicht mehr angezeigt. Hat jemand ähnliche Probleme mit dem aktuellen lui-release.tft ??

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

                                @gkjoker98 sagte in SONOFF NSPanel mit Lovelace UI:

                                Hallo zusammen, ich habe gestern mein nextion driver mit dem Kommando
                                FlashNextion http://nspanel.pky.eu/lui-release.tft
                                "geupdated". Seit dem werden die Symbole auf dem Screensaver nicht mehr angezeigt. Hat jemand ähnliche Probleme mit dem aktuellen lui-release.tft ??

                                Immer so wie es im Script-Header steht:

                                FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.8.3.tft
                                

                                Es gab gestern Abend den TFT-Release-Wechsel auf 3.9.0, daher funktioniert das

                                FlashNextion http://nspanel.pky.eu/lui-release.tft
                                

                                mit einem v3.8.3 TS-Script nicht mehr. Habe eben das Script v3.9.0 hochgeladen. Benötige aber noch etwas Zeit für die Änderungs- und Update-Beschreibung. Aber mit dem oberen release-bezogenen FlashNextion sollte es immer funktionieren.

                                EDIT: Wenn dein Panel noch frisch ist und du noch nicht viele Dinge konfiguriert haben solltest, kannst du auch gleich mit dem 3.9.0 TS-Script starten...

                                Wäre dann aber ein:

                                FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.9.0.tft
                                
                                GKJoker98 Armilar 2 Replies Last reply Reply Quote 1
                                • GKJoker98
                                  GKJoker98 @Armilar last edited by

                                  @armilar
                                  Vielen Dank für die fixe Hilfe. Da hab ich wieder was dazugelernt. Ich mach das nochmal platt und nehme wie du empfohlen hast gleich die v3.9

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

                                    e3543dc2-03b0-4748-a668-e51a17bf4d8b-image.png

                                    TS-Script Release 3.9.0

                                    Achtung Breaking Changes

                                    FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.9.0.tft
                                    

                                    Im oberen Konfigurationsbereich sind diverse Änderungen entstanden. Die einfachste Methode für ein Upgrade ist auf ein TS-Script ohne Beispiele aufzusetzten: https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs_without_Examples.ts .

                                    • Das vorhandene bereits TS-Script sollte deaktiviert werden, dienst als Fallbacklösung und zum kopieren der Migrationsanteile (vorhandene Seitendefinitionen, etc.):

                                    • Benutzer- /Panelspezifische Anpassungen vornehmen

                                      • Zeile 213: NEU: bevorzugte Tasmota-Version auswählen
                                      • Zeile 217: NSPanel- Pfad anpassen
                                      • Zeile 618: MQTT-Pfad anpassen
                                      • Zeile 619: MQTT-Pfad anpassen
                                      • Zeile 658: MQTT-Pfad anpassen
                                      • Zeile 666: MQTT-Pfad anpassen
                                    • TS-Script aktivieren und starten (Neue Datenpunkte und Aliase werden erstellt)

                                    • Wenn keine Fehler vorhanden sein sollten, dann danach die vorhandenen Seiten-Variablen und benutzerspezifische Farbkonstanten aus dem deaktivierten, bisherigen TS-Script nachziehen (migrieren).

                                    • Zum Schluss Anpassungen in den neuen Parametern der Screensaver-Entities im Config-Teil vornehmen.

                                    Zu einigen Neuerungen ist die Wiki noch nicht komplett beschrieben und wird noch vervollständigt!

                                    EDIT: Sollte es Fragen geben, dann einfach fragen 😊

                                    W M 2 Replies Last reply Reply Quote 2
                                    • W
                                      Wuschl @Armilar last edited by wendy2702

                                      @armilar Fehler 🙂

                                      script.js.Ns-Panels.Garage-3_9_0: TypeScript compilation failed:var Flur: PageEntities = { ^ERROR: Type '{ type: "cardEntities"; heading: string; useColor: true; subPage: false; parent: undefined; prev: undefined; next: undefined; home: undefined; items: PageItem[]; }' is missing the following properties from type 'PageEntities': parentIcon, parentIconColor, prevIcon, prevIconColor, and 4 more.var Luftfeuchte: PageEntities = { ^ERROR: Type '{ type: "cardEntities"; heading: string; useColor: true; subPage: false; parent: undefined; prev: undefined; next: undefined; home: undefined; items: PageItem[]; }' is missing the following properties from type 'PageEntities': parentIcon, parentIconColor, prevIcon, prevIconColor, and 4 more.var Küche: PageEntities = { ^ERROR: Type '{ type: "cardEntities"; heading: string; useColor: true; subPage: false; parent: undefined; prev: undefined; next: undefined; home: undefined; items: PageItem[]; }' is missing the following properties from type 'PageEntities': parentIcon, parentIconColor, prevIcon, prevIconColor, and 4 more.var Garagen: PageEntities = { ^ERROR: Type '{ type: "cardEntities"; heading: string; useColor: true; subPage: false; parent: undefined; prev: undefined; next: undefined; home: undefined; items: PageItem[]; }' is missing the following properties from type 'PageEntities': parentIcon, parentIconColor, prevIcon, prevIconColor, and 4 more.var WLAN: PageQR = { ^ERROR: Type '{ type: "cardQR"; heading: string; useColor: true; subPage: false; parent: undefined; prev: undefined; next: undefined; home: undefined; items: PageItem[]; }' is missing the following properties from type 'PageQR': parentIcon, parentIconColor, prevIcon, prevIconColor, and 4 more.
                                      
                                      Armilar 1 Reply Last reply Reply Quote 0
                                      • Armilar
                                        Armilar Most Active Forum Testing @Wuschl last edited by Armilar

                                        @wuschl

                                        Da bist du aber nicht wie in der Beschreibung vorgegangen, oder?

                                        https://forum.iobroker.net/post/937928

                                        Da dürfte nicht mit Flur, etc. drin sein, wenn das Script zum ersten Mal "ohne" deine Seiten startet.

                                        W 1 Reply Last reply Reply Quote 0
                                        • W
                                          Wuschl @Armilar last edited by Wuschl

                                          @armilar doch, ich habe es gemacht wie in der Beschreibung. Skript ohne Beispiele und reinkopiert. Achso, ohne Seiten!!!

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

                                            @wuschl

                                            Achtung: nicht einfach alles reinkopieren. Nur die Seiten und Farbkonstanten. Die Config nicht! Die ist völlig anders als in der 3.8.3

                                            Das Script sollte bereits so wie es auf Github ist (mit Ausnahme der Zeilen die ich benannt habe) laufen... Dann erst deine Sachen reinkopieren.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            984
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4459595
                                            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