SONOFF NSPanel mit Lovelace UI

Armilar

Update auf v3.8.3

FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.8.3.tft

Diese Release beinhaltet:

neue Funktionen des Volumio-Media-Players
die Vorbereitung für die carLCharts (Linien Diagramme siehe Vorschau unten)
Funktionen für den "echten Taster" (Mono-Button)
Hotfix für die farbigen Licht-Typen (Funktion Off)
Das €-Zeichen in Strings
Individuelle Navigations-Icons bei parent/prev/next/home

Update-Anleitung (von v3.8.1 ausgehend):

Unteren Teil (ab hier keine Änderungen...) komplett ersetzen.

In den Variablen muss eine Änderung vorgenommen werden

die 1 Zeile der Variable jeder Seite muss von:

let Test_Licht1: PageEntities =

in

let Test_Licht1 = <PageEntities>

geändert werden.
also:

let Variablenname = <Seitentyp>

Dadurch ergeben sich folgende Vorteile:

Es müssen nicht mehr alle Seitenparameter angegeben werden, wie z.B.:

 let CardPowerExample = <PagePower>
    {
        'type': 'cardPower',
        'heading': 'cardPower Emulator',
        'items': [
            <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
        ]
    };

d.h. alle optionalen Seitenparameter mit undefined oder false können entfallen.

Zusätzlich können weitere Typen verwendet werden:


     let CardPowerExample = <PagePower>
        {
            'type': 'cardPower',
            'heading': 'cardPower Emulator',
            'useColor': true oder false
            'subPage': true oder false
            'parent': undefined oder Page
            'parentIcon': undefined oder Icon als String, z.B. 'alert'
            'prev': undefined oder 'Page'
            'prevIcon': undefined oder Icon als String
            'next': undefined oder 'Page'
            'nextIcon': undefined oder Icon als String
            'home': undefined oder 'Page' 
            'homeIcon': undefined oder Icon als String
            'items': [
                <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
            ]
        };

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

Mit v3.9.0 kommt demnächst die carLChart hinzu (aktuell noch nicht in der stable TFT):

mading

das NSPanel und der CP2102 sind da. Nun habe ich nach dem Auspacken gemerkt, dass ich noch die Header-Leiste benötige, das lag dem Adapter nicht bei, mit dem ich den CP mit der Platine verbinden kann. Das wäre ja sowas: https://www.amazon.de/IZOKEE-Männlich-Stiftleiste-Buchsenleiste-Lochrasterplatine/dp/B07DBY753C/ref=sr_1_15?__mk_de_DE=ÅMÅŽÕÑ&keywords=header+leiste&qid=1673609536&sr=8-15

Passt das?

Danke

Armilar

@mading

2.54mm sollte passen

niiccooo1

Hallo Zusammen,

ich wollte den Nextion-Editor für die Emulation einrichten.
Habe mich auch an die Anleitung von @joBr99 gehalten.

Wenn ich im Editor auf Debug drücke, taucht unten links eine Fehlermeldung auf

Available Memory:3584
Global Memory:324
Total size of picture:260,114
Total size of font:6,545,290
Page:pageStartup Memory Occupied:324+716=1040
Page:pageTest Memory Occupied:324+552=876
Page:pageIcons Memory Occupied:324+28=352
Page:screensaver Memory Occupied:324+1256=1580
Page:cardEntities Memory Occupied:324+2676=3000
Page:cardGrid Memory Occupied:324+2392=2716
Page:cardMedia Memory Occupied:324+3252=3576
Page:cardThermo Memory Occupied:324+1864=2188
Page:cardAlarm Memory Occupied:324+1644=1968
Page:cardQR Memory Occupied:324+1600=1924
Error:Invalid number of arguments:qrcode m1.x,m1.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
Error:Invalid number of arguments:qrcode m0.x,m0.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
Error:Compile failed! 2 Errors, 0 Warnings,

Was mache ich falsch?

VG,
Nico

