SONOFF NSPanel mit Lovelace UI

wavemaster01

@jobr99 said in SONOFF NSPanel mit Lovelace UI:

Itead/Sonoff Support

Hallo, vielen Dank, das ist eine gute Idee - werde ich einmal versuchen!

wavemaster01

@kuckuckmann Hallo, vielen Dank für deine Antwort. Wie unten beschrieben, werde ich einmal versuchen ein schmaleres Netzteil zu bekommen. Zugleich hat mir dein Link aber auch sehr geholfen. Im letzten Bild war eine Abbildung einer Dose, die passt. Mit Google Lens habe ich auch schon zwei Hersteller solcher (Tschechien und Österricht) ausgemacht. Der Bezug der Dosen gestaltet sich aber in D schwierig bzw. wird da eine Dose mit Versand so teuer, dass fast der Bezug der V2 lohnt . Einen Rahmen möchte ich eher nicht, da das Panel direkt neben dem Eingang hängt und ich befürchte dass man da schnell mal "hängen bleibt".

joBr99

@wavemaster01

Die bei mir auch mit dem alten Netzteil gepasst:
https://www.kaiser-elektro.de/de_DE/produkte/elektro-installation/unterputz/geraetedosen-geraete-verbindungsdosen/6/electronic-dose-mit-trennwand

