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

      @ciwa

      ist so - manchmal ist der Wald einfach komplett weg. Viel Spaß noch 😊

      X 1 Reply Last reply Reply Quote 1
      • X
        xelarep @Armilar last edited by xelarep

        Puh, ich hoffe ihr steinigt mich nicht, aber alle 4.000+ Beiträge vorher durchzusehen...

        Ich hab mir die letzten Tage ein NS Panel zugelegt und dieses gestern mit einer ersten Konfiguration in Betrieb genommen - funktioniert soweit so gut:

        Tasmota 13.2.0(nspanel), aktuellen Berrydriver 9, DisplayFirmware 53/4.3.1 - 'ganz frisch'

        Im moment hab ich nur den Bildschirmschoner im advanced Modus mit Wettervorhersage am laufen. Ansonsten die Standardseite zur Abfrage/Konfiguration des Panels

        Ich hab das PanelTemplate um ein fehlendes 6. Symbol in der bottomScreenSaverEntity für advanced erweitert, sowie die leftScreenSaver entity gefüllt. Ale Wetterdienst AccuWeather eingerichtet. die mrIconX entities zeigen Raumtemperatur und Feuchte.

        Im Idealfall sieh das dann im Wechsel etwa so aus

        Bildschirmfoto 2023-10-29 um 19.49.19.png Bildschirmfoto 2023-10-29 um 19.47.04.png

        Allerdings habe ich immer wieder für ein paar Sekunden 'Geisterbilder' aus den Default Ansichten

        Bildschirmfoto 2023-10-29 um 19.48.06.png

        Das ist quasi die Konfiguration wie sie aus dem Ursprungstemplate kommt, ohne Left und 6. Bottom. Lustigerweise geht die Luftfeuchte dann mit einer Zehntelstelle mehr an (hatte ich zwischendrin mal experimentier...). Manchmal eine Sekunde, manchmal 4-6s.

        Woher kommt das, und wie bekomme ich das weg?

        Was ich bisher probiert habe: Panel-Script angehalten, alias.0.xxx und 0userdata.xxx Zweige für das Panel komplett gelöscht und mit Scriptstart neu generiert - keine Änderung

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

          @xelarep Starte mal die js-Instanz neu unter Instanzen

          X 1 Reply Last reply Reply Quote 2
          • X
            xelarep @Gargano last edited by

            @gargano Krass! Wieder knapp an der IT Regel Nummer 1 - "Boot tut Gut!" - vorbeigekommen.

            Ich hab mich jetzt mal 3 Minuten hingestellt und keine Geisterbilder mehr gesehen, Danke!

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

              @xelarep Hast Du die aktuelle Script Version verwendet ? Eigentlich sollte da die onStop Funktion enthalten sein, der die Schedules löscht. Wenn die nicht explizit gelöscht werden, laufen die weiter, auch wenn das Script gestoppt wurde.

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

                @gargano welches Skript meinst Du? Im Prinzip ja, alles Stand Donnerstag 26.10.

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

                  @xelarep

                  Passt - die onStop ist auch drin... Denke mal da war irgendetwas anderes am Haken...

                  @Gargano meinte nur, es sollten sich beim Beenden des Scriptes alle offenen Timer automatisch schließen, da das speziell im Script berücksichtigt wird...

                  Falls das nochmal vorkommt, kurz bescheid geben...

                  Ansonsten noch viel Spaß beim Konfigurieren. 😊

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

                    @l4rs

                    @tt-tom Ist hier auch so, der Raspberry steht auf Europa/Berlin, die Uhrzeit ist aktuell, ioBroker steht ebenfalls auf Deutsch mit dem Datumsformat DD.MM.YYYY und der JS_Adapter verwendet die Systemeinstellungen.

                    Das Blockly liefert bei mir aber auch den falschen Wert. 02.11.2023 -> 11.02.23.

                    Gruß, Lars

                    Das liegt in der Tat an JS-Funktionen (ggfs. sogar an NodeJS). Die Funktionen Date.parse() und formatDate() liefern teils keine korrekten Ergebnisse. Gibt dazu bereits ein (interessanterweise recht altes) github Issue von @haus-automatisierung

                    https://github.com/ioBroker/ioBroker.javascript/issues/980

                    Ich bin immer noch in der Abstimmung mit @TT-Tom. Wir werden jedoch in Kürze eine funktionierende Alternative in die nächste Version bringen... Erste Test bringen schon akzeptable Ergebnisse... Also noch kurz die Füße stillhalten --> Die Lösung kommt... 😊

                    klein0r created this issue in ioBroker/ioBroker.javascript

                    open getDateObject doesn't recognize configured date format #980

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

                      v4.3.2 - Update

                      91fe4d4d-e8d5-46ee-a241-52e7a95c5d11-image.png

                      • Das TS-Script in der Version v4.3.2.1 bringt neue Methoden in der Datumsformatierung im Screensaver, da die Standardmethoden im JavaScript teils fehlerbehaftet sind und bei bestimmten Tagen, Tag und Monat vertauschen. Um die aktuelle Version des TS-Script zu benutzen sind zwei npm Module (moment und moment-parseformat) in die JS-Adapter-Instanz einzutragen.

                        Anleitung siehe Wiki:
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#8--einstellungen-in-js-adapter-instanz

                        Um eine fehlerhafte Darstellung der Formate zu vermeiden, könnte eine Anpassung der ScreensaverEntities erforderlich sein, sofern ScreensaverEntityDateFormat verwendet wird.

                        Die neue Formatierung sieht wie folgt aus...
                        e327ee5a-6fc4-4c37-b4ef-ae56b229f2a8-image.png
                        ... und ist hier jetzt ausführlich in der Wiki beschrieben:
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400

                        Das aktuelle TS-Script findet ihr hier:
                        https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                        Es reicht den unteren Teil des Scriptes zu ersetzen ab:

                        // _______________ Ab hier keine Konfiguration mehr ____
                        
                      • Das TFT-Update korrigiert fehlerhafte Darstellungen beim Wechsel zu benachbarten Cards (Pages) neben einer cardGrid2. Einfach nachfolgenden Befehl in der Tasmota-Console ausführen...

                        FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.3.2.tft
                        

                        ... oder über das Service-Menü des NSPanels aktualisieren...

                      Viel Spaß mit dem Update: 😊

                      Armilar und @TT-Tom

                      EDIT:
                      zu Fragen und Anregungen wie immer nachfragen. 😉

                      Änderungen: https://github.com/joBr99/nspanel-lovelace-ui/commit/1bc042d126b2d8255334eb1ead206213fec5235e

                      0 Armilar committed to joBr99/nspanel-lovelace-ui
                      v4.3.2.1 - Merge pull request #1004 from Armilar/Armilar-patch-1
                      
                      v4.3.2.1 - Update NsPanelTs.ts
                      X 1 Reply Last reply Reply Quote 5
                      • X
                        xelarep @Armilar last edited by xelarep

                        Hm, ich bekomme nach Update folgende Fehler

                        Bildschirmfoto 2023-10-31 um 09.08.53.png

                        und später dann minütlich

                        Bildschirmfoto 2023-10-31 um 09.10.08.png

                        Ich hab wie oben beschrieben das Skript angehalten, TFT update gemacht, den unteren Teil des Skriptes ausgewechselt und neu gestartet,

                        Was nun?

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

                          @xelarep in der JS-Instanz unter zusätzliche Npm Module moment-parseformat eintragen

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

                            Oha, jetzt geht es ans eingemachte, ich scheine noch andere Sachen machen zu müssen:

                            Nach Neustart jscontroller kommt nun

                            Bildschirmfoto 2023-10-31 um 09.21.49.png

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

                              @xelarep das sind warnings. Und bitte in codetags setzen. Sieht man sonst sehr schlecht.

                              X 1 Reply Last reply Reply Quote 1
                              • X
                                xelarep @Gargano last edited by

                                @gargano OK, ich gelobe Besserung 🙂

                                Muss ich jetzt was tun, oder wird sich das mit einem bei mir anstehenden Systemupdate irgendwie(tm) lösen?

                                ... lese mich gerade in https://forum.iobroker.net/topic/69068/neuer-befehl-iob-nodejs-update ein...

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

                                  @xelarep wenns jetzt funktioniert ist erstmal gut. Die Warnings kommen ja nur beim Start.

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

                                    @xelarep

                                    Warnings beim Start der JS-Adapter-Instanz sind völlig normal... Einfach ignorieren... 😊

                                    Warnings beim TS-Script-Start betrachten wir hier 😉 . Ich denke jetzt funktioniert alles, oder?

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

                                      @armilar @Gargano

                                      Ja, es funktioniert alles. Ich hab in der Zwischenzeit auch mein Gesamtsystem mal aktualisiert https://forum.iobroker.net/topic/69067/neuer-befehl-iob-nodejs-update/72?_=1698741140337

                                      Ich konnte jetzt im Log nach Neustart nichts mehr finden.

                                      Danke für Eure Unterstützung!

                                      X 1 Reply Last reply Reply Quote 1
                                      • D
                                        danny_v1 last edited by

                                        Hallo, ich habe leider immer noch folgenden Fehler:

                                        wenn ich auf einer Seite z.B. Wohnzimmer bin die als PageGrid definiert ist und dann eine Subpage z.B. Deckenlampen aufrufe welche als PageEntities definiert ist und dort über den Schalter eine Lampe schalte wird die Aktion ausgeführt und auf die vorhergehende Seite Wohnzimmer umgeschaltet, welche aber als PageEntities und nicht mehr als PageGrid dargestellt wird.
                                        Woher könnte der Fehler kommen?

                                        Soll ich das Skript heute abend mal komplett posten? Oder nur die Seiten die es betrifft?

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

                                          @danny_v1

                                          Die Variablen des Seitenaufbau's deiner eigenen Seiten dürfte reichen um den Fehler zu finden. Ebenso noch die Pages- und Subpagesauflistungen in der export const config = <Config> {...

                                          Auf welcher Version des TS-Scripts bist du jetzt aktuell?

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

                                            @armilar
                                            Ich hab hier mal paar Seiten die es betrifft:

                                            let Obergeschoss = <PageGrid>
                                            
                                            {
                                                "type": "cardGrid",
                                                "heading": "Obergeschoss",
                                                "useColor": true,
                                                "subPage": false,
                                                "parent": undefined,
                                                'prev': 'AlarmSeite',
                                                'next': 'Untergeschoss',
                                                'home': undefined,
                                                'prevIcon': 'shield-alert',
                                                'nextIcon': 'home-floor-0',
                                                "items": [
                                                        <PageItem>{ navigate: true, id: "Wohnzimmer1", icon: "sofa-outline", onColor: White, name: "Wohnzimmer"},
                                                        <PageItem>{ navigate: true, id: "Kinderzimmer_Ede", icon: "human-child", onColor: White, name: "Ede"},
                                                        <PageItem>{ navigate: true, id: "Kinderzimmer_Edda", icon: "human-child", onColor: White, name: "Edda"},
                                                        <PageItem>{ navigate: true, id: "Balkon", icon: "balcony", onColor: White, name: "Balkon"},
                                                        <PageItem>{ navigate: true, id: "Flur_OG", icon: "stairs", onColor: White, name: "Flur"}
                                                ]
                                            
                                            };
                                            
                                            
                                                        let Wohnzimmer1 = <PageGrid>
                                            
                                                        {
                                                            "type": "cardGrid",
                                                            "heading": "Wohnzimmer 1",
                                                            "useColor": true,
                                                            "subPage": true,
                                                            "parent": Obergeschoss,
                                                            'prev': undefined,
                                                            'next': 'Wohnzimmer2',
                                                            'home': undefined,
                                                            "items": [
                                                                    <PageItem>{ navigate: true, id: 'alias.0.Wohnzimmer.Deckenlampe.Alle.Info.INFO', targetPage: "Deckenlampen_WZ", icon: "ceiling-light-multiple", offColor: Yellow, onColor: White, name: "Deckenlampen"},
                                                                    <PageItem>{ navigate: true, id: null, targetPage: "Lampen_WZ", icon: "floor-lamp", onColor: White, name: "Lampen"},
                                                                    <PageItem>{ navigate: true, id: null, targetPage: "Lampen2_WZ", icon: "floor-lamp", onColor: White, name: "Lampen sonstige"},
                                                                    <PageItem>{ navigate: true, id: 'alias.0.Wohnzimmer.HeizungWZ.SET', targetPage: "Themostat_WZ", icon: "temperature-celsius", onColor: White, name: "Temperaturen"},
                                                                    <PageItem>{ navigate: true, id: null, targetPage: "Status_WZ", icon: "state-machine", onColor: White, name: "Status"},
                                                                    <PageItem>{ navigate: true, id: null, targetPage: "Alexa_WZ", icon: "music", onColor: White, name: "Alexa"}
                                                            ]
                                            
                                                        };
                                            
                                                        let Wohnzimmer2= <PageGrid>
                                            
                                                        {
                                                            "type": "cardGrid",
                                                            "heading": "Wohnzimmer 2",
                                                            "useColor": true,
                                                            "subPage": true,
                                                            "parent": Obergeschoss,
                                                            'prev': undefined,
                                                            'next': 'Wohnzimmer1',
                                                            'home': undefined,
                                                            "items": [
                                                                    <PageItem>{ navigate: true, id: "Szenen_WZ", icon: "ceiling-light-multiple", onColor: White, name: "Szenen"},
                                                                    <PageItem>{ navigate: true, id: "WLED", icon: "led-strip-variant", onColor: White, name: "WLED"},
                                                                    <PageItem>{ id: "alias.0.TIMER1", icon: "timer-outline", name: "Timer", onColor: White}
                                                            ]
                                            
                                                        };
                                                                    let Deckenlampen_WZ= <PageEntities>
                                            
                                                                    {
                                                                        "type": "cardEntities",
                                                                        "heading": "Deckenlampen",
                                                                        "useColor": true,
                                                                        "subPage": true,
                                                                        "parent": Wohnzimmer1,
                                                                        "items": [
                                                                                <PageItem>{ id: "alias.0.Wohnzimmer.Deckenlampe.SofaRGB.Gruppe", name: "Sofa RGB", icon: "ceiling-light-multiple", minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 150, maxValueColorTemp: 500, interpolateColor: true, colormode: "xy"},
                                                                                <PageItem>{ id: "alias.0.Wohnzimmer.Deckenlampe.Gross.GruppeNSP", name: "Gross", icon: "ceiling-light-multiple", minValueColorTemp: 153, maxValueColorTemp: 370, interpolateColor: true}
                                                                                 
                                                                        ]
                                            
                                                                    };
                                            
                                                                    let Lampen_WZ= <PageEntities>
                                            
                                                                    {
                                                                        "type": "cardEntities",
                                                                        "heading": "Lampen",
                                                                        "useColor": true,
                                                                        "subPage": true,
                                                                        "parent": Wohnzimmer1,
                                                                        "items": [
                                                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Schreibtisch.Schreibtischlampe", name: "Schreibtisch", icon: "desk-lamp", interpolateColor: true},
                                                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Laterne.Laterne", name: "Laterne", icon: "lamp", interpolateColor: true},
                                                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Stehlampe.Stehlampe", name: "Stehlampe", icon: "floor-lamp", interpolateColor: true},
                                                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Humidor.Humidor", name: "Humidor", icon: "lamp"}
                                                                        ]
                                            
                                                                    };
                                            
                                                                    let Lampen2_WZ= <PageEntities>
                                            
                                                                    {
                                                                        "type": "cardEntities",
                                                                        "heading": "Lampen sonstige",
                                                                        "useColor": true,
                                                                        "subPage": true,
                                                                        "parent": Wohnzimmer1,
                                                                        "items": [
                                                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Vapelampe.VapelampeRGB", name: "Vapelampe RGB", icon: "desk-lamp", minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 500, maxValueColorTemp: 150, interpolateColor: true, colormode: "xy"},
                                                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Vapelampe.VapelampeWeiss", name: "Vapelampe Weiss", icon: "desk-lamp", minValueColorTemp: 500, maxValueColorTemp: 6500, interpolateColor: true},
                                                                                <PageItem>{ id: "alias.0.Status.Test.ACTUAL", name: "Lampen am", icon: "Lamp", offColor: MSRed, onColor: MSGreen, unit: "", minValue: 0, maxValue: 12, interpolateColor: true, useColor: true }
                                            
                                                                        ]
                                            
                                                                    };
                                            
                                                                    let Themostat_WZ= <PageThermo>
                                                                    {
                                                                    "type": "cardThermo",
                                                                    "heading": "Thermostat",
                                                                    "useColor": true,
                                                                    "subPage": true,
                                                                    "parent": Wohnzimmer1,
                                                                    "items": [<PageItem>{ id: "alias.0.Wohnzimmer.Temperaturen.Thermostat.Thermostat", minValue: 160, maxValue: 300 }]
                                            
                                                                    };
                                            
                                                                     let Status_WZ= <PageEntities>
                                                                    {
                                                                    "type": "cardEntities",
                                                                    "heading": "Status",
                                                                    "useColor": true,
                                                                    "subPage": true,
                                                                    "parent": Wohnzimmer1,
                                                                    "items": [<PageItem>{ id: "alias.0.Wohnzimmer.Balkontuer", offColor: Red, onColor: Green, name: "Balkontür" },
                                                                                <PageItem>{ id: "alias.0.Wohnzimmer.Status.BWM", icon: "motion-sensor", icon2: "motion-sensor-off", offColor:  Blue, onColor: Green, name: "BWM" },
                                                                                 <PageItem>{ id: "alias.0.Wohnzimmer.Sensoren.BWM_aktiv", name: "BWM aktiv", icon: "motion-play", icon2: "motion-pause", onColor: White},
                                                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Sensoren.BWM_aktivWennLichterAus", name: "BWM Lichter aus", icon: "motion-play", icon2: "motion-pause", onColor: White}
                                                                                ]
                                                                    };
                                            

                                            Die Pages und Subpages dazu:

                                                 pages: [
                                                        AlarmSeite,
                                                        Obergeschoss,
                                                        Untergeschoss,
                                                        Aussenbereich,
                                                        Abfall,
                                                        Haus_Info,
                                            	           //Unlock_Service,
                                                        NSPanel_Service         //Auto-Alias Service Page
                                                        ],
                                                subPages: [
                                                          //Wohnzimmer
                                                          Wohnzimmer1,
                                                            Deckenlampen_WZ,
                                                            Lampen_WZ,
                                                            Lampen2_WZ,
                                                            Themostat_WZ,
                                                            Status_WZ,
                                                            Alexa_WZ,
                                                          Wohnzimmer2,
                                                            Szenen_WZ,
                                            
                                                          //Kinderzimmer Ede
                                                          Kinderzimmer_Ede,
                                            
                                                          //Kinderzimmer Edda
                                                          Kinderzimmer_Edda,
                                            
                                            
                                            

                                            Das Skript ist aktuell auf Version 4.3.1.7

                                            Armilar K 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            986
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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