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@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • Armilar
      Armilar Most Active Forum Testing @egal last edited by Armilar

      @egal

      Kannst du mit einem externen Script erledigen

      Tasmota (mqtt) sendet den die pageItem.id beim klicken auf die Temperatur:

      16:24:53.925 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel_1.TestTemperatur,button"}
      

      die fängst du über einen Trigger auf "tele" ab und schaltest gezielt eine Seite mit

      0_userdata.0.NSPanel.1.PageNavi
      

      auf...

      Dann kannst du also auch mit Druck auf die Temperatur zum Thermostaten 😉

      1 Reply Last reply Reply Quote 1
      • M
        mading @egal last edited by mading

        @egal sagte in SONOFF NSPanel mit Lovelace UI:

        @armilar
        wirklich cool, bis 12 Werte auf einer Page und der SecondValue des Temp.-Alias findet sinnvolle Verwendung:
        NSPanel-Grid12.JPG
        Wie bekommst du die Werte drauf?

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

          @mading

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

          Kleiner Test mit Änderungen im Script

          1 Reply Last reply Reply Quote 0
          • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            261
                                            7176
                                            4869466
                                            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