(Hab noch zwei Shelly's in der Tasche, kein Plan wie es mit der Größe von den normalen Kaiser Dosen aussieht)

Armilar

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

Das könnte man eventuell über das alias realisieren, was das dynamische Icon abbildet.

Das ist der Plan... Ich werde nur zuerst mal das gesamte Menü und die Subpages + Aliase fertigstellen. Dann kommen die Aliase für die Aufzählungen mit den Indikatoren in den Menüpunkten über "id" zur "targetPage".

Armilar

@egal sagte in SONOFF NSPanel mit Lovelace UI:

ok, seperate Tracklist für jeden Volumio-Player:

auch in der DEV.

ronny130286

Gibt es eigentlich eine Möglichkeit einen Monobutton (true/false) einzubinden?
Weil es steht immer noch oben in der Beschreibung:

Taste               - Für Szenen oder Radiosender, etc. --> Nur Funktionsaufruf - Kein Taster wie MonoButton - True/False

Dann ist mir noch ein kleiner Bug im Script aufgefallen, die Funktion vom Display Update ignoriert die eigentlich Version des Displays.
Ich habe mehrere Panels im Einsatz unter anderem auch die US-L Version, leider zerknallt er dann immer die Software auf dem Display
Kann man die Abfrage nicht noch zusätzlich einpflegen, dass auch wirklich nur die Software genommen wird welche das Panel auch benötigt?

Edit:
habe die Funktion mal angepasst:

function update_tft_firmware() {
    const tft_version: string = 'v3.8.1';
    let desired_display_firmware_url =""

    if(getState(NSPanel_Path + '.NSPanel_Version').val =="us-l"){
        desired_display_firmware_url = `http://nspanel.pky.eu/lovelace-ui/github/nspanel-us-l-${tft_version}.tft`;
    }else if (getState(NSPanel_Path + '.NSPanel_Version').val =="us-p"){
        desired_display_firmware_url = `http://nspanel.pky.eu/lovelace-ui/github/nspanel-us-p-${tft_version}.tft`;
    }else{
        desired_display_firmware_url = `http://nspanel.pky.eu/lovelace-ui/github/nspanel-${tft_version}.tft`;
    }
    
    try {

        let urlString = `http://${get_current_tasmota_ip_address()}/cm?cmnd=FlashNextion ${desired_display_firmware_url}`;
        if (tasmota_web_admin_password != '') {
            urlString = `http://${get_current_tasmota_ip_address()}/cm?user=${tasmota_web_admin_user}&password=${tasmota_web_admin_password}&cmnd=FlashNextion ${desired_display_firmware_url}`;
        }

        request({
            url: `${urlString}`,
            headers: {
                'User-Agent': 'ioBroker'
            }
        }, async function () {
            await createStateAsync(NSPanel_Path + 'TFT_Firmware.onlineVersion', <iobJS.StateCommon>{ type: 'string' });
            await setStateAsync(NSPanel_Path + 'TFT_Firmware.onlineVersion', <iobJS.State>{ val: tft_version, ack: true });
        });
    } catch (err) {
        console.warn('error at function update_tft_firmware: ' + err.message);
    }
}

c3b

Hi Leutz

Ich bin gerade dabei WLED mit in das Panel aufzunehmen. Wenn ich im Alias RGB wähle, kann ich rot, blau und grün anwählen. Das einzige was ich unter WLED finde ist unter REG/Color die Farbangabe in HEX und Dezimal. Im Panel kann ich alles anwählen. Meine LED bleiben aber aus. Unter set habe ich schon den Powerbutton eingetragen. Auch kein Erfolg.

<PageItem>{ id: "alias.0.Küche.WLED", name: "RGB-Licht", minValueBrightness: 0, maxValueBrightness: 100, interpolateColor: true},

Hat da jemand evtl ein Beispiel für?
LG aus dem Sauerland

TT-Tom

@c3b

Hast das hier im Wiki schon gelesen. Link Wiki

c3b

@tt-tom Hi
Genau so etwas habe ich gesucht. Werde es heute Abend mal versuchen.
Jetzt ruft erst die Baustelle.

Vielen Dank.
LG aus dem Sauerland
Jörg

Armilar

@ronny130286 sagte in SONOFF NSPanel mit Lovelace UI:

Fällt mir immer selten auf, dass die us-Panels nicht ganz in der Spur sind. Ich habe keine us-Version und kann es auch nicht testen. Darum sendet ruhig wie hier die funktionierende Lösung oder stellt eine Frage. Dann bauen ich das ebenfalls mit ein.

Das mit dem Mono-Button kann ich verstehen. Du hattest doch mal eine für dich funktionierende Lösung. Kannst du die nochmal posten? Brauchen wir immer nur dann, wenn jemand echte Tastersteuerungen benutzt (bei mir nicht der Fall). Ich würde dem PageItem dann einen optionalen Parameter mitgeben, der dann einen anderen Zweig durchläuft.

Thorsten

Ich habe das NSPanel aufgrund der Anleitung https://github.com/joBr99/nspanel-lovelace-ui/wiki konfiguriert. Der Bildschirmschoner zeigt die Wetterdaten von Accuweather auch wie auf dem Bildschirmphoto der Anleitung an, incl. der Icons. Aber auf keiner der Seiten werden Icons angezeigt:

Und ja, das icon mapping script befindet sich unter global. Was mache ich falsch bzw. kann ich testen?

ronny130286

@armilar

Die Funktion für den Monobutton war damals so

function triggerButton(id: string): boolean{
	try {
		let obj = getObject(id);
		if (existsState(id) && obj.common.type !== undefined && obj.common.type === "boolean") {
			setState(id, true);
			setTimeout(function() { setState(id, false) }, 250)
			return true;
		}
		return false;
	}  catch (err) {
        console.warn('function triggerButton: ' + err.message);
    }	
}

Man muss aber etwas mehr machen weil man separat einen Status dem Alias hinzufügen muss der dann den Status des Lichts wieder gibt.
Dummerweise habe ich damals nicht alles den Version hinterher gezogen.

ronny130286

@thorsten

sieht aus als hättest du die falsche Script Version zur Display Version

TT-Tom

@thorsten welche Script Version nutzt du? hast du die Alias für die Seiten angelegt.
In dem Script sind Beispielseiten dargestellt, die auch die passenden Alias benötigen.

Thorsten

@ronny130286 In der Tat, das war's. Mir war nicht klar, daß die Script mit der Displayversion übereinstimmen müssen. Im Skript steht nur 'abgestimmt auf...'. VIELEN DANK!

Armilar

@ronny130286

Die Funktion für den Monobutton war damals so

Ich fasse mal kurz wieder zusammen:
Stimmt es ging eigentlich darum, dass "true" und "false" im Abstand von 250ms gesendet wird. Kein Problem, dass haben wir schnell mittels eines neuen zusätzlichen PageItem-Parameters ( ggfs. monoButton: 'true' ) drin... Aber dann fällt die Farbe beim Rendern auf "false" zurück und es gibt niemals einen "On"-Zustand beim Visualisieren des Icons. Wenn aber ein Zusätzlicher Datenpunkt genutzt wird, der auf bei Veränderung des Schaltdatenpunktes "false" reagiert und invertiert wird, dann sollte es klappen.

Wenn man also dem Taster jetzt noch einen separaten State im Alias verpasst, könnte der auch im Zuge des Rendern angezeigt werden, vorausgesetzt dieser neue zusätzliche Parameter im PageItem ist vorhanden.

Der erste Datenpunkt ist im Adapter deiner Steuerung und benötigt true --> Verzögerung 250ms -->false. Darauf wird ein Alias: ACTUAL gesetzt.

Der zweite Datenpunkt ist im Prinzip der Aktor der geschaltet wird (z.B. Zustand einer Lampe oder Steckdose, etc.). Darauf wird dann im gleichen Alias STATE gesetzt, der auf den Zustand des Aktors zeigt.

Damit wäre die Lösung losgelöst von separaten Schalter oder z.B. iot-Adapter, welche ja auch nur den Zustand der S7 veändern. Der Zustand der Aktors wäre eigentlich immer korrekt, oder?

Wenn das so für dich okay ist, würde ich da mal etwas implementieren und du würdest dann mal testen, ob sich Zustände und Icons entsprechend verhalten...

Dark Angel

Hi Leute,
bei 79 Seiten durchlesen, kann es durchaus passieren, dass man die Antwort auf kommende Frage einfach überlesen hat...
Und zwar: Wie stelle ich das NS Panel ein, dass bei Inaktivität nach gewisse Zeit X das Display komplett ausgeschaltet wird (dimmode~0~100 - (screen off))?

Armilar

@dark-angel

0_userdata.0.NSPanel.1.NSPanel_Dimmode_brightnessNight = 0

Falls am Tage auch aus , dann ebenfalls

0_userdata.0.NSPanel.1.NSPanel_Dimmode_brightnessDay = 0

und einmal das Script durchstarten, da es sonst erstmals nur zu den parametrierten Scheduler-Zeitpunkten geändert wird.

@Kuckuckmann: wäre doch auch noch eine Erweiterung für die Wiki. Denke es steht noch nicht wirklich drin.

Dark Angel

@armilar: Vielen Dank.
Ich dachte, es gebe wie in der original Firmware die Möglichkeit einen globalen "Screen Off" einzustellen. Wenn das aber so funktioniert, ist es mir auch Recht. Danke!

Armilar

@dark-angel

Das ist ein globaler Screen Off der mit der Zeit timeoutScreensaver in der Script-Config gesteuert wird.

Eine weitere Möglichkeit (bei externer Lösung z.B. über Bewegungsmelder) stellt der Parameter

0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness

dar.

Damit kannst du jederzeit eine eigene Helligkeit steuern.

Das kann doch das Original-Panel bei weitem nicht...

EDIT: Ich denke du meinst aber eine Konfigurationsseite:

Sieh dir doch mal den Part an:

/********************************************************************************************************** */
//Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
/********************************************************************************************************** */

let Service: PageEntities =
{
    'type': 'cardEntities',
    'heading': 'NSPanel Service',
    'useColor': true,
    'subPage': false,
    'parent': undefined,
    'prev': undefined,
    'next': undefined,
    'home': undefined, 
    'items': [
        <PageItem>{ id: AliasPath + 'autoUpdate', name: 'Auto-Updates' ,icon: 'update', offColor: MSRed, onColor: MSGreen},
        <PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', onColor: White, name: 'NSPanel Infos'},
        <PageItem>{ navigate: true, id: 'NSPanel_Firmware_Info', icon: 'update', onColor: White, name: 'Firmware Infos'},
        <PageItem>{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'wrench-outline', onColor: White, name: 'Screensaver'}
    ]
};

        //Subpage 1 von Subpages_2
        let NSPanel_Infos: PageEntities =
        {
            'type': 'cardEntities',
            'heading': 'NSPanel Infos',
            'useColor': true,
            'subPage': true,
            'parent': Service,
            'prev': undefined,
            'next': undefined,
            'home': undefined,
            'items': [
                <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: 'ESP Temperatur', icon: 'thermometer', unit: '°C', offColor: MSYellow, onColor: MSYellow, useColor: true},
                <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: 'Uptime', icon: 'timeline-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true},
                <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: 'Wifi-Signal', icon: 'signal-distance-variant', unit: 'dBm', offColor: MSYellow, onColor: MSYellow, useColor: true}
            ]
        };

        //Subpage 2 von Subpages_2
        let NSPanel_Einstellungen: PageEntities =
        {
            'type': 'cardEntities',
            'heading': 'Screensaver',
            'useColor': true,
            'subPage': true,
            'parent': Service,
            'prev': undefined,
            'next': undefined,
            'home': undefined,
            'items': [
                <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
            ]
        };

        //Subpage 3 von Subpages_2
        let NSPanel_Firmware_Info: PageEntities =
        {
            'type': 'cardEntities',
            'heading': 'Firmware-Updates',
            'useColor': true,
            'subPage': true,
            'parent': Service,
            'prev': undefined,
            'next': undefined,
            'home': undefined,
            'items': [
                <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
            ]
        };

Die SubPage NSPanel_Einstellungen enthält 4 Slider zum Einstellen der Parameter

Damit diese Aliase als Channels angelegt werden können, muss setObjects in der JS-Instanz aktiviert sein. Gilt auch für andere AutoAliase

NEWS

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Support us

623

32.4k

81.3k

1.3m