diff --git a/NSPanel-Page-‐-Typen_How-2_Beispiele.md b/NSPanel-Page-‐-Typen_How-2_Beispiele.md index a7e9107..34590c8 100644 --- a/NSPanel-Page-‐-Typen_How-2_Beispiele.md +++ b/NSPanel-Page-‐-Typen_How-2_Beispiele.md @@ -73,7 +73,7 @@ let name: PageType = * `'useColor':` -> Wird in der Regel mit `true` angegeben, sofern "useColor" durch in der gewünschten Seite unterstützt wird. * `'items':` -> Hier wird der eigentliche Inhalt der Seite eingetragen. Pro dazustellendem Element erfasst man hier ein sogenanntes `PageItem` welches dann die darzustellenden Parameter erhält. -Bis hier her haben wir eine leere Seite erstellt. Wenn ich meinen Page/Card Type festgelegt habe, der Seite einen Namen gegeben, eine Überschrift definiert habe, kann ich mich nun daran machen den Inhalt der Seite aufzubauen. +Bis hier her haben wir eine leere Seite erstellt. Wenn Page/Card Type festgelegt, der Seite einen Namen und eine Überschrift definiert ist, kann der erste Test durchgeführt werden. Als Zwischen-Test kann man den definierten `name` im Skript unter **pages** hinzufügen, ```typescript export const config: Config = { @@ -92,11 +92,11 @@ das Skript neu starten und dann auf dem NSPanel schauen, ob die neue Seite (ohne ## Optionale Parameter Bevor wir aber zur Erstellung der **PageItem** kommen, noch optionale Parameter, die man hier setzen kann: -* `'subPage':` -> Wird, sofern man mit Unterseite arbeiten möchte, auf `true` gesetzt. +* `'subPage':` -> Wird, sofern man mit Unterseite arbeiten möchte, auf `true` gesetzt. Die Seite muss dann / nur im Bereich `subPages` eingetragen werden. * `'parent':` -> Wird `'subPage': true` definiert, dann kann man mit **parent** den Namen der höher gelegenen Seite definieren. Dies hat Auswirkung auf die Steuerung und die Blätterpfeile oben auf der Seite. * `'hiddenByTrigger':` -> Wird optional definiert um Top-Level-Seiten (Level 0) mit Hilfe des boolschen Datenpunktes (true/false) `0_userdata.0.NSPanel.X.Config.hiddenCards` zur Laufzeit auszublenden. Bei `subPage`-Seiten (Level 1-n) wird die Subpage zur Laufzeit nicht ausgeblendet, jedoch der Menüpunkt zum nächsthöheren Level deaktiviert. -Es gibt noch weitere optionale Parameter, jedoch gehören Die alle zum Thema Navigation. Hierzu gibt es [hier](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation) in der Wiki eine Beschreibung, so dass wir an dieser Stelle nicht noch einmal darauf eingehen möchten. +Es gibt noch weitere optionale Parameter, jedoch gehören die Alle zum Thema Navigation. Hierzu gibt es [hier](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation) in der Wiki eine Beschreibung, so dass wir an dieser Stelle nicht noch einmal darauf eingehen möchten. ## Seiteninhalt - PageItem - definieren Das `PageItem` - wenn man es mal frei übersetzt , das Seiten-Gegenstand definiert einen auf der Seite sichtbaren Wert / Schalter. Was ein **PageItem** relativ immer mit sich bringt, ist eine **ID**, ein **Name** und eine **Farbdefinition**. @@ -221,7 +221,7 @@ Das `PageItem` wird mit `{},` declariert. Innerhalb der geschweiften Klammern fo ## Basisseite mit PageItem -Wenn man nun ein oder je nach gewähltem Page Type mehrere `` aufgebaut hat und diese dem Punkte `items : []` hinzugefügt hat, erhält man eine Seite mit - nennen wir es etwas sichtbares. +Wenn man nun ein oder je nach gewähltem Page Type mehrere `PageItems` aufgebaut hat und diese dem Punkte `items : []` hinzugefügt hat, erhält man eine Seite mit - nennen wir es etwas sichtbares. ```typescript let name: PageType = {