mirror of
https://github.com/joBr99/nspanel-lovelace-ui.git
synced 2026-02-23 13:02:14 +01:00
Updated NSPanel Service Menü (markdown)
Armilar
@@ -35,10 +35,10 @@ colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 50 }
|
||||
|
||||
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.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.ESP32.Temperature', name: 'ESP Temperatur', icon: 'thermometer', unit: '°C', colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 50 } },
|
||||
{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: 'RSSI', icon: 'signal', unit: '%', colorScale: {'val_min': 100, 'val_max': 0} },
|
||||
{ id: AliasPath + 'Tasmota.Wifi.Signal', name: 'Wifi-Signal', icon: 'signal-distance-variant', unit: 'dBm', colorScale: {'val_min': 0, 'val_max': -100} },
|
||||
{ id: AliasPath + 'Sensor.ANALOG.Temperature', name: 'Raum Temperatur', icon: 'home-thermometer-outline', unit: '°C', colorScale: {'val_min': 0, 'val_max': 40, 'val_best': 22 } },
|
||||
{ id: AliasPath + 'Sensor.ESP32.Temperature', name: 'ESP Temperatur', icon: 'thermometer', unit: '°C', colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 50 } },
|
||||
```
|
||||
|
||||
## TypeScript (NSPanel.ts) Variablendefinition
|
||||
@@ -70,33 +70,33 @@ nachfolgend die Seiten- und Menüdefinition aus dem TS-Script ab v4.3.3
|
||||
*/
|
||||
|
||||
//Level 0 (if service pages are used with cardUnlock)
|
||||
let Unlock_Service = <PageUnlock>
|
||||
let Unlock_Service: PageType =
|
||||
{
|
||||
'type': 'cardUnlock',
|
||||
'heading': findLocaleServMenu('service_pages'),
|
||||
'useColor': true,
|
||||
'items': [<PageItem>{ id: 'alias.0.NSPanel.Unlock',
|
||||
targetPage: 'NSPanel_Service_SubPage',
|
||||
autoCreateALias: true }
|
||||
'items': [{ id: 'alias.0.NSPanel.Unlock',
|
||||
targetPage: 'NSPanel_Service_SubPage',
|
||||
autoCreateALias: true }
|
||||
]
|
||||
};
|
||||
|
||||
//Level_0 (if service pages are used without cardUnlock)
|
||||
let NSPanel_Service = <PageEntities>
|
||||
let NSPanel_Service: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('service_menu'),
|
||||
'useColor': true,
|
||||
'items': [
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('settings'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: findLocaleServMenu('firmware'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot') ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('settings'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: findLocaleServMenu('firmware'), buttonText: findLocaleServMenu('more')},
|
||||
{ id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot') ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
]
|
||||
};
|
||||
|
||||
//Level_0 (if service pages are used with cardUnlock)
|
||||
let NSPanel_Service_SubPage = <PageEntities>
|
||||
let NSPanel_Service_SubPage: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('service_menu'),
|
||||
@@ -105,15 +105,15 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': Unlock_Service,
|
||||
'home': 'Unlock_Service',
|
||||
'items': [
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('settings'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: findLocaleServMenu('firmware'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot') ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('settings'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: findLocaleServMenu('firmware'), buttonText: findLocaleServMenu('more')},
|
||||
{ id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot') ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
]
|
||||
};
|
||||
|
||||
//Level_1
|
||||
let NSPanel_Infos = <PageEntities>
|
||||
let NSPanel_Infos: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('nspanel_infos'),
|
||||
@@ -122,13 +122,13 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Service,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Wifi_Info_1', icon: 'wifi', offColor: Menu, onColor: Menu, name: findLocaleServMenu('wifi'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Sensoren', icon: 'memory', offColor: Menu, onColor: Menu, name: findLocaleServMenu('sensors_hardware'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_IoBroker', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('info_iobroker'), buttonText: findLocaleServMenu('more')}
|
||||
{ navigate: true, id: 'NSPanel_Wifi_Info_1', icon: 'wifi', offColor: Menu, onColor: Menu, name: findLocaleServMenu('wifi'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_Sensoren', icon: 'memory', offColor: Menu, onColor: Menu, name: findLocaleServMenu('sensors_hardware'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_IoBroker', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('info_iobroker'), buttonText: findLocaleServMenu('more')}
|
||||
]
|
||||
};
|
||||
//Level_2
|
||||
let NSPanel_Wifi_Info_1 = <PageEntities>
|
||||
let NSPanel_Wifi_Info_1: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('nspanel_wifi1'),
|
||||
@@ -137,14 +137,14 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Infos,
|
||||
'next': 'NSPanel_Wifi_Info_2',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'ipAddress', name: findLocaleServMenu('ip_address'), icon: 'ip-network-outline', offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.BSSId', name: findLocaleServMenu('mac_address'), icon: 'check-network', offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: findLocaleServMenu('rssi'), icon: 'signal', unit: '%', colorScale: {'val_min': 100, 'val_max': 0} },
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.Signal', name: findLocaleServMenu('wifi_signal'), icon: 'signal-distance-variant', unit: 'dBm', colorScale: {'val_min': 0, 'val_max': -100} },
|
||||
{ id: AliasPath + 'ipAddress', name: findLocaleServMenu('ip_address'), icon: 'ip-network-outline', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota.Wifi.BSSId', name: findLocaleServMenu('mac_address'), icon: 'check-network', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: findLocaleServMenu('rssi'), icon: 'signal', unit: '%', colorScale: {'val_min': 100, 'val_max': 0} },
|
||||
{ id: AliasPath + 'Tasmota.Wifi.Signal', name: findLocaleServMenu('wifi_signal'), icon: 'signal-distance-variant', unit: 'dBm', colorScale: {'val_min': 0, 'val_max': -100} },
|
||||
]
|
||||
};
|
||||
|
||||
let NSPanel_Wifi_Info_2 = <PageEntities>
|
||||
let NSPanel_Wifi_Info_2: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('nspanel_wifi2'),
|
||||
@@ -153,14 +153,14 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'prev': 'NSPanel_Wifi_Info_1',
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.SSId', name: findLocaleServMenu('ssid'), icon: 'signal-distance-variant', offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.Mode', name: findLocaleServMenu('mode'), icon: 'signal-distance-variant', offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.Channel', name: findLocaleServMenu('channel'), icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.AP', name: findLocaleServMenu('accesspoint'), icon: 'router-wireless-settings', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota.Wifi.SSId', name: findLocaleServMenu('ssid'), icon: 'signal-distance-variant', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota.Wifi.Mode', name: findLocaleServMenu('mode'), icon: 'signal-distance-variant', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota.Wifi.Channel', name: findLocaleServMenu('channel'), icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota.Wifi.AP', name: findLocaleServMenu('accesspoint'), icon: 'router-wireless-settings', offColor: Menu, onColor: Menu },
|
||||
]
|
||||
};
|
||||
|
||||
let NSPanel_Sensoren = <PageEntities>
|
||||
let NSPanel_Sensoren: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('sensors1'),
|
||||
@@ -169,14 +169,14 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Infos,
|
||||
'next': 'NSPanel_Hardware',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Sensor.ANALOG.Temperature', name: findLocaleServMenu('room_temperature'), icon: 'home-thermometer-outline', unit: '°C', colorScale: {'val_min': 0, 'val_max': 40, 'val_best': 22 } },
|
||||
<PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: findLocaleServMenu('esp_temperature'), icon: 'thermometer', unit: '°C', colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 50 } },
|
||||
<PageItem>{ id: AliasPath + 'Sensor.TempUnit', name: findLocaleServMenu('temperature_unit'), icon: 'temperature-celsius', offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Sensor.Time', name: findLocaleServMenu('refresh'), icon: 'clock-check-outline', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Sensor.ANALOG.Temperature', name: findLocaleServMenu('room_temperature'), icon: 'home-thermometer-outline', unit: '°C', colorScale: {'val_min': 0, 'val_max': 40, 'val_best': 22 } },
|
||||
{ id: AliasPath + 'Sensor.ESP32.Temperature', name: findLocaleServMenu('esp_temperature'), icon: 'thermometer', unit: '°C', colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 50 } },
|
||||
{ id: AliasPath + 'Sensor.TempUnit', name: findLocaleServMenu('temperature_unit'), icon: 'temperature-celsius', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Sensor.Time', name: findLocaleServMenu('refresh'), icon: 'clock-check-outline', offColor: Menu, onColor: Menu },
|
||||
]
|
||||
};
|
||||
|
||||
let NSPanel_Hardware = <PageEntities>
|
||||
let NSPanel_Hardware: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('hardware2'),
|
||||
@@ -185,14 +185,14 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'prev': 'NSPanel_Sensoren',
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Product', name: findLocaleServMenu('product'), icon: 'devices', offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: findLocaleServMenu('esp32_hardware'), icon: 'memory', offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Display.Model', name: findLocaleServMenu('nspanel_version'), offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: findLocaleServMenu('operating_time'), icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota.Product', name: findLocaleServMenu('product'), icon: 'devices', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota.Hardware', name: findLocaleServMenu('esp32_hardware'), icon: 'memory', offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Display.Model', name: findLocaleServMenu('nspanel_version'), offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota.Uptime', name: findLocaleServMenu('operating_time'), icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu },
|
||||
]
|
||||
};
|
||||
|
||||
let NSPanel_IoBroker = <PageEntities>
|
||||
let NSPanel_IoBroker: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('info_iobroker'),
|
||||
@@ -201,14 +201,14 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Infos,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'IoBroker.ScriptVersion', name: findLocaleServMenu('script_version_nspanelts'), offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'IoBroker.NodeJSVersion', name: findLocaleServMenu('nodejs_version'), offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'IoBroker.JavaScriptVersion', name: findLocaleServMenu('instance_javascript'), offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'IoBroker.ScriptVersion', name: findLocaleServMenu('script_version_nspanelts'), offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'IoBroker.NodeJSVersion', name: findLocaleServMenu('nodejs_version'), offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'IoBroker.JavaScriptVersion', name: findLocaleServMenu('instance_javascript'), offColor: Menu, onColor: Menu },
|
||||
]
|
||||
};
|
||||
|
||||
//Level_1
|
||||
let NSPanel_Einstellungen = <PageGrid>
|
||||
let NSPanel_Einstellungen: PageType =
|
||||
{
|
||||
'type': 'cardGrid',
|
||||
'heading': findLocaleServMenu('settings'),
|
||||
@@ -217,20 +217,20 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Service,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Screensaver', icon: 'monitor-dashboard',offColor: Menu, onColor: Menu, name: findLocaleServMenu('screensaver'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Relays', icon: 'electric-switch', offColor: Menu, onColor: Menu, name: findLocaleServMenu('relays'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ id:AliasPath + 'Config.temperatureUnitNumber', icon: 'gesture-double-tap', name: findLocaleServMenu('temp_unit'), offColor: Menu, onColor: Menu,
|
||||
{ navigate: true, id: 'NSPanel_Screensaver', icon: 'monitor-dashboard',offColor: Menu, onColor: Menu, name: findLocaleServMenu('screensaver'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_Relays', icon: 'electric-switch', offColor: Menu, onColor: Menu, name: findLocaleServMenu('relays'), buttonText: findLocaleServMenu('more')},
|
||||
{ id:AliasPath + 'Config.temperatureUnitNumber', icon: 'gesture-double-tap', name: findLocaleServMenu('temp_unit'), offColor: Menu, onColor: Menu,
|
||||
modeList: ['°C', '°F', 'K']},
|
||||
<PageItem>{ id: AliasPath + 'Config.localeNumber', icon: 'select-place', name: findLocaleServMenu('language'), offColor: Menu, onColor: Menu,
|
||||
{ id: AliasPath + 'Config.localeNumber', icon: 'select-place', name: findLocaleServMenu('language'), offColor: Menu, onColor: Menu,
|
||||
modeList: ['en-US', 'de-DE', 'nl-NL', 'da-DK', 'es-ES', 'fr-FR', 'it-IT', 'ru-RU', 'nb-NO', 'nn-NO', 'pl-PL', 'pt-PT', 'af-ZA', 'ar-SY',
|
||||
'bg-BG', 'ca-ES', 'cs-CZ', 'el-GR', 'et-EE', 'fa-IR', 'fi-FI', 'he-IL', 'hr-xx', 'hu-HU', 'hy-AM', 'id-ID', 'is-IS', 'lb-xx',
|
||||
'lt-LT', 'ro-RO', 'sk-SK', 'sl-SI', 'sv-SE', 'th-TH', 'tr-TR', 'uk-UA', 'vi-VN', 'zh-CN', 'zh-TW']},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_Script', icon: 'code-json',offColor: Menu, onColor: Menu, name: findLocaleServMenu('script'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_Script', icon: 'code-json',offColor: Menu, onColor: Menu, name: findLocaleServMenu('script'), buttonText: findLocaleServMenu('more')},
|
||||
]
|
||||
};
|
||||
|
||||
//Level_2
|
||||
let NSPanel_Screensaver = <PageGrid>
|
||||
let NSPanel_Screensaver: PageType =
|
||||
{
|
||||
'type': 'cardGrid',
|
||||
'heading': findLocaleServMenu('screensaver'),
|
||||
@@ -239,17 +239,17 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Einstellungen,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_ScreensaverDimmode', icon: 'sun-clock', offColor: Menu, onColor: Menu, name: findLocaleServMenu('dimmode')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_ScreensaverBrightness', icon: 'brightness-5', offColor: Menu, onColor: Menu, name: findLocaleServMenu('brightness')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_ScreensaverLayout', icon: 'page-next-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('layout')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_ScreensaverWeather', icon: 'weather-partly-rainy', offColor: Menu, onColor: Menu, name: findLocaleServMenu('weather')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_ScreensaverDateformat', icon: 'calendar-expand-horizontal', offColor: Menu, onColor: Menu, name: findLocaleServMenu('date_format')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_ScreensaverIndicators', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('indicators')}
|
||||
{ navigate: true, id: 'NSPanel_ScreensaverDimmode', icon: 'sun-clock', offColor: Menu, onColor: Menu, name: findLocaleServMenu('dimmode')},
|
||||
{ navigate: true, id: 'NSPanel_ScreensaverBrightness', icon: 'brightness-5', offColor: Menu, onColor: Menu, name: findLocaleServMenu('brightness')},
|
||||
{ navigate: true, id: 'NSPanel_ScreensaverLayout', icon: 'page-next-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('layout')},
|
||||
{ navigate: true, id: 'NSPanel_ScreensaverWeather', icon: 'weather-partly-rainy', offColor: Menu, onColor: Menu, name: findLocaleServMenu('weather')},
|
||||
{ navigate: true, id: 'NSPanel_ScreensaverDateformat', icon: 'calendar-expand-horizontal', offColor: Menu, onColor: Menu, name: findLocaleServMenu('date_format')},
|
||||
{ navigate: true, id: 'NSPanel_ScreensaverIndicators', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('indicators')}
|
||||
]
|
||||
};
|
||||
|
||||
//Level_3
|
||||
let NSPanel_ScreensaverDimmode = <PageEntities>
|
||||
let NSPanel_ScreensaverDimmode: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('dimmode'),
|
||||
@@ -258,15 +258,15 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Screensaver,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: findLocaleServMenu('brightness_day'), icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 5, maxValue: 10},
|
||||
<PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: findLocaleServMenu('brightness_night'), icon: 'brightness-4', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 4},
|
||||
<PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: findLocaleServMenu('hour_day'), icon: 'sun-clock', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23},
|
||||
<PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: findLocaleServMenu('hour_night'), icon: 'sun-clock-outline', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23}
|
||||
{ id: AliasPath + 'Dimmode.brightnessDay', name: findLocaleServMenu('brightness_day'), icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 5, maxValue: 10},
|
||||
{ id: AliasPath + 'Dimmode.brightnessNight', name: findLocaleServMenu('brightness_night'), icon: 'brightness-4', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 4},
|
||||
{ id: AliasPath + 'Dimmode.hourDay', name: findLocaleServMenu('hour_day'), icon: 'sun-clock', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23},
|
||||
{ id: AliasPath + 'Dimmode.hourNight', name: findLocaleServMenu('hour_night'), icon: 'sun-clock-outline', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23}
|
||||
]
|
||||
};
|
||||
|
||||
//Level_3
|
||||
let NSPanel_ScreensaverBrightness = <PageEntities>
|
||||
let NSPanel_ScreensaverBrightness: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('brightness'),
|
||||
@@ -275,14 +275,14 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Screensaver,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'ScreensaverInfo.activeBrightness', name: findLocaleServMenu('brightness_activ'), icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 20, maxValue: 100},
|
||||
<PageItem>{ id: AliasPath + 'Config.Screensaver.timeoutScreensaver', name: findLocaleServMenu('screensaver_timeout'), icon: 'clock-end', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 60},
|
||||
<PageItem>{ id: AliasPath + 'Config.Screensaver.screenSaverDoubleClick', name: findLocaleServMenu('wakeup_doublecklick') ,icon: 'gesture-two-double-tap', offColor: HMIOff, onColor: HMIOn}
|
||||
{ id: AliasPath + 'ScreensaverInfo.activeBrightness', name: findLocaleServMenu('brightness_activ'), icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 20, maxValue: 100},
|
||||
{ id: AliasPath + 'Config.Screensaver.timeoutScreensaver', name: findLocaleServMenu('screensaver_timeout'), icon: 'clock-end', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 60},
|
||||
{ id: AliasPath + 'Config.Screensaver.screenSaverDoubleClick', name: findLocaleServMenu('wakeup_doublecklick') ,icon: 'gesture-two-double-tap', offColor: HMIOff, onColor: HMIOn}
|
||||
]
|
||||
};
|
||||
|
||||
//Level_3
|
||||
let NSPanel_ScreensaverLayout = <PageEntities>
|
||||
let NSPanel_ScreensaverLayout: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('layout'),
|
||||
@@ -291,13 +291,13 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Screensaver,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Config.Screensaver.alternativeScreensaverLayout', name: findLocaleServMenu('alternative_layout') ,icon: 'page-previous-outline', offColor: HMIOff, onColor: HMIOn},
|
||||
<PageItem>{ id: AliasPath + 'Config.Screensaver.ScreensaverAdvanced', name: findLocaleServMenu('advanced_layout') ,icon: 'page-next-outline', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Config.Screensaver.alternativeScreensaverLayout', name: findLocaleServMenu('alternative_layout') ,icon: 'page-previous-outline', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Config.Screensaver.ScreensaverAdvanced', name: findLocaleServMenu('advanced_layout') ,icon: 'page-next-outline', offColor: HMIOff, onColor: HMIOn},
|
||||
]
|
||||
};
|
||||
|
||||
//Level_3
|
||||
let NSPanel_ScreensaverWeather = <PageEntities>
|
||||
let NSPanel_ScreensaverWeather: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('weather_parameters'),
|
||||
@@ -306,15 +306,15 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Screensaver,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'ScreensaverInfo.weatherForecast', name: findLocaleServMenu('weather_forecast_offon') ,icon: 'weather-sunny-off', offColor: HMIOff, onColor: HMIOn},
|
||||
<PageItem>{ id: AliasPath + 'ScreensaverInfo.weatherForecastTimer', name: findLocaleServMenu('weather_forecast_change_switch') ,icon: 'devices', offColor: HMIOff, onColor: HMIOn},
|
||||
<PageItem>{ id: AliasPath + 'ScreensaverInfo.entityChangeTime', name: findLocaleServMenu('weather_forecast_change_time'), icon: 'cog-sync', offColor: Menu, onColor: Menu, minValue: 15, maxValue: 60},
|
||||
<PageItem>{ id: AliasPath + 'Config.Screensaver.autoWeatherColorScreensaverLayout', name: findLocaleServMenu('weather_forecast_icon_colors') ,icon: 'format-color-fill', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'ScreensaverInfo.weatherForecast', name: findLocaleServMenu('weather_forecast_offon') ,icon: 'weather-sunny-off', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'ScreensaverInfo.weatherForecastTimer', name: findLocaleServMenu('weather_forecast_change_switch') ,icon: 'devices', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'ScreensaverInfo.entityChangeTime', name: findLocaleServMenu('weather_forecast_change_time'), icon: 'cog-sync', offColor: Menu, onColor: Menu, minValue: 15, maxValue: 60},
|
||||
{ id: AliasPath + 'Config.Screensaver.autoWeatherColorScreensaverLayout', name: findLocaleServMenu('weather_forecast_icon_colors') ,icon: 'format-color-fill', offColor: HMIOff, onColor: HMIOn},
|
||||
]
|
||||
};
|
||||
|
||||
//Level_3
|
||||
let NSPanel_ScreensaverDateformat = <PageEntities>
|
||||
let NSPanel_ScreensaverDateformat: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('date_format'),
|
||||
@@ -323,13 +323,13 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Screensaver,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Config.Dateformat.Switch.weekday', name: findLocaleServMenu('weekday_large') ,icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn},
|
||||
<PageItem>{ id: AliasPath + 'Config.Dateformat.Switch.month', name: findLocaleServMenu('month_large') ,icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Config.Dateformat.Switch.weekday', name: findLocaleServMenu('weekday_large') ,icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Config.Dateformat.Switch.month', name: findLocaleServMenu('month_large') ,icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn},
|
||||
]
|
||||
};
|
||||
|
||||
//Level_3
|
||||
let NSPanel_ScreensaverIndicators = <PageEntities>
|
||||
let NSPanel_ScreensaverIndicators: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('indicators'),
|
||||
@@ -338,13 +338,13 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Screensaver,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Config.MRIcons.alternateMRIconSize.1', name: findLocaleServMenu('mr_icon1_size') ,icon: 'format-size', offColor: HMIOff, onColor: HMIOn},
|
||||
<PageItem>{ id: AliasPath + 'Config.MRIcons.alternateMRIconSize.2', name: findLocaleServMenu('mr_icon2_size') ,icon: 'format-size', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Config.MRIcons.alternateMRIconSize.1', name: findLocaleServMenu('mr_icon1_size') ,icon: 'format-size', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Config.MRIcons.alternateMRIconSize.2', name: findLocaleServMenu('mr_icon2_size') ,icon: 'format-size', offColor: HMIOff, onColor: HMIOn},
|
||||
]
|
||||
};
|
||||
|
||||
//Level_2
|
||||
let NSPanel_Relays = <PageEntities>
|
||||
let NSPanel_Relays: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('relays'),
|
||||
@@ -353,13 +353,13 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Einstellungen,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Relay.1', name: findLocaleServMenu('relay1_onoff'), icon: 'power', offColor: HMIOff, onColor: HMIOn},
|
||||
<PageItem>{ id: AliasPath + 'Relay.2', name: findLocaleServMenu('relay2_onoff'), icon: 'power', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Relay.1', name: findLocaleServMenu('relay1_onoff'), icon: 'power', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Relay.2', name: findLocaleServMenu('relay2_onoff'), icon: 'power', offColor: HMIOff, onColor: HMIOn},
|
||||
]
|
||||
};
|
||||
|
||||
//Level_2
|
||||
let NSPanel_Script = <PageEntities>
|
||||
let NSPanel_Script: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('script'),
|
||||
@@ -368,13 +368,13 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Einstellungen,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Config.ScripgtDebugStatus', name: findLocaleServMenu('debugmode_offon') ,icon: 'code-tags-check', offColor: HMIOff, onColor: HMIOn},
|
||||
<PageItem>{ id: AliasPath + 'Config.MQTT.portCheck', name: findLocaleServMenu('port_check_offon') ,icon: 'check-network', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Config.ScripgtDebugStatus', name: findLocaleServMenu('debugmode_offon') ,icon: 'code-tags-check', offColor: HMIOff, onColor: HMIOn},
|
||||
{ id: AliasPath + 'Config.MQTT.portCheck', name: findLocaleServMenu('port_check_offon') ,icon: 'check-network', offColor: HMIOff, onColor: HMIOn},
|
||||
]
|
||||
};
|
||||
|
||||
//Level_1
|
||||
let NSPanel_Firmware = <PageEntities>
|
||||
let NSPanel_Firmware: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('firmware'),
|
||||
@@ -383,14 +383,14 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Service,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'autoUpdate', name: findLocaleServMenu('automatically_updates') ,icon: 'power', offColor: HMIOff, onColor: HMIOn},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_FirmwareTasmota', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: findLocaleServMenu('tasmota_firmware'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_FirmwareBerry', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: findLocaleServMenu('berry_driver'), buttonText: findLocaleServMenu('more')},
|
||||
<PageItem>{ navigate: true, id: 'NSPanel_FirmwareNextion', icon: 'cellphone-cog', offColor: Menu, onColor: Menu, name: findLocaleServMenu('nextion_tft_firmware'), buttonText: findLocaleServMenu('more')}
|
||||
{ id: AliasPath + 'autoUpdate', name: findLocaleServMenu('automatically_updates') ,icon: 'power', offColor: HMIOff, onColor: HMIOn},
|
||||
{ navigate: true, id: 'NSPanel_FirmwareTasmota', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: findLocaleServMenu('tasmota_firmware'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_FirmwareBerry', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: findLocaleServMenu('berry_driver'), buttonText: findLocaleServMenu('more')},
|
||||
{ navigate: true, id: 'NSPanel_FirmwareNextion', icon: 'cellphone-cog', offColor: Menu, onColor: Menu, name: findLocaleServMenu('nextion_tft_firmware'), buttonText: findLocaleServMenu('more')}
|
||||
]
|
||||
};
|
||||
|
||||
let NSPanel_FirmwareTasmota = <PageEntities>
|
||||
let NSPanel_FirmwareTasmota: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('tasmota'),
|
||||
@@ -399,14 +399,14 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Firmware,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Tasmota.Version', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Tasmota_Firmware.onlineVersion', name: findLocaleServMenu('available_release'), offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: 'Divider' },
|
||||
<PageItem>{ id: AliasPath + 'Config.Update.UpdateTasmota', name: findLocaleServMenu('update_tasmota') ,icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
{ id: AliasPath + 'Tasmota.Version', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Tasmota_Firmware.onlineVersion', name: findLocaleServMenu('available_release'), offColor: Menu, onColor: Menu },
|
||||
{ id: 'Divider' },
|
||||
{ id: AliasPath + 'Config.Update.UpdateTasmota', name: findLocaleServMenu('update_tasmota') ,icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
]
|
||||
};
|
||||
|
||||
let NSPanel_FirmwareBerry = <PageEntities>
|
||||
let NSPanel_FirmwareBerry: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('berry_driver'),
|
||||
@@ -415,14 +415,14 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Firmware,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Display.BerryDriver', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Berry_Driver.onlineVersion', name: findLocaleServMenu('available_release'), offColor: Menu, onColor: Menu},
|
||||
<PageItem>{ id: 'Divider' },
|
||||
<PageItem>{ id: AliasPath + 'Config.Update.UpdateBerry', name: findLocaleServMenu('update_berry_driver') ,icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
{ id: AliasPath + 'Display.BerryDriver', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Berry_Driver.onlineVersion', name: findLocaleServMenu('available_release'), offColor: Menu, onColor: Menu},
|
||||
{ id: 'Divider' },
|
||||
{ id: AliasPath + 'Config.Update.UpdateBerry', name: findLocaleServMenu('update_berry_driver') ,icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
]
|
||||
};
|
||||
|
||||
let NSPanel_FirmwareNextion = <PageEntities>
|
||||
let NSPanel_FirmwareNextion: PageType =
|
||||
{
|
||||
'type': 'cardEntities',
|
||||
'heading': findLocaleServMenu('nextion_tft'),
|
||||
@@ -431,10 +431,10 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
'parent': NSPanel_Firmware,
|
||||
'home': 'NSPanel_Service',
|
||||
'items': [
|
||||
<PageItem>{ id: AliasPath + 'Display_Firmware.TFT.currentVersion', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Display_Firmware.TFT.desiredVersion', name: findLocaleServMenu('desired_release'), offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Display.Model', name: findLocaleServMenu('nspanel_model'), offColor: Menu, onColor: Menu },
|
||||
<PageItem>{ id: AliasPath + 'Config.Update.UpdateNextion', name: 'Nextion TFT Update' ,icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
{ id: AliasPath + 'Display_Firmware.TFT.currentVersion', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Display_Firmware.TFT.desiredVersion', name: findLocaleServMenu('desired_release'), offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Display.Model', name: findLocaleServMenu('nspanel_model'), offColor: Menu, onColor: Menu },
|
||||
{ id: AliasPath + 'Config.Update.UpdateNextion', name: 'Nextion TFT Update' ,icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
|
||||
]
|
||||
};
|
||||
|
||||
@@ -444,7 +444,7 @@ let NSPanel_Service_SubPage = <PageEntities>
|
||||
|
||||
## TypeScript (NSPanel.ts) Config
|
||||
```typescript
|
||||
export const config = <Config> {
|
||||
export const config: Config = {
|
||||
|
||||
// Seiteneinteilung / Page division
|
||||
// Hauptseiten / Mainpages
|
||||
|
||||
Reference in New Issue
Block a user