SONOFF NSPanel mit Lovelace UI

[ticaki]

@kuckuckmann
Glaube nicht das ich jetzt anfange hier sinnlos rumzuposten... echt.

[theknut]

PR wurde erstellt. Also ich denke man könnte den Events Channel auch noch gut in Zukunft nutzen für Erweiterungen. Gerne auch noch die Namen der States ändern, falls euch da was nicht passt, hauptsache das kommt irgendwie ins produktive Skript
https://github.com/joBr99/nspanel-lovelace-ui/pull/1149

theknut created this issue in joBr99/nspanel-lovelace-ui

closed feat: write button event to states #1149

[Rene55]

@armilar Ich habe jetzt eine Kachel (darf man das so sagen?) mit dem type cardLChart nach dem Muster #4957 gebaut. Wenn die angezeigt werden soll bekomme ich NSPanelTS_38: error at function GenerateChartPage: txt.matchAll is not a function.

[Gargano]

@armilar Ich habe jetzt die Indicator Events mal getestet, es funktioniert. Danke dafür, dann brauch ich schon mal die Änderung nicht immer zu machen.
Ich habe aber gesehen, daß die Modifikation im Prinzip meiner entspricht, nur daß im HMI noch 5 zusätzliche Variablen nötig sind.

[TT-Tom]

@rene55

zeige bitte mal die Config der Page und die Daten für den Chart.

[Rene55]

@tt-tom Hier die Config:

let Temperatur_Bad_Chart: PageType =
{
    'type': 'cardLChart',
    'heading': 'Bad Temperatur',
    'items': [{ 
                id: 'alias.0.Sensoren.Arexx_Bad',
                yAxis: 'Temperatur [°C]',
                onColor: Yellow
             }]
};

und der dazu gehörende Alias:

[Armilar]

@gargano

Ja, das Prinzip ist ähnlich. Wir haben uns nur dazu entschlossen, keine weiteren Schleifen über die PageItems zu drehen und direkt die Seite auf zu rufen. Danke für den PR - ich denke das wird einen Mehrwert für alle bringen.

Mit den zusätzlichen 5 HMI-Variablen bewegen wir uns weiterhin im TFT-Standard-Design und das hat dann Vorteile für die anderen SmartHome-Systeme des NSPanel-Projektes.

[TT-Tom]

@rene55

Welche Rolle hat der Channel Arexx_Bad und die Daten aus dem Datenpunkt ACTUAL noch zeigen.

[Rene55]

@tt-tom Etwa so:

Spoiler

{
 "_id": "alias.0.Sensoren.Arexx_Bad.ACTUAL",
 "common": {
   "name": "ACTUAL",
   "role": "value.temperature",
   "type": "number",
   "read": true,
   "write": false,
   "alias": {
     "id": "mqtt.0.arexx.bad"
   },
   "unit": "°C"
 },
 "native": {},
 "type": "state",
 "acl": {
   "object": 1636,
   "state": 1636,
   "owner": "system.user.api",
   "ownerGroup": "system.group.api-user"
 },
 "from": "system.adapter.admin.0",
 "user": "system.user.admin",
 "ts": 1705863132842
}

und

[TT-Tom]

@rene55

Abfall Script ist jetzt erweitert auf 6 Events. Für Event 5 und 6 muss du hier noch ggf. die Farbe anpassen, ist aktuell grün von der Biotonne.

                         case jsonEventName5:
                            farbNummer = 2016;
                            if (customEventName5 != '') {
                                eventName = customEventName4;
                                if (Debug) log('Event customName: ' + eventName, 'info');
                            };
                            break;
                        case jsonEventName6:
                            farbNummer = 2016;
                            if (customEventName6 != '') {
                                eventName = customEventName4
                                if (Debug) log('Event customName: ' + eventName, 'info');
                            };
                            break;

bei farbNummer kannst du eine andere Zahl (Farbe) eintragen, diese kannst du dir hier ermitteln. Die Zahl im Feld Nextion HMI musst du dann eintragen.

[theknut]

@rene55 said in SONOFF NSPanel mit Lovelace UI:

@armilar Ich habe jetzt eine Kachel (darf man das so sagen?) mit dem type cardLChart nach dem Muster #4957 gebaut. Wenn die angezeigt werden soll bekomme ich NSPanelTS_38: error at function GenerateChartPage: txt.matchAll is not a function.

