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

kleine Korrekturen

tt-tom17
2025-01-03 20:13:44 +01:00
parent 2cc2df7199
commit a35931ff83
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
NSPanel-Page-‐-Typen_How-2_Beispiele.md

@@ -57,7 +57,7 @@ Gäste sollen einfach und easy ins Gäste-WLAN rein kommen? Am besten mit dem Sc
## Basisseite ## Basisseite
Der Rahmen einer Seite besteht aus einem Frame wie folgend: Der Rahmen einer Seite besteht aus einem Frame wie folgend:
```typescript ```typescript
let name: PageType = let NameDerSeite: PageType =
{ {
'type': 'cardType', 'type': 'cardType',
'heading': 'Seiten Überschrift', 'heading': 'Seiten Überschrift',
@@ -66,7 +66,7 @@ let name: PageType =
}; };
``` ```
* `let name:` -> Das Wort _name_ ist hier ein Platzhalter. Man gibt der Seite hier einen eindeutigen Namen, allerdings bitte ohne Leerzeichen bei mehreren Worten und vermeide Sonderzeichen. Dieser Name muss im weiteren Verlauf des Skriptes noch einmal aufgeführt werden (Wichtig für die Darstellung und Navigation). * `let NameDerSeite:` -> Das Wort _NameDerSeite_ ist hier ein Platzhalter. Man gibt der Seite hier einen eindeutigen Namen, allerdings bitte ohne Leerzeichen bei mehreren Worten und vermeide Sonderzeichen. Dieser Name muss im weiteren Verlauf des Skriptes noch einmal aufgeführt werden (Wichtig für die Darstellung und Navigation).
* `PageType = ` -> Der Seitentyp wird durch die Types im Script automatisch gesetzt * `PageType = ` -> Der Seitentyp wird durch die Types im Script automatisch gesetzt
* `'type':` -> Der Typ der Seite, wie zuvor schon beschrieben. PageType und type haben immer den gleichen Postfix. Bei type ist es aber CardType statt PageType. Folglich haben wir hier in Hochkomma eingefasst 'cardEntities' oder 'cardGrid', etc. * `'type':` -> Der Typ der Seite, wie zuvor schon beschrieben. PageType und type haben immer den gleichen Postfix. Bei type ist es aber CardType statt PageType. Folglich haben wir hier in Hochkomma eingefasst 'cardEntities' oder 'cardGrid', etc.
* `'heading':` -> Der Seitenname oder auch Überschrift, der auf der Seite auf dem NSPanel oben in der Mitte dargestellt wird. Er ist in Hochkommas zu fassen. * `'heading':` -> Der Seitenname oder auch Überschrift, der auf der Seite auf dem NSPanel oben in der Mitte dargestellt wird. Er ist in Hochkommas zu fassen.
@@ -74,13 +74,14 @@ let name: PageType =
* `'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. * `'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 Page/Card Type festgelegt, der Seite einen Namen und eine Überschrift definiert ist, kann der erste Test durchgeführt werden. 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, Als Zwischen-Test kann man den definierten `NameDerSeite` im Skript unter **pages** hinzufügen,
```typescript ```typescript
export const config: Config = { export const config: Config = {
// Seiteneinteilung / Page division // Seiteneinteilung / Page division
// Hauptseiten / Mainpages // Hauptseiten / Mainpages
pages: [ pages: [
NameDerSeite, // hinter dem Doppelslash kannst Du noch eine interne Info eintragen
NSPanel_Service, //Auto-Alias Service Page
], ],
// Unterseiten / Subpages // Unterseiten / Subpages
subPages: [ subPages: [