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

Updated NSPanel Service Menü (markdown)

Armilar
2023-10-20 12:51:47 +02:00
parent 37b792a6d7
commit 614b9383da
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
NSPanel-Service-Menü.md

@@ -16,7 +16,7 @@ Im Zuge der weiteren Releases wird es sukzessive um künftige Funktionalitäten
## TypeScript (NSPanel.ts) Konstanten ## TypeScript (NSPanel.ts) Konstanten
nachfolgende Konstante ist für die Menüfarbe reserviert und kann individuell durch eigene RGB-Farbwerte angepasst werden. nachfolgende Konstante ist für die Menüfarbe reserviert und kann individuell durch eigene RGB-Farbwerte angepasst werden.
``` ```typescript
//Menu Icon Colors //Menu Icon Colors
const Menu: RGB = { red: 150, green: 150, blue: 100 }; const Menu: RGB = { red: 150, green: 150, blue: 100 };
``` ```
@@ -28,13 +28,13 @@ const Menu: RGB = { red: 150, green: 150, blue: 100 };
innerhalb des PageItems kann das Icon im Alias des Gerätetypen "info" ebenfalls einen Indikatorwert annehmen: innerhalb des PageItems kann das Icon im Alias des Gerätetypen "info" ebenfalls einen Indikatorwert annehmen:
> _**Wenn colorScale im PageItem vorhanden ist, werden gesetzte `offColor` und `onColor` dabei ignoriert. Es wird dann auschließlich der Parameter colorScale ausgewertet.**_ > _**Wenn colorScale im PageItem vorhanden ist, werden gesetzte `offColor` und `onColor` dabei ignoriert. Es wird dann auschließlich der Parameter colorScale ausgewertet.**_
``` ```typescript
colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 50 } colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 50 }
``` ```
> _**val_best ist hierbei Optional und stellt den Idealwert dar!**_ > _**val_best ist hierbei Optional und stellt den Idealwert dar!**_
weiter Beispiele: weiter Beispiele:
``` ```typescript
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: 'RSSI', icon: 'signal', unit: '%', colorScale: {'val_min': 100, 'val_max': 0} }, <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: 'RSSI', icon: 'signal', unit: '%', colorScale: {'val_min': 100, 'val_max': 0} },
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.Signal', name: 'Wifi-Signal', icon: 'signal-distance-variant', unit: 'dBm', colorScale: {'val_min': 0, 'val_max': -100} }, <PageItem>{ id: AliasPath + 'Tasmota.Wifi.Signal', name: 'Wifi-Signal', icon: 'signal-distance-variant', unit: 'dBm', colorScale: {'val_min': 0, 'val_max': -100} },
<PageItem>{ id: AliasPath + 'Sensor.ANALOG.Temperature', name: 'Raum Temperatur', icon: 'home-thermometer-outline', unit: '°C', colorScale: {'val_min': 0, 'val_max': 40, 'val_best': 22 } }, <PageItem>{ id: AliasPath + 'Sensor.ANALOG.Temperature', name: 'Raum Temperatur', icon: 'home-thermometer-outline', unit: '°C', colorScale: {'val_min': 0, 'val_max': 40, 'val_best': 22 } },
@@ -44,7 +44,7 @@ weiter Beispiele:
## TypeScript (NSPanel.ts) Variablendefinition ## TypeScript (NSPanel.ts) Variablendefinition
nachfolgend die Seiten- und Menüdefinition aus dem TS-Script ab v4.3.1 nachfolgend die Seiten- und Menüdefinition aus dem TS-Script ab v4.3.1
``` ```typescript
/*********************************************************************************************** /***********************************************************************************************
** Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt) ** ** Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt) **
** https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Service-Men%C3%BC ** ** https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Service-Men%C3%BC **
@@ -378,7 +378,7 @@ let NSPanel_Service = <PageEntities>
``` ```
## TypeScript (NSPanel.ts) Config ## TypeScript (NSPanel.ts) Config
``` ```typescript
export const config = <Config> { export const config = <Config> {
... ...