komplettiert

tt-tom17
2025-01-07 04:29:25 +01:00
parent cb522d5cb5
commit 1c072d245e

@@ -56,6 +56,26 @@ export const config: Config = {
``` ```
das Skript neu starten und dann auf dem NSPanel schauen, ob die neue Seite (ohne Inhalt) schon angezeigt wird. das Skript neu starten und dann auf dem NSPanel schauen, ob die neue Seite (ohne Inhalt) schon angezeigt wird.
## 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. 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.
```typescript
let NameDerSeite: PageType =
{
'type': 'cardType',
'heading': 'Seiten Überschrift',
'useColor': true,
'subpage': true,
'parent': NameDerHauptseite,
'hiddenByTrigger': true,
'items': []
};
```
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 ## 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**. 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**.
```typescript ```typescript