@takahara

Hallo Takahara,
das Team ist super klasse und hat auch schon meine Anregung aufgenommen, die Hilfeseiten neu zu strukturieren, da man gerade als Anfänger den Überblick verliert.

Schau mal hier nach, da bekommst Du noch mehr Informationen, wie eine Page aufgebaut wird.

https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen

Zunächst musst Du die Page selber definieren, schau Dir mal meine beiden Page an

Danach musst Du dem Panel noch mitteilen, das Deine Page auch angezeigt werden soll

mit einem " // " kannst Du auch eine Page ausblenden, wenn Du sie noch nicht sichtbar machen möchtest.

Hoffe ich konnte Dir ein wenig weiterhelfen,

Beste Grüße

@winkelho Dein Screenshot war die Erleuchtung....

mein Gott ist das peinlich.... ich bin nicht auf die Idee gekommen auf das Ordnersymbol des Datenpunkts zu klicken

besten Dank für eure Unterstützung und Ausdauer...

@tt-tom

schon deutlich besser für Newbees wie mich, wäre es sicherlich hilfreich, wenn im unteren Abschnitt die oben stehende Page richtig eingetragen wäre. Ich denke so wird es noch klarer für Anfänger.

Beispiel:

let DEINE TESTSEITE: PageType =
{
'type': 'cardQR',
'heading': 'DEINE TESTSEITE',
'items' [
{ id: 'alias.0.Geräte_für_NSPanels.GaesteWLAN.GaesteWLAN', hidePassword: true, autoCreateALias: true }
]
};

/***********************************************************************

** Configuration **

***********************************************************************/

