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

      @marc_d0810
      kommen die Fehlermeldungen zum Wechsel der Dimmeinstellungen also wenn das richtig sehe um 07:00 und 22:00?

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

        @bhenyamin

        Wir müssen für die Shutter/Blinds noch 2 Funktionen um das icon2 erweitern. Ist bislang noch nicht passiert... kommt aber auch noch...

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

          @tt-tom Hey, nein kommen nicht zu der Zeit.
          Meine Einstellungen sind 7 und 19 Uhr.
          Das andere Bild war von @Armilar

          Heute kamen die zB. um 03:49 und 04:04.

          Bildschirm­foto 2023-03-30 um 06.07.43.png

          1 Reply Last reply Reply Quote 0
          • André Koschnik
            André Koschnik last edited by André Koschnik

            Moin zusammen,

            ich habe meine Panel FW und Skript geupdatet.
            javascript.0 (5701) script.js.house.panel.NsPanelTs_130129: Installed TFT Firmware: 50 / v4.0.5

            Musste den ScreenSaver umstellen aber läuft alles wieder wie vorher.
            Jetzt wollte ich mal cardChart ausprobieren bekomme es aber nicht zum laufen.
            Hier meine Konfiguration im Script:

            let ChartDailySolarPower = <PageChart>
            {
            "type": "cardChart",
            "heading": "Stromerzeugung",
            "useColor": true,
            "subPage": true,
            "parent": Solar,
            "items": [<PageItem>{
            id: 'alias.0.NSPanel.1.Solar.ChartDailySolarPower',
            yAxis: 'Leistung [W]',
            yAxisTicks: [0,1000,2000,3000,4000,5000],
            onColor: Yellow
            }]
            };

            Nachtrag: auch mit:
            yAxisTicks: [0,500,1000,1500,5000,2500],
            sieht es genau so aus!

            Das ist der Inhalt von meinem Datenpunkt:
            502^8:00~627~1052~1523~1577^12:00~1826~1695~1288~711^16:00~288~151~64~0^20:00~0~0~0~0^0:00~0~0~0~0^4:00~0~0~0

            Auf meinem Panel sieht es aus als wenn die Balken nach unten gehen. Kann mir jemand sagen was ich falsch mache?
            20230330_082347.jpg
            PS: wie macht ihr die ScreenShots vom Panel?!

            Fehler gefunden...
            yAxisTicks: [**0,**500,1000,1500,5000,2500],
            sogehts
            yAxisTicks: [500,1000,1500,5000,2500],

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

              @andré-koschnik sagte in SONOFF NSPanel mit Lovelace UI:

              yAxisTicks: [0,500,1000,1500,5000,2500],

              Die yAxisTicks: [0,5000,10000,15000,20000,25000], benötigen den Faktor 10

              Dennoch würde die y-Achse im tausender Bereich nicht vollständig angezeigt werden. Abhilfe würde eine Umrechnung des Wertes von Watt in Kilowatt schaffen. Bei einer Umrechnung von W in kW (/1000) könnten die yAxisTicks folgendermaßen sein:

              yAxisTicks: [0,5,100,150,200,250],

              Die Screenshots kann man nicht direkt mit dem NSPanel machen. Das sind dann Screenshots mit dem Nextion Editor in Form einer NSPanel-Emulation...

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

                @andré-koschnik

                ich denke der Sprung von 1500 auf 2500 ist nicht 5000, sondern 2000

                Wie beschrieben geht im Momment deine Skala von 50W - 250W

                1 Reply Last reply Reply Quote 1
                • André Koschnik
                  André Koschnik @Armilar last edited by André Koschnik

                  @armilar said in SONOFF NSPanel mit Lovelace UI:

                  yAxisTicks: [0,5,100,150,200,250],

                  Danke hab das targetValue um Skript umgerechnet in kW. Funktioniert!

                  Zur Doku wenn einer mal das gleiche Problem hat...
                  Meine Solaranlage macht Max. 4100W also die yAxisTicks wie folgt:
                  yAxisTicks: [20,40,60,80,100,20,40,60,80,200,20,40,60,80,300,20,40,60,80,400,20],

                  Meine Werte aus der History werden aber in W und nicht in kW angegeben dann kann man ein Teil des Scriptes wie folgt anpassen:
                  if (valueDate > targetDate){
                  if ((targetDate.getHours() % stepXAchsis) == 0){
                  cardChartString += (targetValue/100) + '^' + targetDate.getHours() + ':00' + '~';
                  } else {
                  cardChartString += (targetValue/100) + '~';
                  }
                  break;
                  } else {
                  targetValue = value;
                  }

                  D 1 Reply Last reply Reply Quote 0
                  • D
                    danny_v1 @André Koschnik last edited by danny_v1

                    Hallo, ich hatte jetzt noch mal Zeit und hab versucht die WLED Seiten noch irgendwie ans laufen zu bekommen, aber bis auf aus und anschalten geht nichts. Colors, Presets und so sind nicht steuerbar. Die Datenpunkte unter userdata bleiben unverändert. Das Skript läuft und ist auch angepasst. Hab keine Ahnung was ich da falsch mache.

                    Hier ist das Skript.

                    // Pfad zum WLED-Modul
                    const wledPath = 'wled.0.ecfabc5fb058.';
                    
                    // Pfad zu 0_userdata Datenpunkten
                    const userdataPath = '0_userdata.0.KuecheWLED.Spuele.WLED.';
                    
                    // WLED Effektliste als Konstante (Favoriten)
                    // Listen müssen gleiche Werte wie im Panel haben
                    
                    const presetList =    ['Preset 0', 'Add Preset'];
                            
                    const colorsList =    ['Default', '* Color 1', '* Color Gradient', '* Colors 1&2', '* Colors Only', '* Random Cycle', 'Analogus','April Night', 'Aqua Flash', 'Atlantica', 'Aurora', 
                                            'Beach', 'Beech', 'Blink Red', 'Breeze', 'C9', 'C9 New', 'Candy', 'Candy2', 'Cloud', 
                                            'Cyane', 'Departure', 'Drywet', 'Fairy Reaf', 'Fire', 'Forest', 'etc'
                                        ];
                            
                    const effectsList =   ['Solid', 'Android', 'Aurora', 'Blends', 'Blink', 'Blink Rainbow', 'Bouncing Balls','Bpm', 'Breathe', 'Candle', 'Candle Multi', 
                                        'Candy Cane', 'Chase', 'Chase 1', 'Chase 2', 'Chase 3', 'Chase Flash', 'Chase Flash Rnd', 'Chase Rainbow', 'Chase Random', 
                                        'Chunchun', 'Colorful', 'Colorloop', 'Colortwinkles', 'Colorwaves', 'Dancing Shadows', 'etc'
                                        ];
                    
                    on({id: userdataPath + 'Presets', change: "ne"}, async function (obj) {
                        console.log(wledPath + 'ps' + ' = ' + obj.state.val);
                        setState(wledPath + 'ps', obj.state.val)
                    });
                    
                    // Trigger auf NSPanel Colors
                    on({id: userdataPath + 'Colors', change: "ne"}, async function (obj) {
                        let wledObj = getObject(wledPath + 'seg.0.pal');
                        let tempStringColor = colorsList[obj.state.val]
                    
                        for (let i = 0; i < 71; i++) {
                            if (wledObj.common.states[i] == undefined) {
                                break;
                            }
                            if (wledObj.common.states[i] == tempStringColor) {
                                console.log(i + ' - ' + wledObj.common.states[i]);
                                setState(wledPath + 'seg.0.pal', i)
                                break;
                            }
                        }
                    });
                    
                    // Trigger auf NSPanel Effekte
                    on({id: userdataPath + 'Effects', change: "ne"}, async function (obj) {
                        let wledObj = getObject(wledPath + 'seg.0.fx');
                        let tempStringEffect = effectsList[obj.state.val]
                    
                        for (let i = 0; i < 118; i++) {
                            if (wledObj.common.states[i] == undefined) {
                                break;
                            }
                            if (wledObj.common.states[i] == tempStringEffect) {
                                console.log(i + ' - ' + wledObj.common.states[i]);
                                setState(wledPath + 'seg.0.fx', i)
                                break;
                            }
                        }
                    });
                    

                    Meine Seitenkonfiguration

                    let WLED_Kueche_Spuele= <PageGrid>
                                            {
                                                "type": "cardGrid",
                                                "heading": "WLED Spüle",
                                                "useColor": true,
                                                "subPage": true,
                                                "parent": Kueche1,
                                                'next': 'WLED_Kueche_Herd',
                                                'home': 'Untergeschoss',
                                                "items": [
                                                    <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Power", name: "Power", icon: "power", onColor: Blue, offColor: HMIOff},
                                                    <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Synch", name: "Sync", icon: "sync", onColor: Blue, offColor: White},
                                                <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Timer", name: "Timer", icon: "moon-waxing-crescent", onColor: Blue, offColor: White},
                                                    <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Presets", icon: "heart-outline", name: "Presets", onColor: White, modeList: ['Rainbow', 'Solid Weiss', 'Aurora', 'Aus']},
                                                    <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Colors", icon: "palette", name: "Colors", onColor: White,
                                                                modeList: ['Default', '* Color 1', '* Color Gradient', '* Colors 1&2', '* Colors Only', '* Random Cycle', 'Analogus','April Night', 'Aqua Flash', 'Atlantica', 'Aurora', 'Beach', 'Beech', 'Blink Red', 'Breeze', 'C9', 'C9 New', 'Candy', 'Candy2', 'Cloud', 'Cyane', 'Departure', 'Drywet', 'Fairy Reaf', 'Fire', 'Forest', 'etc']},
                                                    <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Effects", icon: "emoticon-outline", name: "Effects", onColor: White,
                                                                modeList: ['Solid', 'Android', 'Aurora', 'Blends', 'Blink', 'Blink Rainbow', 'Bouncing Balls','Bpm', 'Breathe', 'Candle', 'Candle Multi', 'Candy Cane', 'Chase', 'Chase 1', 'Chase 2', 'Chase 3', 'Chase Flash', 'Chase Flash Rnd', 'Chase Rainbow', 'Chase Random', 'Chunchun', 'Colorful', 'Colorloop', 'Colortwinkles', 'Colorwaves', 'Dancing Shadows', 'etc']},
                                                    //<PageItem>{ id: "alias.0.NSPanel_1.WLED.Example.Segments", icon: "layers", name: "Segments", onColor: White, modeList: ['Segment 0', 'Add Segment']},
                                                ]
                                            };
                    

                    Und hier die Datenpunkte
                    Datenpunkte.png

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

                      @danny_v1

                      Zeige bitte nochmal die config der Seite. Das Script für den WLED und die Objekte von der WLED.
                      Also es läuft bei mir, dann muss es auch bei dir klappen.

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

                        @tt-tom Hab ich gerade noch angehangen an den letzten Post.
                        Gut dann bin ich ja schon mal guter Hoffnung das es hier auch läuft. 🙂

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

                          @danny_v1 deine Alias für die drei Werte passen nicht. Die müssen .VALUE sein. Habe im Wiki nochmal geprüft, haste bestimmt überlesen.

                          Bildschirmfoto 2023-03-30 um 10.36.17.png

                          D 1 Reply Last reply Reply Quote 0
                          • A
                            australien last edited by

                            Hallo zusammen,

                            macht von Euch einer eine Anzeige des Fahrplan-Adapters?
                            Wenn ja, wie bringt Ihr die Abfahrttafel auf das Panel?

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

                              @australien

                              Wie? Was für ein Fahrplanadapter? Was für eine Abfahrttafel?

                              Wenn du bis zu 4 mögliche Termine hast, dann kannst du eine cardEntities mit Info-Aliasen verwenden. Von einer anderen Liste außer dem popupInSel weiß ich nichts. Hast du da irgendwie andere Infos?

                              A 1 Reply Last reply Reply Quote 0
                              • D
                                danny_v1 @TT-Tom last edited by danny_v1

                                @tt-tom
                                OK,

                                also müssen die Datenpunkte unter userdata erstmal number sein. Und dann lege ich unter Geräte einen Tastensensor an, und verweise auf diese Datenpunkte? Aber wie weise ich da ein VALUE zu??
                                Ich habe es gerade noch mal versucht, ich habs verstanden wie es funktioniert, aber wenn ich beim Definieren des Tastensensors im Dialog etwas hinzufüge bleibt dann mein Bildschirm immer schwarz und ich muss die Seite neu laden. Da scheint was mit meinem Geräte Adapter nicht zu stimmen.

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

                                  @danny_v1

                                  Falls der Geräteadapter in der Version 1.1.2 ist, dann Downgrade auf 1.1.1 . Der Adapter in der Version 1.1.2 hat immer noch die bekannten Bugs und ist komplett unbrauchbar...

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

                                    @danny_v1
                                    6e6fd11a-c595-4b39-81a8-2bb42ce0598e-image.png

                                    Dann Datenpunkt über "+" hinzufügen und VALUE benennen

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

                                      @armilar Ok downgrade Läuft

                                      Jetzt lies sich der Datenpunkt anlegen. Aber nun ist am Panel zb die Presets Liste leer.

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

                                        @armilar @danny_v1

                                        Der Geräteadapter erstellt nur Press und Logpress. Ich nutzte ihn garnicht mehr. Ich erstelle meine Alias mit dem Alias Manager oder ganz kurz über den Adminoberfläche. mit dem Manager gehst du z.B. auf den Channel Colors und erstellst einen neuen Datenpunkt und den nennst du VALUE (großschreiben). Sollte dann so aussehen.

                                        Bildschirmfoto 2023-03-30 um 12.13.01.png

                                        EDIT: ja so Armilar zeigt geht natürlich auch.

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

                                          @tt-tom
                                          Ja Datenpunkt hab ich jetzt korrigiert, sieht jetzt aus wie bei dir, aber nun ist am Panel die Presets Liste leer.

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

                                            @danny_v1 hatte ich auch mal zwischen durch. starte die Javainstanz mal durch

                                            EDIT: sehe grade in deinem Script musst du die Perset noch anpassen

                                            // Listen müssen gleiche Werte wie im Panel Script haben
                                             
                                            const presetList =    ['Preset 0', 'Add Preset'];
                                            
                                            modeList: ['Rainbow', 'Solid Weiss', 'Aurora', 'Aus']},
                                            
                                            D 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            625
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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