SONOFF NSPanel mit Lovelace UI

xblades

Hallo,
bin neu hier und habe ein Problem und eine Frage :

Frage : kann man Datenpunkte verschachteln bzw. wie?
Bekomme im Trashschedule unter trashschedule.0.next.types nur den Typ, z.b. Wertstofftonne. Die Farbe wäre dann zu finden unter trashschedule.0.type.wertstofftonne.color
Problem
habe im NSPanel Service keine Datenpunkte (alles was nicht navigate ist, ist leer), dabei sieht aliaspfad etc. gut aus. Im NSPanel_Service fehlt auch schon der erste untere rebootbutton. Habe dort auch versucht den Pfad direkt einzutragen, keine Änderung. Hier weiß ich gerade nicht weiter.

Ansonsten ist alle Software frisch, keine Fehlermeldungen, minimal angepasstes NSPanelTs.ts ohne Beispiele.
Der Rest (accuweather, mqtt etc. geht)
tasmota 12.5.0
berrydriver 8
adapter 1.1.1
javascript 6.1.4
TS script 4.0.5 ohne Beispiele
Pfade angepasst
nspanel.ts

Armilar

@xblades

Ich weiß zwar nicht wie das passiert ist, aber deine Aliase haben so wie es aussieht keine "Channel"!

Müsste so aussehen:

Lösche bitte mal das durch das "Script" erstellte Verzeichnis unter 0_userdata.0. und alias.0.

Danach noch mal das Script ausführen und alle Datenpunkte erneut anlegen lassen.

Welche nodeJS-Version ist im Einsatz? --> In Linux-Console node -v ausführen

Hintergrund: Das Script sucht nach dem Alias Channel. Wenn der nicht vorhanden ist, weiß das Script nicht, welches Steuerelement instanziert werden soll...

Beispiel rebootNSPanel

bei mir button
bei dir folder

EDIT:
Zum Thema trashschedule.0. kann ich dir allerdings nicht helfen, da ich den Adapter nicht benutze. Gibt aber bestimmt zahlreiche User hier mit Beispielen...

EDIT2: Kann es sein, dass der Haken setObjects im JS-Adapter (Config) nicht gesetzt ist? Könnte erklären, warum die Channel nicht angelegt werden.

xblades

@armilar said in SONOFF NSPanel mit Lovelace UI:

setObjects

Danke, war setObjects - was man nicht alles übersehen kann ...

TT-Tom

@xblades sagte in SONOFF NSPanel mit Lovelace UI:

Frage : kann man Datenpunkte verschachteln bzw. wie?
Bekomme im Trashschedule unter trashschedule.0.next.types nur den Typ, z.b. Wertstofftonne. Die Farbe wäre dann zu finden unter trashschedule.0.type.wertstofftonne.color

wenn du den Abfallkalender nach dem Wiki nachbauen willst, wirst du mit dem Color Probleme bekommen. Der Trash bringt den Color in HEX und das Script benötigt es aber als rgb_dec565. Zusätzlich wird der aktuelle nicht oben stehen auf der Page.

du kannst auch mein Script nutzen, es holt sich die Daten aus dem ical und ist mit dem Wiki konform

xblades

@tt-tom
Ich möchte eigentlich nur eine color für den Screensaver wie im NSPanel.TS