export const config: Config = {
// Seiteneinteilung / Page division
// Hauptseiten / Mainpages
pages: [
NSPanel_Service, //Auto-Alias Service Page
DEINE TESTSEITE // hinter dem Doppelslash kannst Du noch eine interne Info eintragen

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

@toysman sagte in SONOFF NSPanel mit Lovelace UI:

Danke für den Input, davon bräuchten wir noch mehr. Es ist immer schwer eine Doku zu schreiben, wenn man weiss wie es gemacht wird.

sehr gerne - sollte mir noch etwas auffallen, gebe ich entsprechende Hinweise

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

@toysman sagte in SONOFF NSPanel mit Lovelace UI:

Danke für den Input, davon bräuchten wir noch mehr. Es ist immer schwer eine Doku zu schreiben, wenn man weiss wie es gemacht wird.

'heading': 'DEINE TESTSEITE',

diesen Namen kannst du frei wählen, es ist die Überschrift deiner Seite.

@bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

Aktion:

Das Panel heute für 42€

https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

falls noch jemand welches braucht

Gutscheincode:

BG39fe1b
Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

@timowald

@timowald sagte in SONOFF NSPanel mit Lovelace UI:

@max_yeah Den Schalter habe ich aber er hat keine Funktion. Wenn ich ihn ausschalte und die Seite wechsel und wieder zurück ist er wieder ein.

ich hab dafür ein kleines Blockly angelegt, da ich den DP der Fritzbox nicht direkt schalten konnte

@bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

Aktion:

Das Panel heute für 42€

https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

falls noch jemand welches braucht

Gutscheincode:

BG39fe1b
Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

@takahara

dort gibst Du den Alias Datenpunkt an, den Du steuern möchtest....

Über den "Geräte Adapter/Instanz" legst Du die Alias Datenpunkte an, die dann das jeweilige Gerät steuern

meine erste Card war der Gäste WLAN Zugang, versuche das mal nachzubauen

@takahara

Hallo Takahara,
das Team ist super klasse und hat auch schon meine Anregung aufgenommen, die Hilfeseiten neu zu strukturieren, da man gerade als Anfänger den Überblick verliert.

Schau mal hier nach, da bekommst Du noch mehr Informationen, wie eine Page aufgebaut wird.

https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen

Zunächst musst Du die Page selber definieren, schau Dir mal meine beiden Page an

Danach musst Du dem Panel noch mitteilen, das Deine Page auch angezeigt werden soll

mit einem " // " kannst Du auch eine Page ausblenden, wenn Du sie noch nicht sichtbar machen möchtest.

Hoffe ich konnte Dir ein wenig weiterhelfen,

Beste Grüße

@toysman

Hallo Tom,

ich habe mir gerade noch mal die Wiki Seiten angesehen... für mich als Anfänger fehlt der rote Faden und die strukturierte Führung durch die einzelnen Abschnitte.

Am Beispiel von der cardQR wird es deutlich:

Einserseits finde ich einige, eher spärliche Informationen, unter

https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-‐-Typen_How-2_Beispiele

und dann auf einer weiteren Seite sehr ausführlichere Infos

https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#17-farben-für-das-ts-skript

auch wenn im zweiten Link die Infos deutlich ausführlicher sind, fehlt mir hier noch der Hinweis, das zum schalten des Gäste WLANs ein kleines Blockly notwendig ist.

Meine Frage ist, ob wir hier im Blog des Forums weit schreiben oder erher per Chat oder so?

Beste Grüße Harry

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

@toysman sagte in SONOFF NSPanel mit Lovelace UI:

Danke für den Input, davon bräuchten wir noch mehr. Es ist immer schwer eine Doku zu schreiben, wenn man weiss wie es gemacht wird.

sehr gerne - sollte mir noch etwas auffallen, gebe ich entsprechende Hinweise

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

@toysman sagte in SONOFF NSPanel mit Lovelace UI:

Danke für den Input, davon bräuchten wir noch mehr. Es ist immer schwer eine Doku zu schreiben, wenn man weiss wie es gemacht wird.

'heading': 'DEINE TESTSEITE',

diesen Namen kannst du frei wählen, es ist die Überschrift deiner Seite.

@tt-tom

schon deutlich besser für Newbees wie mich, wäre es sicherlich hilfreich, wenn im unteren Abschnitt die oben stehende Page richtig eingetragen wäre. Ich denke so wird es noch klarer für Anfänger.

Beispiel:

let DEINE TESTSEITE: PageType =
{
'type': 'cardQR',
'heading': 'DEINE TESTSEITE',
'items' [
{ id: 'alias.0.Geräte_für_NSPanels.GaesteWLAN.GaesteWLAN', hidePassword: true, autoCreateALias: true }
]
};

/***********************************************************************

** Configuration **

***********************************************************************/

export const config: Config = {
// Seiteneinteilung / Page division
// Hauptseiten / Mainpages
pages: [
NSPanel_Service, //Auto-Alias Service Page
DEINE TESTSEITE // hinter dem Doppelslash kannst Du noch eine interne Info eintragen

@tt-tom

Klasse - das hat geholfen , geht aber aus der Wiki nicht wirklich hervor (hoffe ich habe es nicht überlesen

@tt-tom

in der Wiki hab ich mich schon rauf und runtergelesen, dennnoch ist erst einmal vieles noch "Böhmische Dörfer" und ich muss
da reinarbeiten....

Hab die Page hier eingefügt... hoffe das ist so richtig, wenn die Überschrift hat es so suggeriert.

@tt-tom

okay, dannn bleibe ich auf der 14.3

Habe nun die ersten Änderungen im Screensaver vorgenommen und den Unlock_Service aktiviert - da erscheint auch die
Page für den PIN Code.

Doch die erste Page (Gäste WLAN mit QR Code) will nichts aufs Display

In einige Anleitungen stehen die Typen in "xxx" mal in 'xxx' - spielt das keine Rolle?

let WlanDaten: PageType =
    {   
        'type': 'cardQR',
        'heading': 'Gäste WLAN',
        'items' [
            /*PageItem*/{ id: 'alias.0.Datenpunkte.NSPanels.GaesteWLAN.GaesteWLAN', hidePassword: false, autoCreateALias: true }
            ]
    };

Nach dem sichern des Scripts erscheint nur die Unlock Seite aber nicht die Seite mit dem QR Code...

Was mache ich falsch?