SONOFF NSPanel mit Lovelace UI

Armilar

Lösche den Media-Alias für Alexa mal, der legt sich von selbst an.

Seitendefinition Beispiel:

let Alexa = <PageMedia> 
{
    'type': 'cardMedia',
    'heading': 'Alexa',
    'useColor': true,
    'items': [<PageItem>{   
                id: AliasPath + 'Media.PlayerAlexa', 
                adapterPlayerInstance: 'alexa2.0.',
                mediaDevice: 'G0XXXXXXXXXXXXXX', 
                speakerList: ['Überall','Gartenhaus','Esszimmer','Heimkino','Echo Dot Küche','Echo Spot Buero'],
                //analog alexa2 Music-Provider
                playList: ['Spotify-Playlist.PartyPlaylist',
                           'Amazon-Music-Playlist.Mein Discovery Mix',
                           'My-Library-Playlist.2020',
                           'My-Library-Playlist.2021',
                           'TuneIn.Radio Bob Rock',
                           'TuneIn.NDR2',
                           'Spotify-Playlist.Sabaton Radio',
                           'Spotify-Playlist.Rock Party',
                           'Spotify-Playlist.This Is Nightwish',
                           'Spotify-Playlist.Metal Christmas'],
                equalizerList: ['Bassboost','Klassik','Dance', 'Deep', 'Electronic', 'Flat', 'Hip-Hop', 'Rock', 
                                'Metal', 'Jazz', 'Latin', 'Tonstärke', 'Lounge', 'Piano'],
                colorMediaIcon: colorAlexa,
                colorMediaArtist: Yellow,
                colorMediaTitle: Yellow,
                autoCreateALias : true
             }]
};

Danach einfach die Seite aufrufen (ist beim ersten mal schwarz, da der Alias erzeugt wird). Wenn der Screensaver da war, ist auch die cardMedia zu sehen.

Armilar

@basti-gepp sagte in SONOFF NSPanel mit Lovelace UI:

mediaDevice: 'alias.0.Wohnzimmer', //Alias statt der DeviceID

mediaDevice: 'alias.0.Wohnzimmer', //Alias statt der DeviceID

wird auch nicht funktionieren, da kein Datenpunkt importiert wird, sondern lediglich ein String verwendet wird.

Armilar

@basti-gepp sagte in SONOFF NSPanel mit Lovelace UI:

Ich bekomme auch einen Haufen Warnungen, aber ich denke die haben damit nichts zu tun:

Nein, das liegt daran, dass mindestens einer der beiden mrIconXScreensaverEntity in der Config falsch konfiguriert ist und kein existierender Datenpunkt verwendet wird.

Basti Gepp

@armilar vielen dank, wie fast immer saß der Fehler 60cm vor dem Bildschirm.
Hab ich wohl falsch gelesen, oder falsch verstanden oder wie auch immer.

Jetzt funktioniert es auf jeden Fall. Ich habe noch viel zu lernen

**basti

Armilar

@basti-gepp

Perfekt, ja der Fehler sitzt meistens zwischen einem Schreibtischstuhl und einem Bildschirm

Den Rest bekommst du auch noch hin. Viel Spaß mit dem Media-Player...

Basti Gepp

@armilar mrIconXScreensaverEntity damit sind die zwei "Symbole" oben links/rechts im BIldschirmschoner gemeint oder?
Wenn ja muss ich mir da noch was überlegen, soviele "Smarte" Geräte habe ich noch garnicht da ich ja noch in der Testphase bin

**basti

Armilar

@basti-gepp

Das Panel hat ja selbst auch Relay's

Einfach die verwenden, wenn sonst nichts verwendet werden kann!

    mrIcon1ScreensaverEntity: 
        { 
            ScreensaverEntity: NSPanel_Path + 'Relay.1', 
            ScreensaverEntityIconOn: 'lightbulb',                           //Rename
            ScreensaverEntityIconOff: null, 
            ScreensaverEntityValue: null,                                   //New
            ScreensaverEntityValueDecimalPlace : 0,                         //New
            ScreensaverEntityValueUnit: null,                               //New
            ScreensaverEntityOnColor: On, 
            ScreensaverEntityOffColor: HMIOff 
        },

    mrIcon2ScreensaverEntity:
        { 
            ScreensaverEntity: NSPanel_Path + 'Relay.2', 
            ScreensaverEntityIconOn: 'lightbulb',                           //Rename
            ScreensaverEntityIconOff: null, 
            ScreensaverEntityValue: null,                                   //New
            ScreensaverEntityValueDecimalPlace : 0,                         //New
            ScreensaverEntityValueUnit: null,                               //New
            ScreensaverEntityOnColor: On, 
            ScreensaverEntityOffColor: HMIOff 
        },

