SONOFF NSPanel mit Lovelace UI

Armilar

Update v4.6.0.1

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

Hierfür bitte den unteren Teil austauschen:

50ac9afc-5352-4eb8-9a2d-0e59241aac3e-Nextion_Editor_wz0znkjkCj.gif

Konfigurationsbeispiele aus den Abbildungen

let Test_Color_Lights_1: PageType =
{
    type: 'cardEntities',
    useColor: true,
    heading: 'Test Color Lights 1',
    'items': [
        { 
            id: 'alias.0.Haus.Obergeschoss.Bad.Licht.Emu_GU10_1', 
            name: 'HUE (CT=Kelvin)', // HUE Channel - Philips WiZ GU10 über matter.0 - Color-Temperature in Kelvin
            icon: 'lightbulb-on',
            icon2: 'lightbulb-outline',
            offColor: Off,
            minValueColorTemp: 2203, // Kelvin = Warmweiß
            maxValueColorTemp: 6536, // Kelvin = Kaltweiß
            interpolateColor: true, 
            modeList: ["Color", "Ocean", "Romantik", "Sonnenuntergang", "Party", "Kamin", "Gemütlich", "Wald", "Pastellfarben", "Aufwachen", "Schlafenszeit", "Warmweiß", "Tageslicht", 
                       "Kaltweiß", "Nachtlicht", "Fokus", "Entspannen", "Echte Farben", "Fernsehzeit", "Pflanzenwachstum", "Frühling", "Sommer", "Herbst", "Tieftauchgang", "Dschungel", 
                       "Mojito", "Club", "Weihnachten", "Halloween", "Kerzenlicht", "Goldenes Weiß", "Impuls", "Steampunk"], 
            inSel_ChoiceState: true 
        },
        { 
            id: 'alias.0.Haus.Obergeschoss.Schlafzimmer_2.Licht.Tradfri_GU10_3', 
            name: 'RGB Hex (CT=Mired)', // RGBsingle Channel - IKEA Tradfri GU10 über zigbee.0 - Color-Temperature in Mired
            icon: 'lightbulb-on',
            icon2: 'lightbulb-outline',
            offColor: Off,
            minValueColorTemp: 500, // Mired = Warmweiß = 1.000.000 / 2000 K = 500 Mired
            maxValueColorTemp: 153, // Mired = Kaltweiß = 1.000.000 / 6536 K = 153 Mired
            interpolateColor: true, 
            modeList: ["blink","breathe","okay","channel_change","finish_effect","stop_effect","colorloop","stop_colorloop"], 
            inSel_ChoiceState: true 
        },
        { 
            id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Licht.E14_Fenster_Mitte_RGB', 
            name: 'RGB (CT=Mired)', // RGB Channel - E14 Livarno Home Color über zigbee.0 - Color-Temperature in Mired
            icon: 'lightbulb-on',
            icon2: 'lightbulb-outline',
            offColor: Off,
            minValueColorTemp: 500, // Mired = Warmweiß = 1.000.000 / 2000 K = 500 Mired
            maxValueColorTemp: 153, // Mired = Kaltweiß = 1.000.000 / 6536 K = 153 Mired
            interpolateColor: true, 
            modeList: ["blink","breathe","okay","channel_change","finish_effect","stop_effect","colorloop","stop_colorloop"], 
            inSel_ChoiceState: true 
        },
        { //Übersetzungsdatenpunkt für XY in 0_useedata schreibt in X, Y von zigbee.0
            id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Licht.E14_Fenster_Rechts_CIE', 
            name: 'CIE (CT=Mired)', // RGB Channel - E14 Livarno Home Color über zigbee.0 - Color-Temperature in Mired
            icon: 'lightbulb-on',
            icon2: 'lightbulb-outline',
            offColor: Off,
            minValueColorTemp: 500, // Mired = Warmweiß = 1.000.000 / 2000 K = 500 Mired
            maxValueColorTemp: 153, // Mired = Kaltweiß = 1.000.000 / 6536 K = 153 Mired
            interpolateColor: true, 
            modeList: ["blink","breathe","okay","channel_change","finish_effect","stop_effect","colorloop","stop_colorloop"], 
            inSel_ChoiceState: true 
        },
    ]
};

