SONOFF NSPanel mit Lovelace UI

[joBr99]

Added a minimal color picker to the HomeAssistant Notification docs, might be easier than useing a blockly to pick/convert colors. Not sure if this is needed with the ioBroker Backend, but it was asked here before.

https://docs.nspanel.pky.eu/notifications/#color-picker

[Armilar]

@jobr99 hatte ich schon gesehen, die überarbeitete popUp Notify. Wirklich cool, da sie die unterschiedlichen Schriftgrößen unterstützt.

Bin schon bei der Vorbereitung zur 3.5.0

[DaPeace]

@armilar gibt es irgendwo eigentlich ein "leeres" TS-Script in der aktuellen Form wo man nicht erst die ganzen Beispiele von euch rauslöschen muß?
Die Anleitung wird ja immer besser aber ich finde man tut sich schwer bei Updates und auch bei der Erstinstallation wenn man da schon 1000 Sachen drin hat die man eigentlich nicht braucht.

[Armilar]

@dapeace

Aktuell noch nicht. Ich kann das aber mit der 3.5.0 (wird heute oder morgen ausgerollt) bereitstellen als "with examples" or "without examples"

[Tom_W]

Hallo,

ich hoffe ich nerve noch nicht mit meinen Anfängerfragen, aber ich kriegs einfach nicht hin, auch wenn ich mir die ganze Nacht um die Ohren schlage.
Ich habe Rule2 aktiviert, nun will ich mit einem Blockly das interne Relais schalten, um das Panel als Thermostat zu verwenden.
Aber wie kann ich über mqtt das Relais steuern? Unter stat steht zwar der Status des Relais, aber das ist ein String, den kann ich ändern, bringt aber nichts.
Und: auf meiner Thermostatseite sind rechts drei Punkt, die habe ich noch auf keinem Beispielfoto gesehen, wenn ich drauf klicke kommt eine leere Seite?

Entschuldigt bitte, ich habe echt die ganze Nacht gegoogelt, aber so richtig steige ich durch das Thema noch nicht durch.

Gruß
Thomas

[Armilar]

@tom_w

Hi, bin aktuell etwas eingespannt, kann sich heute etwas hinziehen.

Die Tasmota Rule2 ist dafür da, die Buttons als Favoritenseiten zu benutzen. In diesem Zusammenhang werden keine Relays genutzt. Natürlich kann man das auch auftrennen, in dem man eine ButtonPage benutzt und einen physischen Hardware-Button.

Stat ist nur der Status des Buttons - den kannst du über stat nicht verändern. Wenn der POWER1 oder/und POWER2 aktiv gesteuert werden soll, muss dass über cmnd erfolgen.

Ich habe eigentlich nie versucht, einen Thermostaten zu ersetzten, aber ich denke es gibt in diesem Topic bereits den einen oder anderen, der dass bereits realisiert hat.

Von meiner Seite aus müssen wir auch nur die Anforderungen an eine Lösung kennen um eine Lösung zu entwickeln. Diese stellen sich für mich wie folgt dar:

Panel: über ALIAS Thermostat

• Über eine Thermostatpage wird ein Setpoint (Solltemperatur) in einem Datenpunkt in 0_userdata.0... gesteuert.
• Ebenfalls gibt es entweder den internen oder den externen Raumsensor, der die aktuelle Raumtemperatur beinhaltet.

Externes Script:

• Eventuell ist ein weiterer Datenpunkt erforderlich, der einen Offset zur Temperatur beinhaltet.
• Wenn Ist-Raumtemperatur +- Offset < Setpoint-Temperatur --> Relay auf 1 (an)
• Wenn Ist-Raumtemperatur +- Offset > Setpoint-Temperatur --> Relay auf 0 (aus)

Das anschalten des Relais kann über einen Steuere-Blockly-Block oder alternativ über setState (JS) erfolgen.

Kann je nach Konfiguration auch POWER1 oder POWER2 sein

oder alternativ über Request mit Backlog und Tasmota Command

Sind die Annahmen hier korrekt?

Ach ja und SetOption114 entkoppelt das Relay von der Hardware-Taste

VG

[Tom_W]

@armilar

Oh, ich befürchte ich habe mich falsch ausgedrückt. Die Logik wann ein und ausgeschaltet werden soll, die habe ich hinbekommen, mit Offset und Delay. Das einzige was ich nicht schaffte war, das Relais aus ioBroker anzustuern. Aber ja, mit dem Datenpunkt SmartHome/NSPanel_1/cmnd/POWER kann ich zumindest das erste Relais schalten, das reicht mir auch vollkommen. Danke dafür.

[Armilar]

@tom_w

