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.
    • 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
                                      • T
                                        TT-Tom @GregorS last edited by TT-Tom

                                        @gregors bei welcher Seite ??
                                        Fehlermeldung posten.

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

                                          @gregors

                                          Mein Fehler 😊

                                          Nimm die useColor Zeile raus

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

                                            @armilar Fehler im Wiki???

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            535
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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