SONOFF NSPanel mit Lovelace UI

[ticaki]

Update - v4.3.3.30

• Überarbeitung der Types
• Verbesserung der Variablenprüfung
• Bessere Fehleranzeige in der Konfiguration

Änderungen am Konfigurationsteil

Um die Vorzüge der verbesserten Types zu nutzen sind folgende Änderungen nötig. Diese sind kein muss, sondern ein kann. Es werden nachdem Einfügen der folgenden Codeänderungen auf jeden Fall Fehler in eurer Konfiguration erscheinen, die ihr dann bitte behebt.

alt
export const config = <Config> {

neu
export const config: Config = {

Der zweite Teil umfasst mehr Punkte und begrifft jede definierte Page.
PageChart | PageEntities | PageGrid | PageGrid2 | PageThermo | PageMedia | PageUnlock | PageQR | PageAlarm | PagePower

Diese alle ersetzen wie im gezeigten Beispiel:
let Abfallpage = <PageEntities>

Neu
let Abfallpage: PageType =

Wenn aktuelle Version ab v4.3.3.10, dann unteren Teil des NSPanelTs.ts ab:

// ________________ DE: Ab hier keine Konfiguration mehr _______________

austauschen

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

Wenn aktuelle Version bis v4.3.3.9, dann Updateaneitung befolgen:
https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

VG
@Armilar, @TT-Tom, @Kuckuckmann & @ticaki

[Chris_71]

@ticaki

hier hat sich wohl ein Schreibfehler eingeschlichen:

neu
export config: Config = {

export const config: Config = {

[ticaki]

@chris_71

Danke recht hast du

[ticaki]

Zum Update

Hab noch was vergessen:

Alle <PageItem> können/sollten entfernt werden.

In der Konfiguration soll nirgendwo im code etwas mit <> vor einem Wert stehen.

[Homoran]

Ich habe hier
https://forum.iobroker.net/post/1104335

einen Irrläufer hineingeschoben.

Nicht dass er jetzt ganz verloren geht

[ticaki]

@olligut sagte in SONOFF NSPanel mit Lovelace UI:

Hallo zusammen,
ich würde gerne meine Bose Soundtouch mit dem NSPanel steuern. Ich habe auf dem IOBroker den Soundtouch Adapter installiert und eine Instanz angelegt. Da es die vorkonfigurierten MediaCards nur für Sonos, Alexa etc gibt. wollte ich einfach eine Standard-MediaCard nutzen.

let Bose = <PageMedia>
{
    "type": "cardMedia",
    "heading": "Bose",
    "useColor": true,
    "items": [<PageItem>{   
                id: AliasPath + 'Media.Bose', 
                adapterPlayerInstance: "bosesoundtouch.0.",
                mediaDevice: "192.168.178.32",
                speakerList: ["Wohnzimmer"],
                colorMediaIcon: colorSpotify,
                colorMediaArtist: Yellow,
                colorMediaTitle: Yellow,
                autoCreateALias : true
             }]
};

Aber schon ein erster Versuch schlägt fehl: "Cannot read properties of undefined (reading 'id')"
Was eigentlich logisch ist, weil es den Pfad unter Alias auch nicht gibt; allerdings wird er auch nicht angelegt, obwohl ich das Autoanlegen aktiviert habe.
Hat vielleicht jemand so einen Adapter bereits gebaut und könnte mir etwas helfen, oder wie sollte ich vorgehen, wenn ich das selber machen müsste?
Für einen Tipp bedanke ich mich im Voraus und wünsche allen schonmal einen guten Rutsch.
Gruß Olli

Da gehen nur eingebaute Adapter und bosesoundtouch.0 ist da nicht drin. Mal sehen was @Armilar, @TT-Tom dazu meinen. Ich mach nur types

Passt aber gerade gut, hab vor 20 Minuten die types dafür eingebaut.

type PlayerType = 'alexa2' | 'sonos' | 'spotify-premium' | 'volumio' |'squeezeboxrpc' 

[Armilar]

@ticaki
@OlliGut

Was sind das für Datenpunkte?

Kann das gerne einbauen, allerdings nicht testen... Müsstest du dann übernehmen...

Brauche erstmal die Datenpunkte vom bosesoundtouch.0. und am Besten auch von den wichtigsten Inhalten der Datenpunkte...

[Armilar]

Update v4.3.3.31

@ticaki ist unermüdlich am Tippen und hat folgende Änderungen für euch heute mitgebracht:

• Da der Alias für die cardMedia sowieso von niemanden erstellt werden kann, wird der Parameter autoCreateALias in der Seitendefinition der cardMedia nicht mehr benötigt. Der Parameter ist direkt in die Funktion der cardMedia im NSPanelTs.ts gewandert.
• Ab sofort ist die Verwendung des Parameters adapterPlayerInstanz ausschließlich auf die cardMedia eingeschränkt. (Ich denke den hatte sowieso niemand in einer anderen Card )
• Es sind 10 Player-Instanzen (0-9) eines Adapters erlaubt. Jede Instanz benötigt einen '.' Punkt am Ende (War bislang beim Volumio und Squeezebox-RPC nicht der Fall). Also volumio.0. statt volumio.0 und squeezeboxrpc.0. statt squeezeboxrpc.0
  Somit sind alle Player-Instanzen von der Nomenklatur jetzt gleich.

@TT-Tom hat mit der v4.3.3.29 eine ESP32-Buzzer-Funktion im popupNotify bereitgestellt. Die v4.3.3.30 kam zeitgleich mit der v4.3.3.29, so dass die Erwähnung dieses Punktes unterging.

In den nächsten Tagen kommen von meiner Seite dann noch funktionale Verbesserungen für den einen oder anderen Media-Player.

Wenn aktuelle Version ab v4.3.3.30, dann unteren Teil des NSPanelTs.ts ab:

// ________________ DE: Ab hier keine Konfiguration mehr _______________

austauschen

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

Wenn aktuelle Version bis v4.3.3.29, dann Updateaneitung befolgen:
https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

VG
@ticaki , @TT-Tom & @Armilar

[OlliGut]

@armilar Das wäre ja super. Testen werde ich natürlich gerne. Ich habe die Datenpunkte als json, wie kann ich dir diese zur Verfügung stellen? Man kann wohl nur Bilder hochladen und dafür ist es zu viel...
Schon mal vielen Dank.
Gruß Olli

[Armilar]

@olligut

Ein Bild von den Datenpunkten unter Objekte reicht mir, wenn die Werte z.T. sichtbar sind.

Ggfs. komme ich bei dem ein oder anderen auf dich zurück

Der Adapter selbst liefert ja auch Infos...

[icebear]

Halli,Hallo

Ich hab heute das update auf v4.3.3.30 durchgeführt, das Script zeigt im Editor keinen Fehler und startet dann auch ohne Fehler.

Allerdings kommt dann nach kurzer Zeit Zeit folgende Fehlermeldung:

javascript.0
2024-01-04 11:15:00.086	warn	script.js.NSPanel.NSPanelTS_1_v4_3_3_30: error at function HandleScreensaverUpdate: Cannot read properties of undefined (reading 'ScreensaverEntityIconColor')

javascript.0
2024-01-04 11:14:30.397	warn	script.js.NSPanel.NSPanelTS_1_v4_3_3_30: error at function HandleScreensaverUpdate: Cannot read properties of undefined (reading 'ScreensaverEntityIconColor')

javascript.0
2024-01-04 11:14:28.266	warn	script.js.NSPanel.NSPanelTS_1_v4_3_3_30: error at function HandleScreensaverUpdate: Cannot read properties of undefined (reading 'ScreensaverEntityIconColor')

javascript.0
2024-01-04 11:10:30.469	warn	script.js.NSPanel.NSPanelTS_1_v4_3_3_30: error at function HandleScreensaverUpdate: Cannot read properties of undefined (reading 'ScreensaverEntityIconColor')

die hatte ich vorher nicht??

Anmeckern tut er anscheinend die Einträge für 'indicatorScreensaverEntity' und da wohl 'ScreensaverEntityIconColor: {'val_best': 1}'

die sehen bei mir so aus:

            // indicatorScreensaverEntity 2 (only Advanced Screensaver)
            { 
                ScreensaverEntity: 'alias.0.Home.Garage.Garagentor.ACTUAL',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'garage-variant',
                ScreensaverEntityIconOff: 'garage-open-variant',
                ScreensaverEntityText: 'Garage',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: {'val_best': 1}
            },

ich hab das gemäß Wiki mal auf

'ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }'

geändert, aber die Fehler kommen weiterhin.

Wo ist jetzt mein Problem? Wie gesagt vor dem Update lief alles ohne Probleme

[ticaki]

@icebear sagte in SONOFF NSPanel mit Lovelace UI:

ScreensaverEntityIconColor

Zeig mal bitte den kompletten Unterpunkt zu indicatorScreensaverEntity.

[icebear]

@ticaki said in SONOFF NSPanel mit Lovelace UI:

Zeig mal bitte den kompletten Unterpunkt zu indicatorScreensaverEntity.

indicatorScreensaverEntity:
        [
		// Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400
            { 
                ScreensaverEntity: 'alias.0.Home.Nuki.Nuki.ACTUAL',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'lock-outline',
                ScreensaverEntityIconOff: 'lock-open-outline',
                ScreensaverEntityText: 'Nuki',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: { 'val_best': 1}
            },
            // indicatorScreensaverEntity 2 (only Advanced Screensaver)
            { 
                ScreensaverEntity: 'alias.0.Home.Garage.Garagentor.ACTUAL',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'garage-variant',
                ScreensaverEntityIconOff: 'garage-open-variant',
                ScreensaverEntityText: 'Garage',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: {'val_best': 1}
            },
            // indicatorScreensaverEntity 3 (only Advanced Screensaver)
            { 
                ScreensaverEntity: 'alias.0.Home.Alarmanlage.ACTUAL',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'shield-home-outline',
                ScreensaverEntityIconOff: 'shield-home-outline',
                ScreensaverEntityText: 'Alarm',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: {'val_best': 0}
            },
             // indicatorScreensaverEntity 4 (only Advanced Screensaver)
            { 
                ScreensaverEntity: 'alias.0.Home.Garage.CarLoad.ACTUAL',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'ev-plug-ccs2',
                ScreensaverEntityIconOff: 'ev-plug-ccs2',
                ScreensaverEntityText: 'Car',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: {'val_best': 0}
            },                     
        ],

[ticaki]

@icebear sagte in SONOFF NSPanel mit Lovelace UI:

indicatorScreensaverEntity

Fehler im Code und in der Config gefunden.

Es müssen 5 angegeben sein - dein Fehler

Es wird nicht gecheckt ob einer undefiniert ist - unser Fehler

Und noch einer - IconColor wurde immer vom 5 Eintrag genommen

[Armilar]

@icebear

ScreensaverEntityIconColor: {'val_best': 0}

geht nicht!

es muss mindestens val_min und val_max vorhanden sein.

ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 985, 'val_best': 500}

Zum Prinzip:

• val_min stellt den minimalen Wert einer Skala dar (grün)

• val_max stellt den maximalen Wert einer Skala dar (rot)

• Wenn val_best (optional) gesetzt ist (Wert zwischen val_min und val_max), dann stellt dieser den "grünen Bereich" dar und ändert sich zu val_min und val_max jeweils in Richtung rot.

EDIT:
Man kann natürlich wie in diesem Beispiel:

           { 
                ScreensaverEntity: 'alias.0.Home.Nuki.Nuki.ACTUAL',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'lock-outline',
                ScreensaverEntityIconOff: 'lock-open-outline',
                ScreensaverEntityText: 'Nuki',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 1, 'val_best': 0}         
           },

die Skala für boolsche Werte nutzen. Wenn du jedoch nur zwei Zustände hast, kannst du OnColor und OffColor benutzen

           { 
                ScreensaverEntity: 'alias.0.Home.Nuki.Nuki.ACTUAL',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'lock-outline',
                ScreensaverEntityIconOff: 'lock-open-outline',
                ScreensaverEntityText: 'Nuki',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityOnColor: Green,
                ScreensaverEntityOffColor: Red,            
           },

[icebear]

@armilar said in SONOFF NSPanel mit Lovelace UI:

geht nicht!
es muss mindestens val_min und val_max vorhanden sein.

@ticaki @Armilar danke euch beiden, habs geändert und funktioniert jetzt ohne Fehler.

1. Allerdings stellt sich die Frage warum hat es noch mit der v4.3.3.24 ohne Fehlermeldung funktioniert?

2. Dann müsstet ihr auch bitte noch das Wiki ändern weil da steht auch noch folgendes drin

Danke nochmal

[Armilar]

@icebear

1. Der Code überspringt den Eintrag, da er nicht findet was er benötigt. Setzt also die Default-Farbe für das Icon ein...
2. Danke - das stimmt wohl --> ich ändere es gleich mal ab

EDIT:
Habe die Zeile mal ganz entfernt, da es oberhalb perfekt erklärt ist:

OnColor und OffColor nehmen wir noch mit auf...

[OlliGut]

@armilar Perfekt. Dann kommt hier das Bild! Ich habe das aus einzelnen Screenshots zusammenkopiert, daher die mehrfache Zeilenmarkierung.

Gruß Ollli

soundtouch.png

[Armilar]

@olligut

Perfekt - alles drin - gib mir ein paar Tage

Der Rumpf ist schon da

EDIT: Auch schon ein wenig mehr

[rockplums]

Hallo zusammen,
eigentlich bin ich nur stiller Leser und dies ist mein erster Post in diesem Forum. Bis jetzt habe ich durch das Forum und Wiki immer eine Lösung gefunden aber aktuell erhalte ich im Screensaver Fehler und komme einfach nicht weiter.

Ich habe 3 NS-Panel welche aktuell konfiguriert sind und prima laufen mit der Version v4.3.3.28.

Gestern habe ich testweise versucht die aktuelle Version v4.3.3.31 einzuspielen und erhielt ich folgenden Fehler beim Starten.

TypeScript compilation failed: ScreensaverEntityIconColor: { 'val_min': false, 'val_max': true } ^ ERROR: Type 

Da ich im Changelog was gelesen hatte wegen Type-Prüfung habe ich die Config wie geändert.
vorher:

indicatorScreensaverEntity:
        [ 
            { 
                ScreensaverEntity: '0_userdata.0.Gartentor.Toristoffen',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'gate-alert',
                ScreensaverEntityIconOff: 'gate',
                ScreensaverEntityText: 'Tor',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: { 'val_min': false, 'val_max': true }
               
            },

Änderung:

indicatorScreensaverEntity:
        [ 
            { 
                ScreensaverEntity: '0_userdata.0.Gartentor.Toristoffen',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'gate-alert',
                ScreensaverEntityIconOff: 'gate',
                ScreensaverEntityText: 'Tor',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }
               
            },

jetzt erhalte ich beim Starten zwar keine Fehlermeldung mehr aber der Screensaver wird nicht angezeigt und im Log steht folgender Error.

javascript.0 (2358182) script.js.NSpanel.NSPanelTs_felix_ts1: error at function HandleScreensaverUpdate: Cannot read properties of undefined (reading 'ScreensaverEntityIconColor')

Die Entity hat den Zustand boolean: false/true

Vielleicht kann mir jemand einen Tipp geben.