Perfekt - Ja je besser die Formulierungen und Beschreibungen, desto besser die Unterstützung

Freut mich

[DaPeace]

@armilar Das wäre echt super. Das erleichtert sicher vielen den Einstieg. Oft genug verheddert man sich schon beim Aufräumen der ganzen Beispiele. Ich werd heute oder morgen dann mal suchen. Das landet dann eh mit im git oder?

[Sternmiere]

Moin und vielen Dank für die Klasse Anleitung!

Ich habe jetzt noch zwei Fragen/Probleme:

1. Fehlende ESP32 Temperatur

Bei mir im Log taucht regelmäßig die folgende Warnung auf:

javascript.0 (413513) script.js.bag-end.nspanel.NSPANEL_1_3_4_0: error with reading senor-data: Cannot read properties of undefined (reading 'Temperature')

Ich vermute, dass es an diesem Datenpunkt hier liegt, welcher bei mir mit null besetzt ist.

0_userdata.0.NSPanel.1.Sensor.ESP32.Temperature

Ich habe das Panel mit tasmota32-nspanel.bin geflashed und habe dort aktuell die Version 12.2.0 laufen. Auf der Übersichtsseite sehe ich nur die Anzeige für Analog1 Temperature. Die Temperatur vom ESP32 sehe ich dort nicht. Liegt das am Tasmota-Image? Oder woran?

2. cardQR

Und nun noch eine Frage zum cardQR. Gibt es die Möglichkeit, die Anzeige des Passworts zu unterdrücken? Für eines meiner WLANs ist das Passwort für die Anzeige schlicht zu lang und daher macht es hier keinen Sinn, das im Display anzuzeigen.

[Armilar]

@sternmiere

War diesmal nicht so clever bei den Tasmoter'n eine Funktion (default) wegzunehmen, die man nur manuell hinzufügen kann

Mit SetOption146 1 in der Tasmota-Konsole bekommst du es wieder. Dann ist die ESP-Temperatur auch im Hauptmenü wieder zu sehen.

Zu 2: Sehe ich mir gleich mal an...

VG

[Sternmiere]

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

SetOption146 1

Super, vielen Dank! Hat geklappt!

[Armilar]

@sternmiere

Perfekt. Das mit der cardQR klappt auch. Hab es in die v3.5.0 noch reingenommen. Falls du vorher testen möchtest:

function GenerateQRPage austauschen (siehe Spoiler)

Spoiler

function GenerateQRPage(page: PageQR): Payload[] {
    try {
        activePage = page;

        var id = page.items[0].id
        var out_msgs: Array<Payload> = [];
        out_msgs.push({ payload: 'pageType~cardQR' });

        let o = getObject(id)

        var heading = page.heading !== undefined ? page.heading : o.common.name.de
        var textQR = page.items[0].id + '.ACTUAL' !== undefined ? getState(page.items[0].id + '.ACTUAL').val : 'WIFI:T:undefined;S:undefined;P:undefined;H:undefined;'
        var hiddenPWD = false;
        if (page.items[0].hidePassword !== undefined && page.items[0].hidePassword == true) {
            hiddenPWD = true
        }

        const tempstr = textQR.split(';');
        for (let w = 0; w < tempstr.length - 1; w++) {
            if (tempstr[w].substring(0, 1) == 'S') {
                var optionalValue1 = tempstr[w].slice(2);
            }
            if (tempstr[w].substring(0, 1) == 'P') {
                var optionalValue2 = tempstr[w].slice(2);
            }
        }

        var type1 = 'text';
        var internalName1 = 'SSID';
        var iconId1 = Icons.GetIcon('wifi');
        var displayName1 = 'SSID';
        var type2 = 'text';
        var internalName2 = 'Passwort';
        var iconId2 = Icons.GetIcon('key');
        var displayName2 = 'Passwort';

        if (hiddenPWD) {
            type2 = 'disable';
            iconId2 = '';
            displayName2 = '';
        }

        out_msgs.push({
            payload: 'entityUpd~' +                     //entityUpd
                heading + '~' +                         //heading
                GetNavigationString(pageId) + '~' +     //navigation
                textQR + '~' +                          //textQR
                type1 + '~' +                           //type
                internalName1 + '~' +                   //internalName
                iconId1 + '~' +                         //iconId
                65535 + '~' +                           //iconColor
                displayName1 + '~' +                    //displayName
                optionalValue1 + '~' +                  //optionalValue
                type2 + '~' +                           //type
                internalName2 + '~' +                   //internalName
                iconId2 + '~' +                         //iconId
                65535 + '~' +                           //iconColor
                displayName2 + '~' +                    //displayName
                optionalValue2
        });                       //optionalValue

        //entityUpd,heading,navigation,textQR[,type,internalName,iconId,displayName,optionalValue]x2
        return out_msgs

    } catch (err) {
        console.warn('function GenerateQRPage: ' + err.message);
    }
}