Armilar

@niiccooo1

Du machst gar nichts falsch und bist nah am Ziel...

Der Nextion-Editor hat ne neue uncoole Version bekommen (Bugs)

https://nextion.tech/download/nextion-setup-v1-63-3.exe
https://nextion.tech/download/nextion-setup-v1-63-3.zip

Mit dem sollte es gehen

niiccooo1

@armilar wie immer eine große Hilfe

Armilar

@niiccooo1

Problem hatte ich auch zum Jahreswechsel

Einfach keine Updates machen. Ansonsten würde die cardQR einen zusätzlichen Rand von 8 benötigen.

qrcode 8,m1.x,m1.y,200,6371,65535,-1,vaQR.txt

und das bei jedem HMI-Update...

Also besser keine Updates auf der v1.63.3 des Nextion-Editors machen - auch wenn er bettelt

joBr99

@mading Du brauchst eigentlich keine Stiftleisten und auflöten brauchst du die auch nicht, wenn du Jumper Kabel hast, die du während dem flashen in die Pins stecken kannst reicht das eigentlich vollkommen.

joBr99

Update auf die neue HMI Version kommt auch irgendwann, bietet aber aktuell keinen Vorteil und den Nachteil, dass man kein Plan hat was Nextion geändert hat. Die Änderung mit dem qrcode steht zum Beispiel auch in keinen Release Notes.

Frank579

@armilar
Ich habe gerade mal versucht die Abfallview einzurichten, klappt auch soweit, aber .... bei uns ist es so das Papier nur alle 2 Monate kommt, das Skript zeigt aber ja die nächsten 4 Termine an. Wie müsste ich das Skript umbauen das ich für jede Abfallart den Nächsten Termin bekomme. hast du da eine Idee ? Habe schon versucht mit blockly was zu basteln komm aber noch nicht so richtig zum ziel

TT-Tom

@frank579

das Script bringt dir nur die nächsten vier Termine. Der Abfragezeitraum ist bei Ical so eingestellt, dass du mindestens 4 Termine abfragst? Dann wird auch dein Papier Termin irgendwann mit auftauchen.

du musst dir ein script bastel was im JSON nach den Event sucht

Frank579

@tt-tom ja steht im json drin aktuell an 11. Stelle
Ja das dachte ich mir schon komme aber noch nicht weiter. Bekomme das noch nicht so richtig gefiltert, Versuche später mal weiter wenn ich wieder am PC bin ..
Das er irgendwann kommt ist mir klar, hätte halt gerne das ich jeweils den nächsten Termin für jede Art angezeigt bekomme..
Gleich Mal suchen wie ich das json richtig zerlege und filtere ...

TT-Tom

@frank579

mal schnell zusammen geklickt aus einen anderen Blockly.

EDIT: nochmal angepasst; nach dem Start werden alle Events aufgelistet und wenn das Papier kommt dann auch das datum

Bildschirmfoto 2023-01-13 um 18.31.59.png

Frank579

@tt-tom super Danke damit komme ich bestimmt weiter

TT-Tom

@frank579

Falls in deinen Event vor der Abfallsorte noch der Strassenname oder ähnliches steht. Nimm das hier, mit der Zahl kannst du die Zeichen davor abschneiden.

Bildschirmfoto 2023-01-13 um 18.42.12.png

ronny130286

@niiccooo1 said in SONOFF NSPanel mit Lovelace UI:

Hallo Zusammen,

ich wollte den Nextion-Editor für die Emulation einrichten.
Habe mich auch an die Anleitung von @joBr99 gehalten.

Wenn ich im Editor auf Debug drücke, taucht unten links eine Fehlermeldung auf

