Alphatest NSPanel-lovelace-ui v0.1.1

[ticaki]

An alle Interessierten:

Gestern oder vorgestern (ist ja nach 0:00) wurde ein kleines Breaking vorgenommen.

Wenn ihr den Adapter updatet und den internen Mqtt-Server nutzt, werden sich die panels nicht mehr verbinden, bis ihr sie nochmal konfiguriert habt - das geht am schnellsten über die den Button in der Tabelle - der ab morgen abend verfügbar sein wird, oder halt über die tasmotatools unterhalb der Tabelle.

Weshalb:

• mit externem Mqttserver bleibt alles beim alten
• mit internem Mqttserver wird die Verbindung über TLS aufgebaut.

Ein Man in the Middle Angriff funktioniert noch, glaube ich. Weiß nicht genau wie das fingerprinting von tasmota funktioniert und da ist noch nicht genug getestet worden, wann sich der "auto modus" zurück setzt. Wenn jemand da mehr Sicherheit will - öffentliche Zertifikate besorgen und ein Issue erstellen, das wir die Verwendung von eigenen Zertifikaten ermöglichen. Oder das Fingerprinting vom automatisch erstellten Zertifikat in tasmota eincompilieren - das erfordert ein Issue das wir den fingerprint anzeigen

Tasmota anmeldung über web UI ist aber noch immer im klartext, also so richtig sicher geht das nicht wirklich. Da unterstützt der Adapter aber ab morgen abend auch username und password.

[ticaki]

Achtung wegen TLS und Testen

Ich hab rausgefunden wie das auto-learn von Tasmota funktioniert. Natürlich kann man jederzeit das TLS wieder abschalten und es mit dem Skript nutzten, aber beim einer Reinstallation des Adapters und vorheriger Löschung aller Daten, werden neue Zertifikate angelegt und dann verweigert Tamota eine TLS Verbindung. Um das zurückzusetzen muß man in der TAsmota-Konsole reset 1 eingegen (das löscht so ziemlich alles) und das NSPanel stromlos machen - dann wieder wlan eingeben - der rest kostet wegen die Hilfsfunktionen im Adapter dann zum Glück nur noch Geduld und keine Nerven.

Sicherer als ich dachte - absolut umständlich wenn man testen will

Edit: Die Zertifikaten werden von BackitUp gesichert und sind in iobroker-data/files/nspanel-lovelace-ui.0/keys gespeichert. Wenn man redis nutzt, dann da in dem Pfad.

[ticaki]

Update

Wir sehen die Version 0.2.0 schon am Horizont - nach Ostern würde ich schätzen.

Kurzer Überblicke:

Das Nspanel wird primär über ein Skript konfiguriert - aber wir haben da auch schon den Admin ins Spiel gebracht. Was ein fertigkonfiguriertes NSPanel benötigt und was genau zu welchem Stand geht ist etwas das später in einer ReadME steht. Hier mal eine Auflistung von dem was eingebaut ist:

• Navigation: Wird im Skript erstellt, jedoch anschließend kann diese im Admin geladen und verändert werden.
• cardPower (by @TT-Tom ) kann vollständig im Admin konfiguriert werden
• cardQR (by @TT-Tom) kann vollständig im Admin konfiguriert werden
• die Basiskonfiguration konnte schon länger vollständig im Admin erledigt werden - Flashen und wlandaten eingeben kann man aber nicht mit dem iobroker automatisieren
• Wartungsseite (restart/tft update/Versionsanzeigen/Online)
• Betafirmwareversionen
• Es werden ein paar mehr Rollen von iobroker.device unterstützt
• Das Konfigurationsskript wird über admin erstellt und aktualisiert.

Es werden immer weiter Verbesserungen eingebaut die 0.2.0 hinauszögern aber sobald in diesem Issue alles angekreuzt ist ändert sich das nicht empfohlen zu kann man mal testen

[patricknitsch]

