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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    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 @GregorS last edited by Armilar

      @gregors

      Kann es sein, dass du 2 NSPanelTs.ts Skripte gleichzeitig mit dem selben NSPanel am Laufen hast?

      Das Panel bekommt nicht alle Seiten beim Start, sondern nur die Seite (und nur in dem Moment) in dem der Pfeil gedrückt wird. Die letzte Seite auf der du warst ist dann nicht mehr vorhanden und würde mit dem Pfeil zurück ebenfalls nur in diesem Moment an das NSPanel weitergegeben und visualisiert werden.

      Also mit anderen Worten. Das NSPanel kennt immer nur die Seite, die du auch siehst...

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

        @rene55

        Der Adapter ist und war für ca. Ende des Jahres geplant und benötigt keine Aliase.

        Ein paar Funktionen müssen aber noch entwickelt werden, da in der Sommerpause Ruhe war...

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

          @armilar Das beruhigt mich. Danke für die Info. Hab ein paar Wochen nichts mehr dran gemacht und wollte jetzt ein paar Quelldatenpunkte anpassen. Katastrophe!😕

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

            @gregors
            wir können in deinem Script keine Fehler erkennen, bis auf die Entity Seite mit der Navigation zu den Charts die ins Leere läuft.
            so wie @Armilar schreib hört es sich nach zwei laufenden Scripts an.
            Hast du mehrere Instanzen von Javascript?
            Wo liegen die Scripts fürs Panel unter common oder global?
            Hast du mal die den ioBroker neu gestartet.

            EDIT: hier muss ACTUAL entfernt werden.

            let WLAN: PageType =
            {
                 'type': 'cardQR',
                 'heading': 'Gäste WLAN',
                 'items': [{ id: 'alias.0.NSPanel.GuestWiFi.ACTUAL', hidePassword: true, autoCreateALias: true }],
            
            GregorS 2 Replies Last reply Reply Quote 1
            • GregorS
              GregorS @TT-Tom last edited by

              @tt-tom
              Hallo Zusammen.
              Ich habe nur eine Javascript-Instanz, Die Scripts der NSPanels liegen unter common.
              Ich habe auch nur ein Script für das Panel laufen.
              Werde mal ioB neu starten.

              Danke Euch

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

                @armilar

                Hi, also der hiddenbytrigger laeuft (bisher so 1-2x am Tag geschaltet), ganz ohne Probleme.

                Ist auch praktisch, um die Seiten etwas an die Tageszeit anzupassen, denke, gibt noch mehr Anwendungen..
                Vielen Dank nochmal!

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

                  @ilovegym

                  Sehr gerne... 😊

                  die Anwendungsbeispiele interessieren mich 😉

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

                    @armilar

                    d8008f3b-b129-4cb0-8ffc-a812d0e9316a-image.png

                    https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                    Update-Anleitung:

                    • Header (Zeilen 1 - 222)
                    • Service-Menü (Zeilen 407 - 803)
                    • Unterer Teil: (Zeilen ab 992)

                    08d830f8-f783-496e-a06e-f61200b9fa83-image.png

                    tauschen.


                    Anwendung der neuen Funktion:

                    Ein- und Ausblenden von Seiten zur Laufzeit:

                    Unter der Seitenvariable für die Seite den folgenden Parameter hinzufügen:

                    'hiddenByTrigger': true,
                    

                    Jede Seitenvariable, die diesen neuen Parameter hat, wird berücksichtigt.

                    Achtung: Die 1. Seite im Page-Array unter "pages" darf diesen Parameter nicht haben und muss immer erreichbar sein.

                    Beispiel:

                    let Fenster_1: PageType =
                    {
                        'type': 'cardEntities',
                        'heading': 'Fenster und Türen',
                        'useColor': true,
                        'hiddenByTrigger': true,
                        'items': [
                            { id: 'alias.0.NSPanel_1.TestFenster', offColor: MSGreen, onColor: MSRed, name: 'Büro Fenster'},
                            { id: 'alias.0.NSPanel_1.Haustuer', offColor: MSGreen, onColor: MSRed, name: 'Haustür'},
                            { id: 'alias.0.NSPanel_1.TestBlind', icon: "blinds-horizontal", offColor: White, onColor: Yellow, name: 'Büro', secondRow: 'Hier Text für 2. Zeile'},
                            { id: 'alias.0.NSPanel_1.TestDoorlock', offColor: MSRed, onColor: MSGreen, name: 'Türschloss'},
                        ]
                    };
                    

                    Trigger-Datenpunkt:

                    Unter 0_userdata.0...
                    2c08d690-a907-4e8b-a333-738a502b57e7-image.png
                    lassen sich zur Laufzeit die hiddenCards (versteckte Seiten) aus- oder einblenden


                    hiddenByTrigger bei subPage:
                    Bei subPages ist die Anwendung analog der hiddenCards (wie oben beschrieben):

                    Beim Aufruf einer subPage, ist der Menüpunkt zwar zu sehen, jedoch wird der Aufruf zur nächst tieferen Level-Seite verhindert.


                    Erweiterung Service-Menü:
                    Die Funktion der "hidden Cards" kann auch im Service-Menü aktiviert/deaktiviert werden unter:

                    • Einstellungen --> Skript --> ausgeblendete Seiten

                    Anleitungen zu den "Hidden Cards" im Wiki folgen...

                    1 Reply Last reply Reply Quote 1
                    • M
                      Maxim last edited by

                      Hallo zusammen,

                      ich bekomme neuerdings immer folgenden Fehler:

                      javascript.0	10:39:46.899	error	script.js.NsPanel.Kinderzimmer.Panel_Kinderzimmer: Error: Cannot find module 'dayjs'
                      javascript.0	10:39:46.899	error	script.js.NsPanel.Kinderzimmer.Panel_Kinderzimmer: Error: Cannot find module 'dayjs'
                      javascript.0	10:39:46.900	error	script.js.NsPanel.Kinderzimmer.Panel_Kinderzimmer: Error: Cannot find module 'dayjs'
                      javascript.0	10:39:46.901	error	script.js.NsPanel.Kinderzimmer.Panel_Kinderzimmer: Error: Cannot find module 'dayjs'
                      javascript.0	10:39:46.901	error	script.js.NsPanel.Kinderzimmer.Panel_Kinderzimmer: Error: Cannot find module 'dayjs'
                      javascript.0	10:39:46.902	error	script.js.NsPanel.Kinderzimmer.Panel_Kinderzimmer: Error: Cannot find module 'dayjs'
                      

                      Ich hatte dayjs bereits vor einiger Zeit in die JS-Adapter-Instanz eingetragen und hatte bisher keine Probleme.

                      Habt ihr eine Idee, wie ich das lösen kann?

                      Vielen Dank im Voraus!

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

                        @maxim

                        Du kannst es nicht lösen, aktuell nur ignorieren. Liegt an anderer Stelle des ioBroker's - nicht am Script...

                        Hat außerdem keinen Einfluss auf die Funktionalität und kommt nur beim Start des Skriptes...

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

                          @armilar

                          Alles klar, vielen Dank 🙂

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

                            @tt-tom

                            Hi Tom,

                            der Neustart hat bedingt was gebracht. WSar glaube ich auch mal nötig, da das System seit 284 Tagen lief.
                            Die Chart-Geisterbilder sind weg.
                            Habe nun das originale Script wieder gestartet, Pfeil rückwärts ist alles ok, Pfeil vorwärts wieder die oben
                            gezeigten Zahlenkolonnen.
                            Die cardGrid mit den Icons springt auch nur auf die Seiten mit den Zahlen.

                            EDIT:
                            Jetzt läuft alles. Keine Bilder mit Zahlen usw.

                            Wie kann ich im Chart mit den Back-Pfeil wieder auf die ChartGrid wechseln?

                            T Armilar 2 Replies Last reply Reply Quote 0
                            • T
                              TT-Tom @GregorS last edited by

                              @gregors

                              Wie kann ich im Chart mit den Back-Pfeil wieder auf die ChartGrid wechseln?

                              Verstehe deine Frage nicht. Was ist ChartGrid. Bitte genauer erläutern.

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

                                @gregors sagte in SONOFF NSPanel mit Lovelace UI:

                                Wie kann ich im Chart mit den Back-Pfeil wieder auf die ChartGrid cardGrid wechseln?

                                das Zauberwort heißt parent

                                https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation

                                let CardLChart_AZ: PageType =
                                {
                                    'type': 'cardLChart',
                                    'heading': 'Büro Temperatur',
                                    'useColor': true,
                                    'subPage': true,
                                    'parent': Charts_1,
                                    'home': 'Charts_1',
                                    'items': [{ 
                                                id: 'alias.0.NSPanel.Temperaturen.AZ',
                                                yAxis: 'Temperatur [°C]',
                                                yAxisTicks: [100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250],
                                                onColor: Yellow
                                             }]
                                };
                                

                                falls es jetzt wieder eine subPage sein sollte (war ja die Tage zwischendurch mal anders)

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

                                  @armilar

                                  Hallo liebe NSPanel'er

                                  morgen ist dieser Thread genau 2 Jahre alt und mir kommt es irgendwie gar nicht so lang vor 😉

                                  47f08dc7-7395-4982-bb38-cc9c11f91652-image.png

                                  Mit fast 6500 Beträgen und > 500.000 Seitenaufrufen (aktuell sogar 5000-10000 pro Tag) scheint das NSPanel immer noch ein interessantes Thema zu sein... 😊

                                  Vielen Dank an euch alle, die mit ihren konstruktiven Verbesserungen das NSPanel zu dem gemacht haben, dass es heute ist.

                                  VG Armilar 👍 👍 👍 (auch im Namen von @TT-Tom , @ticaki und @Kuckuckmann )

                                  P.S.: mit dem Adapter wird es natürlich auch einen neuen Thread geben, aber das dauert noch 'ne Weile 😊


                                  Da einige von euch noch Fehler beim Start durch dayjs im LOG haben, habe ich gestern eine Version im DEV ohne day.js zur Verfügung gestellt.

                                  9482bb42-67e7-4239-9637-345f4a1dd9ef-image.png
                                  https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/DEV/NSPanelTs.ts

                                  Da ich das Problem bei mir nicht habe (und @TT-Tom ebenfalls nicht), dass Module nicht geladen werden, wäre es schön, wenn jemand von euch diesen Test übernehmen könnte.

                                  D.h. es sollten auch keine Fehler durch moment und moment-parseformat ausgegeben werden.

                                  Den unteren Teil des Scriptes austauschen sollte ausreichen...

                                  Danke und VG
                                  Armilar

                                  Rene55 1 Reply Last reply Reply Quote 5
                                  • Rene55
                                    Rene55 @Armilar last edited by

                                    @armilar Ich habe die neue Version einfach "stumpf" eingebaut und laufen lassen. Es kommen keine Fehler zum 'dayjs' mehr. Ich hab anschließend auch die Module 'dayjs' und 'moments' aus der JS-Instanz rausgeworfen. Scheint immer noch zu laufen.
                                    Worauf kann/soll ich besonders achten?

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

                                      @rene55 sagte in SONOFF NSPanel mit Lovelace UI:

                                      Ich hab anschließend auch die Module 'dayjs' und 'moments' aus der JS-Instanz rausgeworfen. Scheint immer noch zu laufen.
                                      Worauf kann/soll ich besonders achten?

                                      moment.js wird noch benötigt, ist aber ja wahrscheinlich bereits im Verzeichnis vorhanden. Bei einer NEU-Installation würde er daher meckern.

                                      Für mich klingt der Test erstmal positiv.

                                      Wenn du ein Custom-Date-Format (wie z.B. dddd - DD.MM.YYYY ) definierst und das Skript durchstartest, wird moment verwendet. Auch mit anderen Sprachen.

                                      6b2ff6e6-1126-4ec0-989f-1d6fe557a7a1-image.png

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

                                        @armilar
                                        @TT-Tom

                                        War ein Schreibfehler 😕 "cardGrid" ist richtig.
                                        Ich habe mir auf einer cardGrid 3 Icons hinterlegt, die auf die entsprechenden cardLChart-Seiten
                                        verweisen. Der Sprung funktioniert auch, aber ich komme nicht mehr zurück, da die Pfeile auf die folgenden und vorherigen Seiten verweisen.
                                        Ich probiere heute mal den Tipp von armilar aus.

                                        Im übrigen habe ich die fehlerhaften Seiten weg bekommen, indem ich stückweise die Seiten wieder eingefügt habe.
                                        Nach jeder Page das Script neu gestartet, die Javascript-Engine angehalten und das Panel resetiert.
                                        Dann war alles gut.

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

                                          @gregors

                                          okay, das hört sich gut. folge mal dem Link, den @Armilar dir gesendet hat. In der Doku ist eine Zeichnung, die die Navigation des Panel gut visualisiert. Wenn du es in einem größeren Format möchtest, melde dich noch mal.

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

                                            @armilar

                                            'useColor': bringt Fehler.
                                            Aber es funktioniert jetzt.

                                            Großen Dank.

                                            T Armilar 2 Replies Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            903
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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