type PageItem austauschen (siehe Spoiler) / fast am Ende des TS-Script

Spoiler

type PageItem = {
    id: string,
    icon: (string | undefined),
    icon2: (string | undefined),
    onColor: (RGB | undefined),
    offColor: (RGB | undefined),
    useColor: (boolean | undefined),
    interpolateColor: (boolean | undefined),
    minValueBrightness: (number | undefined),
    maxValueBrightness: (number | undefined),
    minValueColorTemp: (number | undefined),
    maxValueColorTemp: (number | undefined),
    minValue: (number | undefined),
    maxValue: (number | undefined),
    name: (string | undefined),
    secondRow: (string | undefined),
    buttonText: (string | undefined),
    unit: (string | undefined),
    navigate: (boolean | undefined),
    colormode: (string | undefined),
    adapterPlayerInstance: (string | undefined),
    mediaDevice: (string | undefined),
    targetPage: (string | undefined),
    speakerList: (string[] | undefined),
    hidePassword: (boolean | undefined)
}

Definition cardQR im PageItem um ", hidePassword: true" erweitern

var WLAN: PageQR = 
        {
            "type": "cardQR",
            "heading": "Gäste WLAN",
            "useColor": true,
            "subPage": true,
            "parent": Subpages_1,
            "items": [<PageItem>{ id: "alias.0.NSPanel_1.Guest_Wifi", hidePassword: true }]
        };

[Sternmiere]

@armilar

Diesen Fehler bekomme ich bei mir:

(local var) iconId2: any
Subsequent variable declarations must have the same type.  Variable 'iconId2' must be of type 'any', but here has type 'string'.(2403)
index345678910.(2569, 13): 'iconId2' was also declared here.

Wenn ich das var vor iconId2 in der Abfrage hiddenPWD entferne, dann kann ich das Skript speichern. Und dann ist das PW auch ausgeblendet!

[Armilar]

@sternmiere

Dummer copy/paste-Fehler von mir - sorry

Alle Variablen-Deklarationen in dem Block sollten raus. Dafür die oberen wieder rein:

        if (hiddenPWD) {
            type2 = 'disable';
            iconId2 = '';
            displayName2 = '';
        }

Ich korrigiere das gleich oben im vorherigen Post nochmal...

Edit: Erledigt, oberer Post (Spoiler 1) korrigiert.

[Sternmiere]

@armilar

hatte ich bei mir lokal auch schon so eingebaut!
Damit klappt das 1A! Super! Vielen Dank für die schnelle Umsetzung!

[Armilar]

@sternmiere

Gerne

[Armilar]

Upgrade auf TS-Script 3.5.0

und Neuer Parameter in zum Ausblenden des WLAN-Passwortes in der cardQR (Hotfix)

Ebenfalls neue TFT-Firmware v3.5.0

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

TS-Script v3.5.0

• Mit Beispiel-Seiten
  https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/ioBroker/NsPanelTs.ts

• Ohne Beispiel-Seiten
  https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/ioBroker/NsPanelTs_without_Examples.ts

Änderungen

• Die Hintergrundfarbe lässt sich jetzt ändern:

export const config: Config = {
    ...
    defaultBackgroundColor: Black,      //New Parameter

• cardPower (Energiefluss)
  
  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardpower-ab-ts-script-v341

• Layout 2 für popUpNotification (Skript erweitert Datenpunkte unter 0_userdata.0...)
  
  Beschreibung in der Wiki folgt. Blockly-Emulator zum Testen im nachfolgenden Post...

• popUpShutter erweitert um Tilt-Funktion

• Direkte Navigation über Datenpunkt
  Beschreibung in Wiki folgt...

[Armilar]

Emulations-Test-Blockly für popUpNotify (Layout 2)

https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#emulator-layout-2

[Sternmiere]

Hab das Update inkl TFT gleich mal ausgeführt.
Bislang klappt alles.

Aber eine Frage zum Update selbst:
Ich finde es recht kompliziert und fehleranfällig, die einzelnen Teile rund um meine Seitengestaltung und Konfiguration herum zu kopieren.

Wäre es nicht möglich, den Block mit der Konfiguration (export const config: Config...) in eine eigene TS-Datei auszulagern?
Und kann man nicht ebenso innerhalb des nspanel-Ordners die Seitengestaltung in eigene TS-Datei(en) auszulagern?

Würde den Update-Vorgang wahrscheinlich vereinfachen.