Ja das matchAll ist, wenn du yAxisTicks leer lässt und dann automatisch generieren lässt. Dann baut er es anhand der akutellen Werte. Dafür werden via RegEx aus dem State die Werte gematcht. Wundert mich, dass es da einen Fehler gibt. matchAll gibt es schon seit Node V12 und ist auch in der ECMAScript 2020 Spezifikation. Bei mir und @armilar lief es ohne Kompilierfehler. Temporär könntest du die yAxisTicks selbst vorgeben, dann sollte es gehen.

[TT-Tom]

@Rene55

okay, du hast nicht die richtigen Daten, bei dir ist es ja nur ein Wert. Um einen Graphen zuerstellen, benötigst du eine Datensammlung entweder über den History -Adapter oder Influxdb. Die gesammelten Daten werden mittels externen Script ausgelesen und für die Anzeige in der cardLChart aufbereitet. Hier im WIKI ist das ganze noch einmal beschrieben.

[theknut]

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

@Rene55

Hier im WIKI ist das ganze noch einmal beschrieben.

@Rene55 bitte warte mal noch bis heute Abend. Ich hab das Skript überarbeitet, es ist meiner Meinung nach jetzt stabiler und wesentlich einfacher zu verwenden. Ich mach heute Abend den PR.

[Rene55]

@tt-tom Mann was bin ich blind. Nen Graphen aus einem Wert malen - das ist schon hohe Kunst!
@theknut Dann mach ich mal langsam. Hab ja noch soviel zu lesen und auch noch die Mülltonnen

[TT-Tom]

@theknut der Fehler bei Rene sind die Daten im ACTUAL. Er hat da eine Verknüpfung zu einem Sensordatenpunkt und nicht wie im Wiki beschrieben, die Daten vom Script.

[TT-Tom]

@rene55 das Script für die Mülltonnen findest du in meinem Github -> siehe Signatur

[ticaki]

@theknut sagte in SONOFF NSPanel mit Lovelace UI:

Wundert mich, dass es da einen Fehler gibt. matchAll gibt es schon seit Node V12 und ist auch in der ECMAScript 2020 Spezifikation. Bei mir und @armilar lief es ohne Kompilierfehler. Temporär könntest du die yAxisTicks selbst vorgeben, dann sollte es gehen.

Da wird nicht getestet das es auch tatsächlich ein String ist, der da ankommt.

[Rene55]

@tt-tom Ja, nochmals vielen Dank. Ich hab das schon eingebaut - aktuell habe ich Restmüll und Papiertonne doppelt, aber noch kein 'Fegen'.

[TT-Tom]

@rene55

hast du dir die Script version 5.1.1 runter geladen???

2024-01-21 20:00:27.864 - info: javascript.0 (364) script.js.common.NSPanel.Abfall: --------- Nächster Termin wird geprüft ---------
2024-01-21 20:00:27.864 - info: javascript.0 (364) script.js.common.NSPanel.Abfall: Startdatum UTC: 2024-01-28T23:00:00.000Z
2024-01-21 20:00:27.864 - info: javascript.0 (364) script.js.common.NSPanel.Abfall: Datum: 29.01.2024
2024-01-21 20:00:27.864 - info: javascript.0 (364) script.js.common.NSPanel.Abfall: Event: Treppe
2024-01-21 20:00:27.864 - info: javascript.0 (364) script.js.common.NSPanel.Abfall: Kontrolle Leerzeichen %Treppe%
2024-01-21 20:00:27.864 - warn: javascript.0 (364) script.js.common.NSPanel.Abfall: Kein Abfalltermin => Event passt mit keinem Abfallnamen überein.

laut dem Log von gestern heisst dein EVENT Treppe dieses musst du jetzt so einfügen.

const jsonEventName5: string = 'Treppe';   // Vergleichstring für Event 5
const customEventName5: string = 'Besen schwingen';        // benutzerdefinierter Text für Event 5

die Konstante customEventName5 kannst du auch leer lassen, dann wird Treppe angezeigt.

[theknut]

@ticaki said in SONOFF NSPanel mit Lovelace UI:

@theknut sagte in SONOFF NSPanel mit Lovelace UI:

Wundert mich, dass es da einen Fehler gibt. matchAll gibt es schon seit Node V12 und ist auch in der ECMAScript 2020 Spezifikation. Bei mir und @armilar lief es ohne Kompilierfehler. Temporär könntest du die yAxisTicks selbst vorgeben, dann sollte es gehen.

Da wird nicht getestet das es auch tatsächlich ein String ist, der da ankommt.

guter Punkt, bau ich noch ein