mirror of
https://github.com/joBr99/nspanel-lovelace-ui.git
synced 2026-03-08 00:39:41 +01:00
Updated Test ‐ Wir testen hier was (markdown)
@@ -87,51 +87,73 @@ Das `<PageItem>` - wenn man es mal frei übersetzt , das Seiten-Gegenstand defi
|
|||||||
```
|
```
|
||||||
Das `<PageItem>` wird gefolgt von `{},`. Innerhalb der geschweiften Klammern folgt die weitere Konfiguration:
|
Das `<PageItem>` wird gefolgt von `{},`. Innerhalb der geschweiften Klammern folgt die weitere Konfiguration:
|
||||||
|
|
||||||
Mindestangabe:
|
**Mindestangabe**:
|
||||||
* `id` :
|
* `id` : Pfad zum Alias, der verwendet wird, in Hochkomma eingefasst
|
||||||
* `name` :
|
* `name` : Text der als Label auf dem Display zu einem PageItem dargestellt wird
|
||||||
* `offColor` :
|
|
||||||
* `onColor` :
|
|
||||||
|
|
||||||
Optionale / speziefische Angaben:
|
>[!IMPORTANT]
|
||||||
|
>`name` ist kein muss, wenn der Alias richtig konfiguriert ist. Dann wird der Name aus dem `common.name.de` gezogen.
|
||||||
|
|
||||||
Angaben für Licht/Farbe:
|
Optionale / spezifische Angaben:
|
||||||
* `interpolateColor` : `true`
|
|
||||||
* `useColor` : `true`
|
|
||||||
* `colorScale` : `{'val_min': -20, 'val_max': 40, 'val_best': 20}`
|
|
||||||
|
|
||||||
Angaben für Label:
|
**Angaben für icon-Farbe**:
|
||||||
* `prefixName` :
|
* `offColor` : Farbe für ausgeschaltet
|
||||||
* `suffixName` :
|
* `onColor` : Farbe für eingeschaltet
|
||||||
* `secondRow` :
|
* `useColor` : wird mit `true` oder `false` angegeben und verwendet bei `true` die definierten Config-Parameter **defaultOnColor** und **defaultOffColor**, sofern keine `onColor` oder `offColor` im `<PageItem>` als Parameter definiert sind
|
||||||
* `buttonText` :
|
* `colorScale` : Colorscale ist ein Farbverlauf von Rot über Gelb nach Grün mit einem Bereich von 0 bis 10.
|
||||||
* `fontSize` :
|
* val_min -> Rot
|
||||||
|
* val_max -> Grün
|
||||||
|
* in Verbindung mit val_best, ist val_best Grün und val_min und val_max Rot
|
||||||
|
|
||||||
Definition icons:
|
>[!IMPORTANT]
|
||||||
* `icon` :
|
>Sofern keine icon-Farbe definiert wird, gibt es eine Default Farbkombination. Kann unter **defaultColor** (**defaultOnColor** & **defaultOffColor**) in der Konfiguration festgelegt werden.
|
||||||
* `icon2` :
|
|
||||||
|
|
||||||
Einheiten und Werte:
|
**Angaben für Label**:
|
||||||
* `unit` :
|
* `prefixName` : Erweiterung für `name`. Setzt einen Text als Prefix vor `name`
|
||||||
* `useValue` :
|
* `suffixName` : Erweiterung für `name`. Setzt einen Text als Postfix nach `name`
|
||||||
* `minValue` :
|
* `buttonText` : ersetzt den Standard Text “PRESS” auf der cardEntities
|
||||||
* `maxValue` :
|
* `fontSize` : Auf der **cardGrid(2)** kann man mit diesem Attribut die Schriftgröße auf einen Wert zw. **0** und **5** gesetzt werden.
|
||||||
* `modeList` : `[]`
|
* Font 0 - Default - Size 24 (No Icons, Support for various special chars from different langs)
|
||||||
|
* Font 1 - Size 32 (Icons and limited chars)
|
||||||
|
* Font 2 - Size 32 (No Icons, Support for various special chars from different langs)
|
||||||
|
* Font 3 - Size 48 (Icons and limited chars)
|
||||||
|
* Font 4 - Size 80 (Icons and limited chars)
|
||||||
|
* Font 5 - Size 128 (ascii only)
|
||||||
|
|
||||||
Angaben für Licht:
|
**Definition Icons**:
|
||||||
* `minValueBrightness` :
|
* `icon` : Ein Icon für den An-Status
|
||||||
* `maxValueBrightness` :
|
* `icon2` : Ein Icon für den Aus-Status. `icon2` wird nicht bei allen Alias unterstützt
|
||||||
* `minValueColorTemp` :
|
|
||||||
* `maxValueColorTemp` :
|
> [!NOTE]
|
||||||
|
> Die Icon-Namen müssen aus der [Icondatei](https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html) stammen. `icon` bzw. `icon2` übersteuern ein Icon welches per Default vom Alias kommt. Bei vielen Alias ist es nicht notwendig ein `icon(2)` zu definieren. Die Option steht einem aber jederzeit zur Verfügung.
|
||||||
|
|
||||||
|
**Einheiten und Werte**:
|
||||||
|
* `unit` : in Hochkomma gesetzte Einheit (z.B. °C) gilt nicht für alle Rollen
|
||||||
|
* `useValue` : muss auf ‘true’, wenn fontSize genutzt wird
|
||||||
|
* `minValue` : legt den Startwert für den Slider fest
|
||||||
|
* `maxValue` : legt den Endwert für den Slider fest
|
||||||
|
* `modeList` : Ermöglicht ein **InSelPopup** für die Auswahl weiterer Werte. Wird in `[``, ``, ``]` gefasst und enthält eine Kommaseparierte Liste an Werten
|
||||||
|
|
||||||
|
**Angaben für Licht**:
|
||||||
|
* `interpolateColor` : wird mit `true` oder `false` angegeben und errechnet bei `true` die aktuelle Farbe des Leuchtmittels
|
||||||
|
|
||||||
|
**Angaben für PopupLight**
|
||||||
|
* `minValueBrightness` : legt den Startwert für den Slider Helligkeit fest
|
||||||
|
* `maxValueBrightness` : legt den Endwert für den Slider Helligkeit fest
|
||||||
|
* `minValueColorTemp` : legt den Startwert für den Slider Farbtemperatur fest
|
||||||
|
* `maxValueColorTemp` : legt den Endwert für den Slider Farbtemperatur fest
|
||||||
|
|
||||||
|
**Angabe für Rolladen (PopupShutter)**
|
||||||
|
* `secondRow` : gehört zur popupPage Shutter (Text für die zweite Zeile)
|
||||||
|
|
||||||
Angaben für Navigation und Subpages:
|
Angaben für Navigation und Subpages:
|
||||||
* `navigate` : `true`
|
* `navigate` : Ersetzt `id` und wird mit `true` gesetzt und benötigt **targetPage**. Öffnet eine Subpage
|
||||||
* `targetPage` :
|
* `targetPage` : Zielseite die geöffnet wird, wenn man eine in navigate definierte SubPage öffnen will
|
||||||
|
|
||||||
|
|
||||||
**CardChart** speziefische Angabe:
|
**CardChart** speziefische Angabe:
|
||||||
* `yAxis` :
|
* `yAxis` : name der y-Achse
|
||||||
* `yAxisTicks` :
|
* `yAxisTicks` : Werte-Skala der yAchse Wird in `[``, ``, ``]` gefasst und enthält eine Kommaseparierte Liste an Werten
|
||||||
|
* `onColor` : Farbe der Balken
|
||||||
|
|
||||||
**CardQR** speziefische Angabe:
|
**CardQR** speziefische Angabe:
|
||||||
* `hidePassword` :
|
* `hidePassword` :
|
||||||
|
|||||||
Reference in New Issue
Block a user