@ticaki Verrückt, was jetzt schon alles drin ist und was ihr aus dem Hut zaubert!! Ich ziehe meinen Hut vor euch

[Max_yeah]

WOW, Ihr hat ja schon fast alles drin, und auch den support für die Charts hinzugefügt. Ich hatte ja so meine Probleme mit denen. Wurden die Probleme mit den neuen Charts angegangen, oder ist es eher eine 1zu1 Portierung?
Werde es hoffentlich bald mit meinem letzten Panel testen.

[ticaki]

@max_yeah

Ist viel drin, aber wenig getestet Im Idealfall müsste es funktionieren das du im Admin einen State auswählst und dann im Konfigscript die Seite mit Navigation hinzufügst - also sowas wie:

const meinChart = {
    uniqueName: 'bla bla',
    type: 'cardChart',
    next: 'nächste Seite',
    prev: 'vorherige Seite'
}

Ist nur ein symbolischen Beispiel - dazu kann @TT-Tom mehr sagen.

Name im Skript und im Admin müssen übereinstimmen.

[TT-Tom]

@max_yeah

Die Charts haben noch die alten Probleme mit zu großen Werten. (Barchart)

Du kannst sie aber bitte testen. Wenn es Unklarheit gibt bei der Konfiguration, melde dich einfach.

[Neuschwansteini]

@ticaki @TT-Tom

gehen die HiddenCards schon im Adapter?

[ticaki]

@neuschwansteini

Danke für die Frage, bekomme gerade erklärt was das ist . gibts noch net

[Neuschwansteini]

@ticaki ahh.. ja, keiner weiss alles..

kein Stress, ich muss mich noch in die Adapter-Config rein arbeiten, nur zur Zeit weder Zeit noch Kopp dafuer...

[danny_v1]

Hi, sieht ja schon mal richtig super aus mit dem Adapter!!!

Ich hab mich heute daran versucht den Adapter mit dem Emulator zum Laufen zu bekommen. Den ESP hab ich geflasht, Mqtt per Adapter zuweisen hat auch funktioniert, die Tasmota Version wird im Maintain Tab richtig ausgelesen, aber im Nextion Editor seh ich nur Waiting for Content und im Maintain Tab wird das Panel als Offline angezeit. Tasmota Verion ist 15.0.1, vSkript v0.8.5, woran könnte das liegen?

[TT-Tom]

@danny_v1
Zeige mal bitte die ersten beiden tabs von der Konfig

EDIT: hast du diese Anleitung gelesen und abgearbeitet? Wo hängst du fest, laut Anleitung?

[danny_v1]

@tt-tom
Ja ich bin nach der Anleitung vorgegangen.

Das sind Screenshots der ersten 3 Tabs.

Wie gesagt im Nextion Editor seh ich nur den Waiting for Content Bildschirm.

Der ESP32 ist über die Weboberfläsche erreichbar.

[TT-Tom]

@danny_v1

das angelegte Script hast du gestartet? hast du da auch schon eine main Seite angelegt?

stimmt der Port auch in Tasmota?

[danny_v1]

@tt-tom Port stimmt, Skript hatte ich mehrfach gestartet, aber hatte keine mainseite drin, dachte für den Screensaver sollte das Skript erstmal reichen.

[TT-Tom]

@danny_v1

Hatte bei mir auch mal ohne Main geklappt und die unlock der Serviceseiten wurde angezeigt. Stimmt im Script der Topic?

[danny_v1]

@tt-tom ich hab jetzt mal die Seite "irgendeinName" in "main" umbenannt und auch in den pages eingetragen das Topic stimmt auch.

[TT-Tom]

@danny_v1 zeig mal den oberen teil bis zur Screensaver config

[danny_v1]

