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

fix text

tt-tom17
2025-01-07 23:00:39 +01:00
parent 6f08f26b3f
commit aee9d9b5b4
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
new/ioBroker-Navigation.md

@@ -16,7 +16,7 @@ Daraus ergeben sich folgende Vorteile:
Es müssen nicht mehr alle Seitenparameter angegeben werden, wie z.B Es müssen nicht mehr alle Seitenparameter angegeben werden, wie z.B
```typescript ```typescript
let CardPowerExample: PageType = let NameDerSeite: PageType =
{ {
'type': 'cardPower', 'type': 'cardPower',
'heading': 'cardPower Emulator', 'heading': 'cardPower Emulator',
@@ -28,22 +28,24 @@ d.h. alle optionalen Seitenparameter mit undefined oder false können entfallen.
Zusätzlich können weitere Typen verwendet werden, diese werden [hier](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation#subpages) beschrieben. Zusätzlich können weitere Typen verwendet werden, diese werden [hier](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation#subpages) beschrieben.
```typescript ```typescript
let CardExample: PageType = let NameDerSeite: PageType =
  {   {
  'type': 'cardGrid',   'type': 'cardGrid',
  'heading': 'Testpage',   'heading': 'Testpage',
  'useColor': true oder false   'useColor': true oder false
  'subPage': true oder false   'subPage': true oder false
//Navi Parameter für Subpages   'prevIcon': undefined oder Icon als String
'prevIconColor': undefined oder Farbkonstante vom Script
'nextIcon': undefined oder Icon als String
'nextIconColor': undefined oder Farbkonstante vom Script
//zusätzliche Parameter für Subpages
  'parent': undefined oder Page   'parent': undefined oder Page
  'parentIcon': undefined oder Icon als String, z.B. 'alert'   'parentIcon': undefined oder Icon als String, z.B. 'alert'
'parentIconColor': undefined oder Farbkonstante vom Script 'parentIconColor': undefined oder Farbkonstante vom Script
  'prev': undefined oder 'Page'   'prev': undefined oder 'Page'
  'prevIcon': undefined oder Icon als String
'prevIconColor': undefined oder Farbkonstante vom Script
  'next': undefined oder 'Page'   'next': undefined oder 'Page'
  'nextIcon': undefined oder Icon als String
'nextIconColor': undefined oder Farbkonstante vom Script
  'home': undefined oder 'Page'   'home': undefined oder 'Page'
  'homeIcon': undefined oder Icon als String   'homeIcon': undefined oder Icon als String
'homeIconColor': undefined oder Farbkonstante vom Script 'homeIconColor': undefined oder Farbkonstante vom Script
@@ -83,8 +85,15 @@ deklariert werden. Hier werden die Namen der Seiten eingetragen, die Ihr an Anfa
Wie so etwas in den Seiten definiert wird, steht im Abschnitt: [Icon für Subpages](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation#icons-f%C3%BCr-subpages-ab-v3732) Wie so etwas in den Seiten definiert wird, steht im Abschnitt: [Icon für Subpages](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation#icons-f%C3%BCr-subpages-ab-v3732)
Um durch die Hauptseiten / Pages zu blättern, habt Ihr oben links und rechts jeweils ein Pfeil. Die Seiten sind als Endlosschleife angelegt, das heißt, wenn ihr bei der letzten Seite weiter nach rechts blättert, kommt ihr wieder zur ersten Seite und umgekehrt. Um durch die Hauptseiten / Pages zu blättern, habt Ihr oben links und rechts jeweils ein Pfeil. Die Seiten sind als Endlosschleife angelegt, das heißt, wenn ihr bei der letzten Seite weiter nach rechts blättert, kommt ihr wieder zur ersten Seite und umgekehrt. Durch die optionalen Parameter
```typescript
  'prevIcon': undefined oder Icon als String
'prevIconColor': undefined oder Farbkonstante vom Script
'nextIcon': undefined oder Icon als String
'nextIconColor': undefined oder Farbkonstante vom Script
```
könnt ihr die Pfeile in andere Icon und die Farbe der Icon ändern
***
### Subpages ### Subpages
Subpages haben verschiedene Navigationsmöglichkeiten, diese definiert Ihr im Bereich der Page-Definition. Damit definiert ihr auch, welche der vier Navi-Symbole in den oberen Ecken angezeigt werden. Zusätzlich könnt ihr ab **Version 3.8.3** auch optional Icon definieren. Subpages haben verschiedene Navigationsmöglichkeiten, diese definiert Ihr im Bereich der Page-Definition. Damit definiert ihr auch, welche der vier Navi-Symbole in den oberen Ecken angezeigt werden. Zusätzlich könnt ihr ab **Version 3.8.3** auch optional Icon definieren.