let Test_CT_Lights_1: PageType =
{
    type: 'cardEntities',
    useColor: true,
    heading: 'Test CT Lights 1',
    'items': [
        { 
            id: 'alias.0.Haus.Erdgeschoss.Buero.Aktoren.Airbowl',
            name: 'Socket', // Socket Channel - Smart-Plug über sonoff.0
            onColor: MSGreen,
            offColor: HMIOff,
            icon: 'power-plug',
            icon2: 'power-plug-outline'
        },        
        { 
            id: 'alias.0.Haus.Erdgeschoss.Gaeste_WC.Licht.Deckenstrahler',
            name: 'Light', // Light Channel - Shelly 1L über shelly.0
            onColor: On,
            offColor: Off,
            icon: 'lightbulb-on',
            icon2: 'lightbulb-outline',
        },        
        { 
            id: 'alias.0.Haus.Erdgeschoss.Buero.Licht.Schreibtisch_GU10_mitte',
            name: 'Dimmer', // Dimmer Channel - IKEA Tradfri GU10 über zigbee.0
            icon: 'lightbulb-on',
            icon2: 'lightbulb-outline',
            interpolateColor: true
        },
        { 
            id: 'alias.0.Haus.Erdgeschoss.Buero.Licht.Wand_GU10_mitte',
            name: 'CT (CT=Mired)', // CT Channel - Livarno Home GU10 über zigbee.0
            icon: 'lightbulb-on',
            icon2: 'lightbulb-outline',
            offColor: Off,
            minValueColorTemp: 500, // Mired = Warmweiß = 1.000.000 / 2000 K = 500 Mired
            maxValueColorTemp: 153, // Mired = Kaltweiß = 1.000.000 / 6536 K = 153 Mired
            interpolateColor: true
        },
    ]
};

NSPanelTS.ts

Der Alias-Channel CIE (XY) kann ebenfalls verwendet werden
Die Icons interpolieren jetzt Color mit Brightness und Color-Temperature mit Brightness
Alle Lampen verfügen jetzt über 2 Icons (icon, icon2)
Warmweiß ist default minValueColorTemp bei Kelvin (Achtung: bei Mired (insbesondere im Zigbee.0 vertreten), ist Warmweiß 500 und Kaltweiß 153)
diverse kleinere Bugs eliminiert
popupLightNew (Alternative Slider sind im Script entfernt)

TFT

Es gab bei den TFT-Pictures Zuordnungsfehler die dazu geführt haben, dass Teile des popupLightNew zu sehen waren, wenn die Hintergrundfarbe Black anstelle von HMIDark gewählt wurde. Black sollte jetzt wieder normal funktionieren.
```
FlashNextion http://nspanel.de/nspanel-v4.6.0.tft
```

cardQR

Im unteren Teil der cardQR lässt sich mit einem neuen Parameter im pageItem die Entity2 (Passwort oder der Schalter) ausblenden.

     let WLAN: PageType = 
     {
         type: 'cardQR',
         heading: 'Gäste WLAN',
         subPage: true,
         parent: Subpages_1,
         items: [
             { id: 'alias.0.NSPanel.GuestWifi', 
               hidePassword: true, // true = Switch; false = Password
               hideEntity2: true   // true = Switch or Password is hide
             }
         ]
     };

Und jetzt viel Spaß mit der Überarbeitung

VG
@TT-Tom , @ticaki und Armilar

TT-Tom

Update TFT Version
v 4.6.2

Es gibt jetzt für den Fahrplan Adapter eine eigene Card. Dort werden jetzt bis zu 6 Abfahrten angezeigt. Damit haben wir das maximale an lesbaren rausgeholt.

Es muss auf die TFT-Version 4.6.2 gewechselt werden und die DEV-NSPanel-Script version 4.6.0.2 um die Card zu nutzen.
In der Pageconfig muss der Cardtyp geändert werden und 2 weitere PageItem eintragen.

let Fahrplan: PageType = {
    type: 'cardSchedule',
    heading: 'Abfahrt',
    useColor: true,
    items: [
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt0' },
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt1' },
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt2' },
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt3' },
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt4' },
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt5' },
    ],
};

Zusätzlich muss mein Script aktualisiert werden, welches die Daten vom Fahrplan Adapter einliest und für Panel-Script zur Verfügung stellt.
Fahrplan_to_NSPanel

Bildschirmfoto 2025-04-01 um 22.35.29.png

Marc Berg

@tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

Es gibt jetzt für den Fahrplan Adapter eine eigene Card

Braucht es dazu noch ein Update des NSPanel-Skriptes?

javascript.0
	2025-04-01 23:03:04.651	error	script.js.NSPanels.nspanel1-4_6_0_1: TypeScript compilation failed: 'type': 'cardSchedule', ^ERROR: Type '"cardSchedule"' is not assignable to type '"cardChart" | "cardLChart" | "cardEntities" | "cardGrid" | "cardGrid2" | "cardGrid3" | "cardThermo" | "cardMedia" | "cardUnlock" | "cardQR" | "cardAlarm" | "cardPower"'.