marc_d0810

@jobr99 said in SONOFF NSPanel mit Lovelace UI:

@marc_d0810 said in SONOFF NSPanel mit Lovelace UI:

hast du mit @joBr99 Kontakt oder meinst du es kommt noch ein Hinweis?

Bin gerade am Reisen, wenn da 55BB im Log steht, ist schon Lovelace drauf, dann sollte eigentlich auch das flashen ganz normal funktionieren ... Ich würde mal probieren das NSPanel auseinanderzubauen und das Kabel vom Display neu zu stecken, eventuell gibts da nen Kontaktproblem zwischen ESP und Nextion display auf dem TX Kontakt. (Solltest du sonst auch nicht über Waiting for content hinauskommen)

Ansonsten, könntest du über die Testpunkte auf dem board auch direkt mit dem nextion editor flashen (da muss dann aber rx an rx und tx an tx von deinem serial adapter, da die beschriftung aus sicht des ESP ist)

Es ist vollbracht, mit den Testpunkten vom Board konnte ich die aktuellste TFT auf das Display flashen und nun läuft die Sache wieder.

Danke nochmal an @joBr99 @TT-Tom und @Armilar für die tolle Unterstützung.

Basti Gepp

@armilar
Also die Warnungen sind "fast" weg, warum auch immer ich musste das +'Relay.1' entfernen, anders wäre die Warnung nicht weggegangen. Ob das so richtig und gewollt ist weiß ich nicht ^^
Jeden Falls zeigt er mir den richtigen State des Relais jetzt an (in meinem Fall dient er als ordinärer Lichtschalter)

Geblieben ist das hier:

Ich denke das hängt mit dem Weather.Forecast zu zusammen.

Und noch was fällt mir auf. Ich wollte die Luftfeuchtigkeit außen auf dem Screensaver anzeigen lassen. Als Wert steht hier aber "0°"

Hier der Codeblock dazu:

// bottomScreensaverEntity 4
            {
                ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity',
                ScreensaverEntityFactor: 0,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'opacity',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Feuchte',
                ScreensaverEntityUnitText: '%',
                ScreensaverEntityIconColor: White

Wo sind hier die Fehler zu suchen?

Grüße und danke
**basti

TT-Tom

@basti-gepp
Mensch basti Faktor 0. das kleine 1x1

tklein

Hallo,

wie kann ich am besten einen Temperaturslider ähnlich der Lautstärke auf einen View neben zusatzlichen Werten bekommen? Der Tempbereich geht von 10-40 Grad. Ein Thermostatview ist dafür zu "viel".

Gruß
Thomas

TT-Tom

@tklein

Ein Alias vom Typ Slider würde ich spontan sagen. Benötigt Actual und Set. Schau mal ins Wiki

tklein

@tt-tom thx. oh man, dazu gab es sogar schon beispiele.....

bean

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

@bean

Ich würde auch gerne einen String in der untersten Zeile anzeigen lassen, die 10 Zeichen reichen mir auch leicht, aber ich verstehe die Änderungen (markiert mit //gargano) nicht ganz, bzw. hat sich das Originalscript inzwischen verändert, sodass ich die Änderungen nicht ganz nachvollziehen kann.
Ob mann diese Möglichkeit vielleicht im Originalscript einbauen könnte?

Das Script hat sich an dieser Stelle nicht wirklich verändert. Es ist aber ein "Quick and Dirty" hack mit zwei Fehlern und 2 unschärfen:

Zunächst ist in der Definition oben ein Komma in der 2. Zeile zuviel.

Dann wird nach != null abgefragt. Hier werden Nachkommazahlen berechnet. Das wird dann ohne numerischen Wert auf auf einen toFixed-Fehler laufen, daher wurde die Zeile unkommentiert entfernt. Korrekter wäre, damit andere User auch weiter Freude an ihren Funktionen haben, eine weitere Abfrage einzufügen, ob der Stringwert eine Nummer repräsentiert oder nicht.

In boolschen oder numerischen Datenpunkten braucht keine Value-Auswertung ausgeführt werden

Da das Prinzip aber funktioniert, könnte ich eine Änderung einbauen. Könntest du hierzu einen Issue aufmachen?

Hab jetzt die neue 4.0.5 Version installiert:
Wenn die ScreensaverEntityValue für in meinem Fall mrIcon2ScreensaverEntity auf einen String verweist (der mit dem Quick&Dirty-Hack funktioniert hatte), kommt ein Fehler:

error at function HandleScreensaverStatusIcons: getState(...).val.toFixed is not a function

Armilar

@bean

Hast du den unteren Teil des Scriptes 4.0.5 ausgetauscht? Ich habe die Funktion umgeschrieben.

Wenn du die 16 Zeichen haben möchtest, dann ist das aktuell nur in der DEV so:

FlashNextion http://nspanel.pky.eu/lui.tft

function HandleScreensaverStatusIcons() austauschen müsste reichen.

Ansonsten kurz die Definition senden...

Basti Gepp

@tt-tom
ja...klar...jetzt geht es
Ich sehe schon ich muss noch viel lernen

Aber macht schon auch Spaß das ganze und raubt mir meine Abende
Aber hey, es wird schon, zumindest habe ich selber raus gefunden wie ich in einem Alias die Werte runden kann

Danke für eure unermüdliche Hilfe, ich habe wirklich tiefsten Respekt davor wie gut Ihr euch auskennt!!

basti

bean

@armilar Habe den kompletten unteren Teil ausgetauscht...

die Definition:

    mrIcon2ScreensaverEntity: 
        { 
            ScreensaverEntity: '0_userdata.0.Global.NextSunEvent', 
            ScreensaverEntityIconOn: 'weather-sunset-up',
            ScreensaverEntityIconOff: 'weather-sunset-down', 
            ScreensaverEntityValue: '0_userdata.0.Global.NextSunEventTime',
            ScreensaverEntityValueDecimalPlace : 0,
            ScreensaverEntityValueUnit: '',
            ScreensaverEntityOnColor: Yellow, 
            ScreensaverEntityOffColor: Yellow 
        },

Armilar

@bean sagte in SONOFF NSPanel mit Lovelace UI:

NextSunEvent

Ist das boolean --> true/false?

bean

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

@bean sagte in SONOFF NSPanel mit Lovelace UI:

NextSunEvent

Ist das boolean --> true/false?

Ja genau, das sorgt für das richtige Icon.
NextSunEventTime ist dann ein String, in etwas "18:12"

Armilar

@bean

Tausch die mal aus:

function HandleScreensaverStatusIcons() : void {
    try {
        let payloadString = '';
        let hwBtn1Col: any = config.mrIcon1ScreensaverEntity.ScreensaverEntityOffColor;
        if (config.mrIcon1ScreensaverEntity.ScreensaverEntity != null) {
            if (typeof (getState(config.mrIcon1ScreensaverEntity.ScreensaverEntity).val) == 'string') {
                let hwBtn1: string = getState(config.mrIcon1ScreensaverEntity.ScreensaverEntity).val;
                if (hwBtn1 == 'ON') {
                    hwBtn1Col = config.mrIcon1ScreensaverEntity.ScreensaverEntityOnColor;
                }
                if (getState(config.mrIcon1ScreensaverEntity.ScreensaverEntity).val) {
                    payloadString += Icons.GetIcon(config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOn);
                } else {
                    if (config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOff != null) {
                        payloadString += Icons.GetIcon(config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOff);
                    } else {
                        payloadString += Icons.GetIcon(config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOn);
                    }
                } 
                if (config.mrIcon1ScreensaverEntity.ScreensaverEntityValue != null) {
                    if (isNaN(getState(config.mrIcon1ScreensaverEntity.ScreensaverEntityValue).val) == false) {
                        payloadString += (getState(config.mrIcon1ScreensaverEntity.ScreensaverEntityValue).val).toFixed(config.mrIcon1ScreensaverEntity.ScreensaverEntityValueDecimalPlace);
                        payloadString += config.mrIcon1ScreensaverEntity.ScreensaverEntityValueUnit;
                    } else {
                        payloadString += getState(config.mrIcon1ScreensaverEntity.ScreensaverEntityValue).val
                    }                        
                }
                payloadString += '~' + rgb_dec565(hwBtn1Col) + '~';
            } else if (typeof (getState(config.mrIcon1ScreensaverEntity.ScreensaverEntity).val) == 'boolean') {
                let hwBtn1: boolean = getState(config.mrIcon1ScreensaverEntity.ScreensaverEntity).val;
                if (hwBtn1) {
                    hwBtn1Col = config.mrIcon1ScreensaverEntity.ScreensaverEntityOnColor;
                }
                if (getState(config.mrIcon1ScreensaverEntity.ScreensaverEntity).val) {
                    payloadString += Icons.GetIcon(config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOn);
                } else {
                    if (config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOff != null) {
                        payloadString += Icons.GetIcon(config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOff);
                    } else {
                        payloadString += Icons.GetIcon(config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOn);
                    }
                } 
                if (config.mrIcon1ScreensaverEntity.ScreensaverEntityValue != null) {
                    if (isNaN(getState(config.mrIcon1ScreensaverEntity.ScreensaverEntityValue).val) == false) {
                        payloadString += (getState(config.mrIcon1ScreensaverEntity.ScreensaverEntityValue).val).toFixed(config.mrIcon1ScreensaverEntity.ScreensaverEntityValueDecimalPlace);
                        payloadString += config.mrIcon1ScreensaverEntity.ScreensaverEntityValueUnit;
                    } else {
                        payloadString += getState(config.mrIcon1ScreensaverEntity.ScreensaverEntityValue).val
                    }                      
                }
                payloadString += '~' + rgb_dec565(hwBtn1Col) + '~';
            }
        } else if (config.mrIcon1ScreensaverEntity.ScreensaverEntity == null && config.mrIcon1ScreensaverEntity.ScreensaverEntityValue != null){
            
            if(config.mrIcon1ScreensaverEntity.ScreensaverEntityOnColor != null){
                hwBtn1Col = config.mrIcon1ScreensaverEntity.ScreensaverEntityOnColor;
            }
            if(config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOn != null){
                payloadString += Icons.GetIcon(config.mrIcon1ScreensaverEntity.ScreensaverEntityIconOn);
            }
            
            if (config.mrIcon1ScreensaverEntity.ScreensaverEntityValue != null) {
                if (isNaN(getState(config.mrIcon1ScreensaverEntity.ScreensaverEntityValue).val) == false) {
                    payloadString += (getState(config.mrIcon1ScreensaverEntity.ScreensaverEntityValue).val).toFixed(config.mrIcon1ScreensaverEntity.ScreensaverEntityValueDecimalPlace);
                    payloadString += config.mrIcon1ScreensaverEntity.ScreensaverEntityValueUnit;
                } else {
                    payloadString += getState(config.mrIcon1ScreensaverEntity.ScreensaverEntityValue).val
                }                        
            }
            payloadString += '~' + rgb_dec565(hwBtn1Col) + '~';
        }
        else {
            hwBtn1Col = Black;
            payloadString += '~~';
        }

        let hwBtn2Col: any = config.mrIcon2ScreensaverEntity.ScreensaverEntityOffColor;
        if (config.mrIcon2ScreensaverEntity.ScreensaverEntity != null) {
            if (typeof (getState(config.mrIcon2ScreensaverEntity.ScreensaverEntity).val) == 'string') {
                let hwBtn2: string = getState(config.mrIcon2ScreensaverEntity.ScreensaverEntity).val;
                if (hwBtn2 == 'ON') {
                    hwBtn2Col = config.mrIcon2ScreensaverEntity.ScreensaverEntityOnColor;
                }
                if (getState(config.mrIcon2ScreensaverEntity.ScreensaverEntity).val) {
                    payloadString += Icons.GetIcon(config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOn);
                } else {
                    if (config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOff != null) {
                        payloadString += Icons.GetIcon(config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOff);
                    } else {
                        payloadString += Icons.GetIcon(config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOn);
                    }
                } 
                if (config.mrIcon2ScreensaverEntity.ScreensaverEntityValue != null) {
                    console.log()
                    if (isNaN(getState(config.mrIcon2ScreensaverEntity.ScreensaverEntityValue).val) == false) {
                        payloadString += (getState(config.mrIcon2ScreensaverEntity.ScreensaverEntityValue).val).toFixed(config.mrIcon2ScreensaverEntity.ScreensaverEntityValueDecimalPlace);
                        payloadString += config.mrIcon2ScreensaverEntity.ScreensaverEntityValueUnit;
                    } else {
                        payloadString += getState(config.mrIcon2ScreensaverEntity.ScreensaverEntityValue).val
                    }                        
                }
                payloadString += '~' + rgb_dec565(hwBtn2Col) + '~';
            } else if (typeof (getState(config.mrIcon2ScreensaverEntity.ScreensaverEntity).val) == 'boolean') {
                let hwBtn2: boolean = getState(config.mrIcon2ScreensaverEntity.ScreensaverEntity).val;
                if (hwBtn2) {
                    hwBtn2Col = config.mrIcon2ScreensaverEntity.ScreensaverEntityOnColor;
                }
                if (getState(config.mrIcon2ScreensaverEntity.ScreensaverEntity).val) {
                    payloadString += Icons.GetIcon(config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOn);
                } else {
                    if (config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOff != null) {
                        payloadString += Icons.GetIcon(config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOff);
                    } else {
                        payloadString += Icons.GetIcon(config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOn);
                    }
                } 
                if (config.mrIcon2ScreensaverEntity.ScreensaverEntityValue != null) {
                    if (isNaN(getState(config.mrIcon2ScreensaverEntity.ScreensaverEntityValue).val) == false) {
                        payloadString += (getState(config.mrIcon2ScreensaverEntity.ScreensaverEntityValue).val).toFixed(config.mrIcon2ScreensaverEntity.ScreensaverEntityValueDecimalPlace);
                        payloadString += config.mrIcon2ScreensaverEntity.ScreensaverEntityValueUnit;
                    } else {
                        payloadString += getState(config.mrIcon2ScreensaverEntity.ScreensaverEntityValue).val
                    }                        
                }
                payloadString += '~' + rgb_dec565(hwBtn2Col) + '~';
            }
        } else if (config.mrIcon2ScreensaverEntity.ScreensaverEntity == null && config.mrIcon2ScreensaverEntity.ScreensaverEntityValue != null){
            
            if(config.mrIcon2ScreensaverEntity.ScreensaverEntityOnColor != null){
                hwBtn2Col = config.mrIcon2ScreensaverEntity.ScreensaverEntityOnColor;
            }

            if(config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOn != null){
                payloadString += Icons.GetIcon(config.mrIcon2ScreensaverEntity.ScreensaverEntityIconOn);
            }
            
            if (config.mrIcon2ScreensaverEntity.ScreensaverEntityValue != null) {
                if (isNaN(getState(config.mrIcon2ScreensaverEntity.ScreensaverEntityValue).val) == false) {
                    payloadString += (getState(config.mrIcon2ScreensaverEntity.ScreensaverEntityValue).val).toFixed(config.mrIcon2ScreensaverEntity.ScreensaverEntityValueDecimalPlace);
                    payloadString += config.mrIcon2ScreensaverEntity.ScreensaverEntityValueUnit;
                } else {
                    payloadString += getState(config.mrIcon2ScreensaverEntity.ScreensaverEntityValue).val
                }                                            
            }
            payloadString += '~' + rgb_dec565(hwBtn2Col) + '~';
        } else {
            hwBtn2Col = Black;
            payloadString += '~~';
        }

        let alternateScreensaverMFRIcon1Size = getState(NSPanel_Path + 'Config.MRIcons.alternateMRIconSize.1').val
        let alternateScreensaverMFRIcon2Size = getState(NSPanel_Path + 'Config.MRIcons.alternateMRIconSize.2').val
        //Alternate MRIcon Size
        if (alternateScreensaverMFRIcon1Size) {
            payloadString += '1~';
        } else {
            payloadString += '~';
        }
        if (alternateScreensaverMFRIcon2Size) {
            payloadString += '1~';
        } else {
            payloadString += '~';
        }

        SendToPanel(<Payload>{ payload: 'statusUpdate~' + payloadString });

    } catch (err) {
        console.warn('error at function HandleScreensaverStatusIcons: ' + err.message);
    }
}

Ist jetzt auch auf Bool erweitert

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

732
Online

30.6k
Users

77.2k
Topics

1.2m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

732Online

30.6kUsers

77.2kTopics

1.2mPosts

732
Online

30.6k
Users

77.2k
Topics

1.2m
Posts