// leftScreensaverEntity 3 (only Advanced Screensaver)
        	{
                ScreensaverEntity: '0_userdata.0.Abfallkalender.1.date',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'trash-can',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Abfall',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: '0_userdata.0.Abfallkalender.1.color'

Ich habe aber im Trash keine color für das nächste Element, sondern nur den Typ, zum Typ gibt es dann wieder eine Color.

Vielleicht so

{val:trashschedule.0.types; val="Wertstofftonne"? 'trashschedule.0.type.wertstofftonne.color': val="Restabfalltonne"? 'trashschedule.0.type.restabfalltonne.color': val="Biotonne"? 'trashschedule.0.type.biotonne.color':'trashschedule.0.type.papiertonne.color'}

Oder

{val:trashschedule.0.types; val="Wertstofftonne"? 'Yellow': val="Restabfalltonne"? 'Red':val="Biotonne"? 'Green':'Blue'}

Keine Idee was da funktionieren könnte und wie es korrekt geschrieben wird - JS ist Neuland.

xblades

@xblades
Folgendes scheint zu funktionieren :

ScreensaverEntityIconColor: getState('trashschedule.0.next.types').val=="Biotonne"?Green:getState('trashschedule.0.next.types').val=="Papiertonne"?Blue:getState('trashschedule.0.next.types').val=="Wertstofftonne"?Yellow:Red

TT-Tom

@xblades
Deine Trash-Daten kommen doch vom ical - Adapter. Wenn du mein Script nimmst, welches eine Erweiterung aus dem Wiki ist, bekommst du alle Daten für das Panel. Es erstellt auch alle Datenpunkte selber.
Damit kannst du dir eine Page anlegen und auch im Screensaver die Daten anzeigen lassen. Den Trash-Adapter kannst du auch parallel betreiben für die VIS. Bei mir läuft er auch so.
Meine Config für den Screensaver. Der nächste Termin liegt immer in "1.date"

// leftScreensaverEntity 3 (only Advanced Screensaver)
        	{
                ScreensaverEntity: '0_userdata.0.Abfallkalender.1.date',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'trash-can',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Abfall',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: '0_userdata.0.Abfallkalender.1.color'
            },

Für die Page sieht die Config so aus.

let Abfall = <PageEntities>
{
    'type': 'cardEntities',
    'heading': 'Abfallkalender',
    'useColor': true,
    'items': [
        <PageItem>{ id: AliasPath + 'Abfall.event1',icon: 'trash-can'},
        <PageItem>{ id: AliasPath + 'Abfall.event2',icon: 'trash-can'},
        <PageItem>{ id: AliasPath + 'Abfall.event3',icon: 'trash-can'},
        <PageItem>{ id: AliasPath + 'Abfall.event4',icon: 'trash-can'}
    ]
};

Dies soll nur ein Vorschlag für dich sein. schönes Wochenende

xblades

@tt-tom
Ja, das dürfte passen, ich probier es mal aus. Im Grunde war es eher ein Versuch Daten in den Screensaver zu bekommen. Habe da schon meine Pooltemperatur, das war einfach, da Zahl. Dann wollte ich einfach mal Daten aus dem Trashschedule ausgeben, da finegen die Probleme dann an.
z.B. das Datum liegt als Text vor und ist dort korrekt formatiert. Wenn es an den Screensaver deht detektiert der, dass ein Datum drin ist und formatiert es neu. Folge Tag und Monat sind vertauscht.
Die ScreensaverEntity wird als Zahl interpretiert, da kann man nicht direkt umformatierungen machen.
Das heißt dann ein Script, das Datenpunkte in andere userdata umformatiert, die man dann direkt benutzen kann.
Sowas habe ich im Wiki nicht gelesen - vielleicht auch zu schnell gelesen :-)
Alternativ könnte man alias anlegen mit einer neuen Role und die Role dann im script entsprechend bearbeiten.

Armilar

@xblades sagte in SONOFF NSPanel mit Lovelace UI:

Alternativ könnte man alias anlegen mit einer neuen Role und die Role dann im script entsprechend bearbeiten.

Könnte man - aber aus Gründen der Abwärtskompatibilität nicht wirklich die Beste Idee ;-)

Armilar

@xblades sagte in SONOFF NSPanel mit Lovelace UI:

z.B. das Datum liegt als Text vor und ist dort korrekt formatiert. Wenn es an den Screensaver deht detektiert der, dass ein Datum drin ist und formatiert es neu. Folge Tag und Monat sind vertauscht.
Die ScreensaverEntity wird als Zahl interpretiert, da kann man nicht direkt umformatierungen machen.
Das heißt dann ein Script, das Datenpunkte in andere userdata umformatiert, die man dann direkt benutzen kann.

Wenn das Datum korrekt vorliegt, warum formatierst du es dann noch?