@tt-tom ```
async function configuration(): Promise<void> {

const overrideConfig: Partial<ScriptConfig.Config> = {
    // hier kann man die Werte von unten überschreiben bzw nicht ewig im Skript suchen wo nochmal die Farbe steht :)
    // pages und subpages geht hier nicht, weil die Seiten ja erst später angelegt werden. Bei const gehts nach Reihenfolge.
    // panelTopic: 'nspanel/ns_panel4',
    weatherEntity: 'accuweather.0.',
    defaultOffColor: Off,
    defaultOnColor: On,
    weatherAddDefaultItems: false,
}

// Diese Konfiguration für den Fahrplan ist ein Beispiel was die interne Adapterkonfiguration benutzt, diese 
// ist recht komplex und wird nicht weiter erläutert. Da gibts später fertige Templates die man hier verwenden kann.
// wie am Fahrplan Beispiel zu sehen ist.
const fahrplan: any = {
    heading: 'Fahrplan Script',
    native: {
        card: 'cardEntities',
        dpInit: 'fahrplan.0.0',
        uniqueID: 'fahrplanrouten',
        template: 'entities.fahrplan.routes',
    }
};

// Konfiguration findet im Admin statt, uniqueName muß gleich dem namen in der Adminkonfiguration sein.
const qrCode: PageType = {
    type: 'cardQR',
    uniqueName: 'qrCode'
};

// Konfiguration findet im Admin statt, uniqueName muß gleich dem namen in der Adminkonfiguration sein.
const chartHeizung: PageType = {
    type: 'cardChart',
    uniqueName: 'temperatur'
};

// Ein Beispiel für eine Gridseite mit verschiedenen Farbskalen
const main: PageType = {
    type: 'cardGrid',
    uniqueName: 'main',
    heading: 'Wohnzimmer',
    useColor: true,
    items: [
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'standard', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'hue', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, mode: 'hue'}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'cie', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, mode: 'cie'}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'standard log min', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, log10: 'min'}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'hue log min', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, mode: 'hue', log10: 'min'}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'cie log min', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, mode: 'cie', log10: 'min'}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'standard', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'hue', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, mode: 'hue'}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'cie', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, mode: 'cie'}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'standard log max', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, log10: 'max'}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'hue log max', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, mode: 'hue', log10: 'max'}},
        {id: 'alias.0.Wohnzimmer.Sensoren.TempSensor.ACTUAL', name: 'cie log max', onColor: Red, offColor: Blue, colorScale: {'val_min': 0, 'val_max': 40, mode: 'cie', log10: 'max'}},
    ]
};

const grid1: PageType = {
    uniqueName: 'grid1', // keine Navigation, am besten uniqueName von config.ts übernehmen
    heading: 'Grid 1',
    items: [
        {id: 'alias.0.Licht.lights.Gerät_1'},
        {id: 'alias.0.Licht.lights.Gerät_2'},
        {id: '0_userdata.0.Einzelne_Geräte.dimmer'},
        {id: 'alias.0.NSPanel.allgemein.hue', },
        {navigate: true, targetPage: 'fahrplanrouten'},
        {id: 'alias.0.NSPanel.allgemein.shutter'}
    ],
    type: 'cardGrid',
    useColor: true
}

const config: ScriptConfig.Config = {
    panelTopic: 'NSPanel_DEV_Adapter',
    weatherEntity: 'accuweather.0.',
    defaultOffColor: Off,
    defaultOnColor: On,
    defaultBackgroundColor: HMIDark,
    weatherAddDefaultItems: false,

    // Als Gedankenstütze, die Hauptseite muß main heißen!
    //panelName: 'NSPanel', //unique name for the panel


    // Seiteneinteilung / Page division
    // Hauptseiten / Mainpages
    pages: [
        main,
        grid1,
        qrCode,
        chartHeizung,
    ],
    // Unterseiten / Subpages
    subPages: [
        fahrplan
    ],

[TT-Tom]

@danny_v1

wenn du das Script startest läuft es durch ohne Fehlermeldungen?

nach den Script start den Adapter normal durch starten