h3n3/nspanel-lovelace-ui
1
0
Fork 0
mirror of https://github.com/joBr99/nspanel-lovelace-ui.git synced 2026-02-24 02:02:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

kleine Korrekturen

tt-tom17
2025-01-03 19:52:10 +01:00
parent c41f04404e
commit 2cc2df7199
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
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 `<PageItems>` 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 =
{