Wenn getDateObject die falschen Daten einsammelt, dann liegt es wohl eher an den Locales des Betriebssystems

PROcrastinator

@thomson Hi Thomson, hast Du die Wlan Karte hinbekommen?
Ich bekomme einen Fehler beim Aufruf der Seite

let WLAN = <PageQR> 
        {
            'type': 'cardQR',
            'heading': 'Gäste WLAN',
            'useColor': true,
            'subPage': false,
            'items': [<PageItem>{ id: 'alias.0.NSPanel.1.Sonstige.wlan_guest', hidePassword: false }]
        };

Ich habe unter Userdata einen Datenpunkt angelegt und unter alias darauf verwiesen. Hab meine Wlandaten so eingegeben wie in Deinem Screenshot.
Trotzdem bekomme ich einen Fehler im Skript angezeigt:

22:38:33.312	warn	javascript.0 (5458) at GenerateQRPage (script.js.NSPanel.Panel1:5487:67)
22:38:33.313	warn	javascript.0 (5458) at GeneratePage (script.js.NSPanel.Panel1:3435:29)
22:38:33.313	warn	javascript.0 (5458) at HandleButtonEvent (script.js.NSPanel.Panel1:5821:21)
22:38:33.313	warn	javascript.0 (5458) at HandleMessage (script.js.NSPanel.Panel1:3370:21)
22:38:33.313	warn	javascript.0 (5458) at Object.<anonymous> (script.js.NSPanel.Panel1:3279:25)
22:38:33.313	warn	javascript.0 (5458) at step (script.js.NSPanel.Panel1:33:23)
22:38:33.313	warn	javascript.0 (5458) at Object.next (script.js.NSPanel.Panel1:14:53)
22:38:33.313	warn	javascript.0 (5458) at script.js.NSPanel.Panel1:8:71
22:38:33.313	warn	javascript.0 (5458) at __awaiter (script.js.NSPanel.Panel1:4:12)
22:38:33.313	warn	javascript.0 (5458) at Object.<anonymous> (script.js.NSPanel.Panel1:3271:12)
22:38:33.314	warn	javascript.0 (5458) script.js.NSPanel.Panel1: error at function GenerateQRPage: Cannot read properties of null (reading 'split')
22:38:33.314	warn	javascript.0 (5458) script.js.NSPanel.Panel1: error at function SendToPanel: Cannot read properties of undefined (reading 'payload')

Welchen Unterschied macht es, ob man let Wlan oder var Wlan schreibt?

Danke, Roland

smarthome2020

Ich weiß nicht, ob ich hier ganz richtig bin, falls nicht , entschuldigt meinen Beitrag. Ich habe nur ein paar Fragen :

Es scheint zwei Versionen zu geben , eine ältere und eine neuere, wobei nur letztere ohne weiteres in die Unterputzdose passt, stimmt das ? Habe dazu nur flüchtig was bei Recherchen gelesen. Wenn ja, wie erkenne ich die neuere Version? Und gibt es die auch in weiß oder vorerst nur in schwarz?
lässt sich das Panel gut als Ersatz für einen normalen Lichtschalter verwenden ? Bei den üblichen Schalterhöhen hängt es doch bisschen zu tief oder ? Wollte einen Lichtschalter am Hauseingang damit ersetzen und mit die Müllabfuhrdaten anzeigen lassen .

Hatte keine Zeit die 3000 Beiträge zu lesen.

TT-Tom

@procrastinator

Hast du die Anleitung im Wiki gelesen?

wie heisst dein kompletter Alias Pfad und welche Rolle hat er?

TT-Tom

@smarthome2020
zu Punkt 1 kann ich dir keine Aussage machen, da ich sie ohne Netzteil nutze. habe ein 3D Gehäuse mit USB Eingang.

Zu 2, ja. Als Schalterersatz möglich, aber bei der Einbauhöhe nicht sinnvoll. Und du benötigst den Null-Leiter in der Dose.

Armilar

@smarthome2020 sagte in SONOFF NSPanel mit Lovelace UI:

Es scheint zwei Versionen zu geben , eine ältere und eine neuere, wobei nur letztere ohne weiteres in die Unterputzdose passt, stimmt das ? Habe dazu nur flüchtig was bei Recherchen gelesen. Wenn ja, wie erkenne ich die neuere Version? Und gibt es die auch in weiß oder vorerst nur in schwarz?

lässt sich das Panel gut als Ersatz für einen normalen Lichtschalter verwenden ? Bei den üblichen Schalterhöhen hängt es doch bisschen zu tief oder ? Wollte einen Lichtschalter am Hauseingang damit ersetzen und mit die Müllabfuhrdaten anzeigen lassen .

Zu 1)
Es würde mich wundern, wenn es mittlerweile noch die NSPanel (eu) aus der ersten Generation (Q4/2021) mit dem "zu großen Netzteil" im Handel geben würde.
Die weißen NSPanel (euw) wurden erst nach Einführung des korrigierten Netzteils in den Handel gebracht. Sollten also immer passen.

Zu 2)
Es kommt ein wenig auf die Höhe des Lichtschalters an. Nach DIN 18040 werden Lichtschalter zwischen 85-115 verbaut. Für eine ideale Höhe eines Touchpanels würde ich mindestens 130cm (idealerweise 165cm) veranschlagen.

PROcrastinator

@tt-tom Danke! Ich habe es versucht aus der Vorlage zu bauen aber wie im Wiki steht kommen viele Neulinge mit den Alaisen nicht zurecht. Jetzt klappt es. Im Script wurde auf "alias.0.NSPanel_1.wlan_guest.ACTUAL" verwiesen. Nachdem ich das ACTUAL gelöscht habe gehts.

Peinliche Frage zu Aliasen: Muss ich die immer über das Menü Geräte anlegen oder geht das auch direkt in den Objekten?

Gibt es die Möglichkeit nach Ablauf des Timers einen Ton zu spielen? Ich meine irgendwo gehört zu haben dass das NSPanel einen Pieper besitzt.

Beim Timer steht auf "CANCLE" statt "CANCEL"

Danke, Roland

smarthome2020

@tt-tom

Vielen Dank für deine Antwort . Welches Gehäuse hast du oder hast du selber eins entworfen? Muss das Panel wohl hängen oder stellen.

Armilar

@procrastinator sagte in SONOFF NSPanel mit Lovelace UI:

Peinliche Frage zu Aliasen: Muss ich die immer über das Menü Geräte anlegen oder geht das auch direkt in den Objekten?

Das Problem ist, dass der Alias in seiner Funktionalität immer wieder fehlinterpretiert wird und zur "Anonymisierung" von Datenpunkten genutzt wird. Es ist zwar möglich den Alias mit dem Channel korrekt in den Objekten anzulegen, erfordert aber eine Menge Hintergrundwissen über die Rollen der States und Channel. Somit ist der einfachste und schnellste Erfolg bei der Nutzung des Geräte-Managers zu erwarten, da dieser bereits die richtigen Datenpunkte kennt und den zugehörigen Channel automatisch so setzt, wie das Panel es erwartet.

Zum Timer:
Da der Timer ja über ein separates Script gesteuert wird, kannst du natürlich auch am Ende entscheiden, ob du einen Ton abspielst.
In der Regel wirst du aber einen "Buzzer" nicht wirklich wahrnehmen.
https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#113----rule3---esp-buzzer

Aber du kannst auch alternativ dazu eine Nachricht an eine z.B. Alexa senden oder dich per Nachricht (z.B. Telegram) informieren lassen

TT-Tom

@procrastinator

@Armilar hat recht, es ist einfacher für Anfänger mit dem Gerätemanager. Wichtig noch zu erwähnen, bleibe bei Version 1.1.1, die aktuelle ist buggy.

TT-Tom

@smarthome2020

Das Gehäuse hat mir ein Kumpel gedruckt. Die Ecken sind verstärkt um die Metallplatte fest zu schrauben.

Community Forum

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

825

32.5k

81.6k

1.3m