TT-Tom

@marc-berg

Ja, das DEV-Panel-Script muss genutzt werden.

Marc Berg

@tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

@marc-berg

Ja, das DEV-Panel-Script muss genutzt werden.

Danke für's nachträgliche Reineditieren dieser Info.

australien

@tt-tom Hallo Tom,
ich habe jetzt das update durchgeführt und die DEV version installiert.
Wenn ich die Fahrplanseite öffne, bekomme ich folgende Meldung im log

javascript.0
	2025-04-02 11:47:32.864	warn	script.js.NSPanel.Panel1_250402_4_6_2_1_DEV: error at trigger rceiving CustomRecv: Bad control character in string literal in JSON at position 40
mqtt.0
	2025-04-02 11:47:32.862	error	Client [NSPanel_1] Cannot parse "SmartHome/NSPanel_1/tele/RESULT": {"CustomRecv":"event,renderCurrentPagev ����"}

Armilar

@australien
@Marc-Berg
@TT-Tom

Die TFT ist ebenfalls neu... und die Release-Nummer der TFT wird ab Script-Version 4.6.2.1 aus dem HMI gezogen.

Daher ist mit der v4.6.2.1 zwingend ein:

FlashNextion http://nspanel.de/nspanel-v4.6.2.tft

erforderlich.

Wie @TT-Tom bereits geschrieben hat gibt es für den Fahrplanadapter eine eigene Page cardSchedule, welche angelehnt an die cardEntities ist, jedoch nur Text bereitstellt. Somit kann diese auch z.B. mit Alias-Channel vom Type info genutzt werden.

australien

@armilar das aktuelle TFT ist bereits drauf und das neue Script für den Fahrplan wurde auch installiert, trotzdem kommt die Fehlermeldung.

Armilar

@australien

ja - interessant... Bin von der EMU (alles ordentlich) auf ein Live Panel gewechselt und habe es dort auch...

Muss das analysieren...

Armilar

@australien

Mache bitte nochmal ein Update (ist unter gleicher Versionsnummer gefixed)

FlashNextion http://nspanel.de/nspanel-v4.6.2.tft

australien

@armilar Super! Danke, jetzt läuft alles ohne Meldung.

TT-Tom

@armilar

Wo war das Problem?

TT-Tom

@australien
Perfekt. Kleiner Ausblick Richtung Adapter. Dort können noch mehr Einträge angesehen werden, durch eine Blätter Option, heißt du kannst dann runter scrollen. Zusätzlich testen wir bei Verspätungen die Meldungen im Hintergrund zu speichern und den einzelnen Abfahrten zu ordnen.

So unser Ziel im Adapter.

Armilar

@tt-tom

Wo war das Problem?

Ah detailliert? Im Preinitialize Event der der cardSchedule (HMI) wurden nicht alle Types in der letzten for-Schleife bis 49 eingefangen...

Ich denke das trifft es... Wolltest du wirklich diese Details?

TT-Tom

@armilar
Na eigentlich noch genauer.

matthesjimte

Guten Abend

Ich wollte nun auch auf den Zug aufspringen und habe mein NSPanel mit Lovelace UI geflascht.

Nach anlegen der Scripte und Datenpunkte bekommen ich nun den folgenden Fehler angezeigt.

"script.js.NSPanel.Panel1: TypeScript compilation failed: log(iconColor); ^ERROR: Argument of type 'number' is not assignable to parameter of type 'string'."

Dies ist aber eigentlich gar kein Punkt der laut Doku konfiguriert wird.

Habe das Script nochmals neu heruntergeladen, aber der Fehler bleibt weiterhin bestehen.

Hat jemand eine Ahnung woher der Fehler kommt?

Armilar

@matthesjimte

Herzlich willkommen,

ist das NSPanelTS.ts in common und das IconScript in global?

Weiter ist noch nichts konfiguriert? Nur das Originalskript?

Sieht für mich so aus, als wäre da eine CIE-Lampe konfiguriert??? Falls das so wäre, würde mich die erstellte Seitenvariable interessieren...

matthesjimte

Hi @armilar

Ich habe nur CommanSend konfiguriert.

Ja die Scripte sind in Global und common

Sorry aber was ist eine CIE-Lampe?

ticaki

@matthesjimte

Eine Lampe die CIE zur Steuerung der Farbe verwendet.

matthesjimte

@ticaki

Nein sowas habe ich nicht in IoBroker

NEWS