Available Memory:3584
Global Memory:324
Total size of picture:260,114
Total size of font:6,545,290
Page:pageStartup Memory Occupied:324+716=1040
Page:pageTest Memory Occupied:324+552=876
Page:pageIcons Memory Occupied:324+28=352
Page:screensaver Memory Occupied:324+1256=1580
Page:cardEntities Memory Occupied:324+2676=3000
Page:cardGrid Memory Occupied:324+2392=2716
Page:cardMedia Memory Occupied:324+3252=3576
Page:cardThermo Memory Occupied:324+1864=2188
Page:cardAlarm Memory Occupied:324+1644=1968
Page:cardQR Memory Occupied:324+1600=1924
Error:Invalid number of arguments:qrcode m1.x,m1.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
Error:Invalid number of arguments:qrcode m0.x,m0.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
Error:Compile failed! 2 Errors, 0 Warnings,

Was mache ich falsch?

VG,
Nico

Anleitung?? Die würde mich auch Interessieren, kannst du den Link mal posten?

@armilar @joBr99
Gibt es eigentlich auch sowas wie ne Referenzhandbuch für das Nextion Display/Editor?

Dieter Kurz

Hallo zusammen,
ich habe ein Panel mit der Version 3.6.0.4 am laufen, nun wollte ich ein zweites Panel mit der aktuellen Version einrichten, Berry Driver 8 und TFT 47 auf dem Panel.
Ich bekomme bereits beim Start des Script folgende Meldung
"javascript.0 (10235) script.js.NSPanels.NSPanel_1: function GeneratePage: Cannot read properties of undefined (reading 'type')" und das Panel bleibt bei "waiting for content ..."
Wer kann mir helfen? Ich stehe auf dem Schlauch
Grüße Dieter

c3b

@tt-tom @frank579 Hallo zusammen
Das interresiert mich auch. Ich hätte auch gerne alle vier Tonnen angezeigt. Wie hängt denn das blockly mit den events zusammen? Das blockly sollte doch die drei dp im 0.userdata ersetzen.
Das bekomme ich noch nicht ganz zusammen.

LG aus dem Sauerland

TT-Tom

@c3b

das letzte was ich gepostet habe ist für den Event Papier. Man müsste jetzt hinter dem Letzten Debug ein aktualisiere ... DP setzen und das datum schreiben. DA die anderen Datenpunkte für Event und Farbe immer gleich bleiben, reicht es nur das Datum zu aktualisieren.

Bildschirmfoto 2023-01-13 um 20.03.07.png

das Falls musst du dann für jede Sorte (max 4) machen

EDIT: mir fällt grade auf, da muss noch mehr Logik rein, sonst siehst du nur das letzte Datum was von iCal eingelesen wurde

So läuft es besser und nimmt nur das erste Datum aus dem Kalender.

Bildschirmfoto 2023-01-13 um 20.12.17.png

c3b

Hi Leutz

Soweit hat das mit WLED bis jetzt geklapp. Das Panel zeigt alles richtig an. Wenn ich jetz auf color drücke geht auch die Seite mit den möglichen Punkten auf. Wenn ich jetz einen Punkt anwähle, sollte sich doch in den Objekten die Werte ändern. Das ist aber nicht der Fall. Wie könnte man den überhaupr von z.B. blau nach grün wechseln? Mir fehlen die Farbauswahlen 1, 2 und 3 wie sie in der WLED App stehen. Kann man nicht einfach das Farbrad wie in der App anzeigen?
Wenn ich mir das Skript anschaue, sehe ich den Verweis auf den Pfad + Colors.

// 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 = 1; 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;
        }
    }
});

Den einzigen Unterschied den ich sehe, ist Colors. Bei mir heisst der dp colors. Wird hier auf Groß - Kleinschreibung geachtet?

LG aus dem Sauerland.
Jörg

NEWS

SONOFF NSPanel mit Lovelace UI

Update auf v3.8.3

Support us

1.0k
Online

31.6k
Users

79.4k
Topics

1.3m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

Update auf v3.8.3

Support us

1.0kOnline

31.6kUsers

79.4kTopics

1.3mPosts

1.0k
Online

31.6k
Users

79.4k
Topics

1.3m
Posts