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

    • [erledigt] 15. 05. Wartungsarbeiten am ioBroker Forum

    • 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.
    • M
      Mucky 0 @Armilar last edited by

      @armilar said in SONOFF NSPanel mit Lovelace UI:

      535e7fc3-83fd-42d4-a90f-95485de25bb4-image.png

      Wenn der Datenpunkt dann befüllt ist, der Alias über den Datenpunkt gelegt wurde, die Seitenvariable angelegt wurde und die cardPorwer (CardPowerExample in diesem Beispiel), in der Config unter pages aufgelistet ist, dann sollte auch im NSPanel eine powerCard erscheinen...

      So weit so gut... Jetzt hat sie nur statische Werte. Das nächste Ziel ist es, mit einem Blockly oder JS-Script exakt so ein JSON mit deinen Sensor-Werten zu erstellen...

      PS.: Als "Newbie" hast du dir auch gleich eine der schwersten Sachen herausgesucht... Die meisten fangen erst mal mit kleineren Pages an, um das Grundverständnis zu bekommen... Aber im ioBroker "neu" und gleich mit dem NSPanel-Projekt eine cardPower... Hut ab 😉

      Bei Problemen weiterfragen 😊

      So...ich hab nun das Beispiel komplett am laufen inkl. dem Javascript und alternativ dem Blockly... funktioniert soweit auch alles supi.... Bin nun am umarbeiten auf meine "realen" PV und Verbrauchswerte. Dabei ist mir aufgefallen das die Werte nicht sofort auf dem Display aktualisiert werden obwohl die DPTs und json die aktuellen Werte haben. Erst wenn das Display in den Screensaver wechselt und dann wieder aufgeweckt wird sind die Daten aktuell..... Wie kann ich erreichen das die Werte direkt auf dem Display aktualisiert werden?
      Und wie bekomme ich im Screensaver die optisch nicht gerade tollen Glühbirnchen für die Relais in den oberen Ecken weg? Im Skript einfach aus kommentieren?

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

        @armilar
        In den Datenpunkten steht Folgendes, unter Screensaverinfo:
        9bd7ceed-b0f8-4bda-8338-6742d0283e81-image.png

        und unter den Einzeleinträgen:
        6e109297-c7ae-45ed-8700-842327051487-image.png

        Die gleichen Werte stehen auch unter den alias.0 Datenpunkten.
        fa62b5fb-0377-4e44-aa8e-319a9b6110af-image.png

        Im Protokoll steht beim Aufruf der Einstellungen des Dimmode:

        javascript.0 2023-11-12 19:20:59.164	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Icon keine passende Rolle gefunden
        javascript.0 2023-11-12 19:20:59.163	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Icon keine passende Rolle gefunden
        javascript.0 2023-11-12 19:20:59.163	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Icon keine passende Rolle gefunden
        javascript.0 2023-11-12 19:20:59.163	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Icon keine passende Rolle gefunden
        javascript.0 2023-11-12 19:20:59.162	info	script.js.common.nspanel-1_4_3_2_1: GetNavigationString Übergabe pageId: 0
        javascript.0 2023-11-12 19:20:59.161	info	script.js.common.nspanel-1_4_3_2_1: HandleButtonEvent übergebene Werte event - buttonPress2 - navigate.NSPanel_ScreensaverDimmode - button - undefined - PageId: 0
        javascript.0 2023-11-12 19:20:57.862	info	script.js.common.nspanel-1_4_3_2_1: HandleMessage -> buttonPress2 event - buttonPress2 - navigate.NSPanel_Screensaver - button - undefined
        javascript.0 2023-11-12 19:20:57.862	info	script.js.common.nspanel-1_4_3_2_1: function SendToPanel payload: entityUpd~Einstellungen~button~bUp~~65535~~~button~bHome~~65535~~~button~navigate.NSPanel_ScreensaverDimmode~勇~38060~Dimmode~PRESS~button~navigate.NSPanel_ScreensaverBrightness~~38060~Brightness~PRESS~button~navigate.NSPanel_ScreensaverLayout~~38060~Layout~PRESS~button~navigate.NSPanel_ScreensaverWeather~~38060~Wetter~PRESS~button~navigate.NSPanel_ScreensaverDateformat~~38060~Datumsformat~PRESS~button~navigate.NSPanel_ScreensaverIndicators~~38060~Indikatoren~PRESS
        javascript.0 2023-11-12 19:20:57.861	info	script.js.common.nspanel-1_4_3_2_1: function SendToPanel payload: pageType~cardGrid
        javascript.0 2023-11-12 19:20:57.861	info	script.js.common.nspanel-1_4_3_2_1: GeneratePageElements pageData entityUpd~Einstellungen~button~bUp~~65535~~~button~bHome~~65535~~~button~navigate.NSPanel_ScreensaverDimmode~勇~38060~Dimmode~PRESS~button~navigate.NSPanel_ScreensaverBrightness~~38060~Brightness~PRESS~button~navigate.NSPanel_ScreensaverLayout~~38060~Layout~PRESS~button~navigate.NSPanel_ScreensaverWeather~~38060~Wetter~PRESS~button~navigate.NSPanel_ScreensaverDateformat~~38060~Datumsformat~PRESS~button~navigate.NSPanel_ScreensaverIndicators~~38060~Indikatoren~PRESS
        javascript.0 2023-11-12 19:20:57.861	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Standard ~button~navigate.NSPanel_ScreensaverIndicators~~38060~Indikatoren~PRESS
        javascript.0 2023-11-12 19:20:57.861	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Standard ~button~navigate.NSPanel_ScreensaverDateformat~~38060~Datumsformat~PRESS
        javascript.0 2023-11-12 19:20:57.860	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Standard ~button~navigate.NSPanel_ScreensaverWeather~~38060~Wetter~PRESS
        javascript.0 2023-11-12 19:20:57.860	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Standard ~button~navigate.NSPanel_ScreensaverLayout~~38060~Layout~PRESS
        javascript.0 2023-11-12 19:20:57.859	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Standard ~button~navigate.NSPanel_ScreensaverBrightness~~38060~Brightness~PRESS
        javascript.0 2023-11-12 19:20:57.859	info	script.js.common.nspanel-1_4_3_2_1: CreateEntity Standard ~button~navigate.NSPanel_ScreensaverDimmode~勇~38060~Dimmode~PRESS
        
        Armilar 1 Reply Last reply Reply Quote 0
        • Armilar
          Armilar Most Active Forum Testing @Mucky 0 last edited by

          @mucky-0

          Okay sind zwei Fragen... ich unterteile mal

          1. Die cardPower hat derzeit keine direkten Updates. Die Seite wird folglich jedes mal neu gerendert wenn sie aufgerufen wird. Wir könnten da mal eine Erweiterung einbauen, in dem wir den Seitenaufbau von den Updates trennen und von über einen zusätzlichen Trigger bei ActivePage = cardPower nur die Updates senden. Hoffe es wird flickerfrei...

            Aber aktuell ist es nur so, das bei jedem Seitenaufbau neue Werte erscheinen. Wir sind auch nicht davon ausgegangen, dass das Panel als Fernseher genutzt wird... 😊

            Falls gewünscht, bitte Issue in Github anlegen...

          2. ScreensaverEntity auf 'null' setzen und das Lämpchen ist weg

             mrIcon1ScreensaverEntity: 
                  { 
                      ScreensaverEntity: null, 
                      ScreensaverEntityIconOn: 'lightbulb',
                      ScreensaverEntityIconOff: null, 
                      ScreensaverEntityValue: null,
                      ScreensaverEntityValueDecimalPlace : 0,
                      ScreensaverEntityValueUnit: null,
                      ScreensaverEntityOnColor: On, 
                      ScreensaverEntityOffColor: HMIOff 
                  },
          
          M 1 Reply Last reply Reply Quote 0
          • Armilar
            Armilar Most Active Forum Testing @nk63 last edited by Armilar

            @nk63

            Das ist relativ einfach zu beantworten:

            60edce63-2e99-4357-980f-dd44d4a6333e-image.png

            Die Channel deiner 4 Aliase sind folder, sollten aber channel mit der Rolle slider sein.

            1ed87e5c-350a-46c9-8555-d23664798b5d-image.png

            Entweder du korrigierst die Rolle dieser 4 Channel oder du löscht die angelegten Ordner des NSPanels unter 0_userdata.0 und alias.0. mal komplett raus und lässt sie neu anlegen.

            Interessieren würde es mich dennoch, wie das passieren konnte?

            Kann es sein, dass du erst sehr spät das Kommando setOption erlauben in der JS-Adapter Instanz gesetzt hast, oder das die immer noch nicht aktiv ist?

            d0be65b1-990a-4fd2-8082-d314a6dde67b-image.png

            Das wäre der einzige Grund, warum ein Channel nicht korrekt angelegt wird, der Ordner aber mit der Anlage der Alias-Datenpunkte erstellt wird.

            N 1 Reply Last reply Reply Quote 0
            • M
              Mucky 0 @Armilar last edited by

              @armilar
              Danke für die Info.... Wäre schon Interesant wenn eine Aktualisierung der Werte möglich wäre, müsste ja nicht jede Sekunde sein. Ich werde mal bei Gelegenheit einen Issue erstellen.

              1 Reply Last reply Reply Quote 1
              • N
                nk63 @Armilar last edited by nk63

                @armilar
                Ja, den Haken bei "setOption" erlauben habe ich erst später gesetzt. Das manuelle Ändern hat nichts gebracht. Nun habe ich die Folder gelöscht, aber es werden keine neuen erstellt.
                Es kommen diese Meldungen:
                2370405d-13f3-4269-8adb-1ffa71c506d0-image.png

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

                  @nk63

                  Die angelegten Datenpunkte unter 0_userdata.0.NSPanel.1 auch löschen

                  Nur so kommst du durch alle Funktionen im TS-Script zur Erstellung. Dann wird es aber auch funktionieren

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

                    @armilar
                    Und es hat funktioniert, danke dir für die schnelle Hilfe und eine gute Nacht.

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

                      @nk63

                      perfekt - gute n8 😊

                      PS.: Werde demnächst noch eine Änderung im TS-Script machen und falls setOption (Das Script prüft es ja bereits und gibt schon eine Nachricht aus) nicht gesetzt ist, werden auch keine Datenpunkte oder Aliase mehr angelegt... bis der Haken drin ist 😉

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

                        Update - v4.3.3.3

                        24b160ce-2408-490d-abb3-13bf895fdbf9-image.png

                        • v4.3.3.2 Add autoCreateALias to cardUnlock
                        • v4.3.3.2 Change NodeJS to at least v18.X.X
                        • v4.3.3.3 if setOption = false, do not create autoAlias (Functional/Servicemenu) and Datapoints

                        Änderungen:

                        • Das TS-Script legt jetzt keine Channel und abhängige Datenpunkte mehr an, solange setOption in der JS-Instanz nicht aktiv ist.
                        • Wenn NodeJS < v18 ist, dann gibt es eine Warnung
                        • Das Service-Menü hat jetzt als festen Bestandteil die cardUnlock (nicht default) bekommen.

                        siehe https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-‐-Typen_How-2_Beispiele#page-beispiele unter cardUnlock (Weitere Wiki Seiten werden noch angepasst Alle relevanten Wiki-Pages auf dem aktuellen Stand)

                        Link zur NSPanelTs.ts v4.3.3.3:
                        https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                        Wie erfolgt ein Update?

                        • Header tauschen (Ist auf 4.3.X reduziert)
                        • Service-Menu bei Bedarf tauschen und (falls cardUnlock genutzt werden soll, dann in der config "Unlock_Service" unter pages eintragen und "NSPanel_Service_SubPage" unter subPages eintragen). Der Rest erfolgt automatisch.
                        • Unteren Teil (____ Ab hier keine Konfiguration mehr ____) tauschen.

                        Viel Spaß mit der 4.3.3.3

                        Gruß @TT-Tom und Armilar

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

                          Hat jemand von euch eine Idee warum mein Panel auf einmal keine Werte mehr aktuell werden?
                          z.B. auf meine Foto das A. Zeit.
                          Hier kommt jede Minute ein neuer Wert.

                          Aber irgendwann kommt nichts mehr und wenn ich das NS Panel Skript neu starte funktioniert es wieder.

                          IMG_0455.jpeg

                          Wenn mehr Infos benötigt werden, gerne 🙂 Wüsste jetzt nicht was alles benötigt wird. Besonders weil es ja eine Zeitlang funktioniert.
                          Im Log ist nichts zu finden.

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

                            @draexler

                            Ich denke ich weiß woran es liegt, müsste aber kurz wissen, ob die Script-Version aktuell ist? Also, ob die bereits auf moments läuft?

                            Falls die Version >= v4.3.2.1 , dann ist wahrscheinlich der Format-String nicht mehr korrekt!

                            Wäre jetzt für Uhrzeit so:

                            ScreensaverEntityDateFormat: { hour: '2-digit', minute: '2-digit' },
                            
                            draexler 1 Reply Last reply Reply Quote 0
                            • draexler
                              draexler @Armilar last edited by

                              @armilar Es ist die Version v4.3.1.3
                              Also eine Version die nicht mehr aktuell ist.
                              Kann ich das in dieser Version ändern?

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

                                @draexler

                                das ist eine Version vor der Anpassung, was steht den in dem Datenpunkt, den du dort darstellst.

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

                                  @tt-tom

                                  Das ist der Wert:

                                  08:01
                                  

                                  Hier die Config:

                                  {
                                    "common": {
                                      "name": "Aktuelle Arbeitszeit",
                                      "desc": "Manuell erzeugt",
                                      "role": "state",
                                      "type": "string",
                                      "read": true,
                                      "write": true,
                                      "def": ""
                                    },
                                    "type": "state",
                                    "native": {},
                                    "from": "system.adapter.admin.0",
                                    "user": "system.user.admin",
                                    "ts": 1699963188362,
                                    "_id": "0_userdata.0.Arbeit.Zeitbuchung.Aktuelle_Arbeitszeit",
                                    "acl": {
                                      "object": 1636,
                                      "state": 1636,
                                      "owner": "system.user.admin",
                                      "ownerGroup": "system.group.administrator"
                                    }
                                  }
                                  

                                  Und hier die Config aus dem Skript:
                                  Eventuell kann jemand drüberschauen was zu viel und zu wenig ist.

                                              // bottomScreensaverEntity 6
                                              {
                                                  ScreensaverEntity: '0_userdata.0.Arbeit.Zeitbuchung.Aktuelle_Arbeitszeit',
                                                  ScreensaverEntityFactor: 1,
                                                  ScreensaverEntityDateFormat: { hour: '2-digit', minute: '2-digit' },
                                                  ScreensaverEntityIconOn: 'account-clock',
                                                  ScreensaverEntityIconOff: 'account-clock',
                                                  ScreensaverEntityText: 'A. Zeit',
                                                  ScreensaverEntityUnitText: '',
                                                  ScreensaverEntityIconColor: '',
                                              },
                                  

                                  Habe mal:

                                  { hour: '2-digit', minute: '2-digit' },
                                  

                                  hinzugefügt/angepasst und da wäre mir beinahe der ioBroker abgestürzt. Habe das ganze Skript jetzt mal aktiviert damit der ioBroker auch funktioniert

                                  Wenn ich das Skript jetzt update:
                                  Was muss den im Javascript Adapter genau bei Zusätzliche NPM-Module eingetragen werden?

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

                                    @draexler

                                    Ist genau der Grund, weshalb wir moment eingeführt haben

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

                                      @draexler

                                      das steht hier

                                      funktioniert aber nur mit der aktuellen Version

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

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

                                        hier

                                        javascript.0
                                        2023-11-15 15:55:04.030	error	WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
                                        
                                        javascript.0
                                        2023-11-15 15:55:04.029	error	npm
                                        
                                        javascript.0
                                        2023-11-15 15:55:03.935	error	WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
                                        
                                        javascript.0
                                        2023-11-15 15:55:03.935	error	npm
                                        
                                        javascript.0
                                        2023-11-15 15:55:03.872	error	WARN deprecated node-inspect@2.0.0: This module is part of Node.js core and does not need to be installed separately. It is now unmaintained.
                                        
                                        javascript.0
                                        2023-11-15 15:55:03.872	error	npm
                                        
                                        javascript.0
                                        2023-11-15 15:55:03.741	error	WARN deprecated har-validator@5.1.5: this library is no longer supported
                                        
                                        javascript.0
                                        2023-11-15 15:55:03.740	error	npm
                                        

                                        Hinzugefügt:
                                        Das war im Log. System ist komplett aktuell. Ignorieren??

                                        mikeal created this issue in request/request

                                        open Request’s Past, Present and Future #3142

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

                                          @draexler

                                          Ja ignorieren - du möchtest gar nicht wissen, was bei mir alles beim Start der Instanz auf error WARN deprecated geht 😁

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

                                            @armilar Ok dann schaue ich mal weg 🙂

                                            Was ist denn eigentlich die beste Vorgehensweise das Skript zu aktualisieren? Gibts da eine Art Best Practise?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            778
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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