h3n3/nspanel-lovelace-ui
1
0
Fork 0
mirror of https://github.com/joBr99/nspanel-lovelace-ui.git synced 2026-03-06 15:01:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Updated NSPanel Service Menü (markdown)

Armilar
2023-01-20 22:26:18 +01:00
parent dfc6b48337
commit ac48c13961
1 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
NSPanel-Service-Menü.md

@@ -6,19 +6,20 @@
Im Zuge der weiteren Releases wird es sukzessive um künftige Funktionalitäten erweitert Im Zuge der weiteren Releases wird es sukzessive um künftige Funktionalitäten erweitert
## Service-Menü-Beispiel aus dem TypeScript (NSPanel.ts) ## Service-Menü-Beispiel aus dem TypeScript (NSPanel.ts)
![Nextion_Editor_nK462BYmWw](https://user-images.githubusercontent.com/102996011/213283615-860de2a8-1e1b-4d09-892c-c2119aba234c.gif) ![Nextion_Editor_C2NV6zMKIn](https://user-images.githubusercontent.com/102996011/213807668-c59210aa-5d9f-4c97-93ed-5f7401422925.gif)
## Aufbau des Service-Menüs ## Aufbau des Service-Menüs
![image](https://user-images.githubusercontent.com/102996011/213421892-3a479c82-2d2d-4145-9c39-722f7911e560.png) ![image](https://user-images.githubusercontent.com/102996011/213807909-c7d3ce47-4f0d-48af-b3e9-437c44b2f95b.png)
## TypeScript (NSPanel.ts) Variablendefinition ## TypeScript (NSPanel.ts) Variablendefinition
nachfolgend die Seiten- und Menüdefinition aus dem TS-Script ab v3.9.0 nachfolgend die Seiten- und Menüdefinition aus dem TS-Script ab v3.9.0
``` ```
/********************************************************************************************************** */ /***********************************************************************************************
//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 **
***********************************************************************************************/
//Level_0 //Level_0
let NSPanel_Service = <PageEntities> let NSPanel_Service = <PageEntities>
@@ -30,7 +31,7 @@ let NSPanel_Service = <PageEntities>
<PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', onColor: MSYellow, name: 'Infos', buttonText: 'mehr...'}, <PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', onColor: MSYellow, name: 'Infos', buttonText: 'mehr...'},
<PageItem>{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', onColor: MSYellow, name: 'Einstellungen', buttonText: 'mehr...'}, <PageItem>{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', onColor: MSYellow, name: 'Einstellungen', buttonText: 'mehr...'},
<PageItem>{ navigate: true, id: 'NSPanel_Firmware', icon: 'update', onColor: MSYellow, name: 'Firmware', buttonText: 'mehr...'}, <PageItem>{ navigate: true, id: 'NSPanel_Firmware', icon: 'update', onColor: MSYellow, name: 'Firmware', buttonText: 'mehr...'},
<PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: 'Reboot NSPanel' ,icon: 'refresh', offColor: White, onColor: MSGreen, buttonText: 'Start'}, <PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: 'Reboot NSPanel' ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: 'Start'},
] ]
}; };
//Level_1 //Level_1
@@ -56,7 +57,6 @@ let NSPanel_Service = <PageEntities>
'subPage': true, 'subPage': true,
'parent': NSPanel_Infos, 'parent': NSPanel_Infos,
'next': 'NSPanel_Wifi_Info_2', 'next': 'NSPanel_Wifi_Info_2',
'home': 'NSPanel_Service',
'items': [ 'items': [
<PageItem>{ id: AliasPath + 'ipAddress', name: 'IP-Adresse', icon: 'ip-network-outline', offColor: MSYellow, onColor: MSYellow, useColor: true}, <PageItem>{ id: AliasPath + 'ipAddress', name: 'IP-Adresse', icon: 'ip-network-outline', offColor: MSYellow, onColor: MSYellow, useColor: true},
<PageItem>{ id: AliasPath + 'Tasmota.Wifi.BSSId', name: 'MAC Adresse', icon: 'check-network', offColor: MSYellow, onColor: MSYellow, useColor: true}, <PageItem>{ id: AliasPath + 'Tasmota.Wifi.BSSId', name: 'MAC Adresse', icon: 'check-network', offColor: MSYellow, onColor: MSYellow, useColor: true},
@@ -71,7 +71,6 @@ let NSPanel_Service = <PageEntities>
'heading': 'NSPanel Wifi (2)', 'heading': 'NSPanel Wifi (2)',
'useColor': true, 'useColor': true,
'subPage': true, 'subPage': true,
'parent': NSPanel_Infos,
'prev': 'NSPanel_Wifi_Info_1', 'prev': 'NSPanel_Wifi_Info_1',
'home': 'NSPanel_Service', 'home': 'NSPanel_Service',
'items': [ 'items': [
@@ -85,7 +84,7 @@ let NSPanel_Service = <PageEntities>
let NSPanel_Sensoren = <PageEntities> let NSPanel_Sensoren = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
'heading': 'Sensoren', 'heading': 'Sensoren (1)',
'useColor': true, 'useColor': true,
'subPage': true, 'subPage': true,
'parent': NSPanel_Infos, 'parent': NSPanel_Infos,
@@ -101,7 +100,7 @@ let NSPanel_Service = <PageEntities>
let NSPanel_Hardware = <PageEntities> let NSPanel_Hardware = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
'heading': 'Hardware', 'heading': 'Hardware (2)',
'useColor': true, 'useColor': true,
'subPage': true, 'subPage': true,
'prev': 'NSPanel_Sensoren', 'prev': 'NSPanel_Sensoren',
@@ -115,17 +114,24 @@ let NSPanel_Service = <PageEntities>
}; };
//Level_1 //Level_1
let NSPanel_Einstellungen = <PageEntities> let NSPanel_Einstellungen = <PageGrid>
{ {
'type': 'cardEntities', 'type': 'cardGrid',
'heading': 'Einstellungen', 'heading': 'Einstellungen',
'useColor': true, 'useColor': true,
'subPage': true, 'subPage': true,
'parent': NSPanel_Service, 'parent': NSPanel_Service,
'home': 'NSPanel_Service', 'home': 'NSPanel_Service',
'items': [ 'items': [
<PageItem>{ navigate: true, id: 'NSPanel_Screensaver', icon: 'wifi', onColor: MSYellow, name: 'Screensaver', buttonText: 'mehr...'}, <PageItem>{ navigate: true, id: 'NSPanel_Screensaver', icon: 'monitor-dashboard', onColor: MSYellow, name: 'Screensaver', buttonText: 'mehr...'},
<PageItem>{ navigate: true, id: 'NSPanel_Relays', icon: 'monitor-edit', onColor: MSYellow, name: 'Relais', buttonText: 'mehr...'} <PageItem>{ navigate: true, id: 'NSPanel_Relays', icon: 'electric-switch', onColor: MSYellow, name: 'Relais', buttonText: 'mehr...'},
<PageItem>{ id:AliasPath + 'Config.temperatureUnitNumber', icon: 'gesture-double-tap', name: 'Temp. Einheit', onColor: MSYellow,
modeList: ['°C', '°F', 'K']},
<PageItem>{ id: AliasPath + 'Config.localeNumber', icon: 'select-place', name: 'Sprache', onColor: MSYellow,
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']},
] ]
}; };
@@ -139,7 +145,7 @@ let NSPanel_Service = <PageEntities>
'parent': NSPanel_Einstellungen, 'parent': NSPanel_Einstellungen,
'home': 'NSPanel_Service', 'home': 'NSPanel_Service',
'items': [ 'items': [
<PageItem>{ navigate: true, id: 'NSPanel_ScreensaverDimmode', icon: 'wifi', onColor: MSYellow, name: 'Dimmode/Brightness', buttonText: 'mehr...'}, <PageItem>{ navigate: true, id: 'NSPanel_ScreensaverDimmode', icon: 'wifi', onColor: MSYellow, name: 'Dimmode/Sonstige', buttonText: 'mehr...'},
<PageItem>{ navigate: true, id: 'NSPanel_Weather', icon: 'weather-partly-rainy', onColor: MSYellow, name: 'Wetter', buttonText: 'mehr...'}, <PageItem>{ navigate: true, id: 'NSPanel_Weather', icon: 'weather-partly-rainy', onColor: MSYellow, name: 'Wetter', buttonText: 'mehr...'},
<PageItem>{ navigate: true, id: 'NSPanel_Dateformat', icon: 'calendar-expand-horizontal', onColor: MSYellow, name: 'Datumsformat', buttonText: 'mehr...'}, <PageItem>{ navigate: true, id: 'NSPanel_Dateformat', icon: 'calendar-expand-horizontal', onColor: MSYellow, name: 'Datumsformat', buttonText: 'mehr...'},
<PageItem>{ navigate: true, id: 'NSPanel_Indicators', icon: 'monitor-edit', onColor: MSYellow, name: 'Indikatoren', buttonText: 'mehr...'} <PageItem>{ navigate: true, id: 'NSPanel_Indicators', icon: 'monitor-edit', onColor: MSYellow, name: 'Indikatoren', buttonText: 'mehr...'}
@@ -154,8 +160,7 @@ let NSPanel_Service = <PageEntities>
'useColor': true, 'useColor': true,
'subPage': true, 'subPage': true,
'parent': NSPanel_Screensaver, 'parent': NSPanel_Screensaver,
'next': 'NSPanel_ScreensaverBrightness', 'next': 'NSPanel_ScreensaverOther',
'home': 'NSPanel_Service',
'items': [ 'items': [
<PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10}, <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
<PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4}, <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
@@ -165,17 +170,19 @@ let NSPanel_Service = <PageEntities>
}; };
//Level_3 //Level_3
let NSPanel_ScreensaverBrightness = <PageEntities> let NSPanel_ScreensaverOther = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
'heading': 'Helligkeit (2)', 'heading': 'Sonstige (2)',
'useColor': true, 'useColor': true,
'subPage': true, 'subPage': true,
'parent': NSPanel_Screensaver,
'prev': 'NSPanel_ScreensaverDimmode', 'prev': 'NSPanel_ScreensaverDimmode',
'home': 'NSPanel_Service', 'home': 'NSPanel_Service',
'items': [ 'items': [
<PageItem>{ id: AliasPath + 'ScreensaverInfo.activeBrightness', name: 'Display bei Nutzung', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 20, maxValue: 100}, <PageItem>{ id: AliasPath + 'ScreensaverInfo.activeBrightness', name: 'Helligkeit Aktiv', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 20, maxValue: 100},
<PageItem>{ id: AliasPath + 'Config.Screensaver.timeoutScreensaver', name: 'Screensaver Timeout', icon: 'clock-end', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 60},
<PageItem>{ id: AliasPath + 'Config.Screensaver.screenSaverDoubleClick', name: 'Doppelklick Weakup' ,icon: 'gesture-two-double-tap', offColor: HMIOff, onColor: On},
<PageItem>{ id: AliasPath + 'Config.Screensaver.alternativeScreensaverLayout', name: 'Alternativ Layout' ,icon: 'page-previous-outline', offColor: HMIOff, onColor: On},
] ]
}; };
@@ -191,7 +198,8 @@ let NSPanel_Service = <PageEntities>
'items': [ 'items': [
<PageItem>{ id: AliasPath + 'ScreensaverInfo.weatherForecast', name: 'Vorhersage Aus/An' ,icon: 'weather-sunny-off', offColor: HMIOff, onColor: On}, <PageItem>{ id: AliasPath + 'ScreensaverInfo.weatherForecast', name: 'Vorhersage Aus/An' ,icon: 'weather-sunny-off', offColor: HMIOff, onColor: On},
<PageItem>{ id: AliasPath + 'ScreensaverInfo.weatherForecastTimer', name: 'Vorhersage Wechsel' ,icon: 'devices', offColor: HMIOff, onColor: On}, <PageItem>{ id: AliasPath + 'ScreensaverInfo.weatherForecastTimer', name: 'Vorhersage Wechsel' ,icon: 'devices', offColor: HMIOff, onColor: On},
<PageItem>{ id: AliasPath + 'ScreensaverInfo.entityChangeTime', name: 'Wechselzeit/s', icon: 'cog-sync', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 15, maxValue: 60} <PageItem>{ id: AliasPath + 'ScreensaverInfo.entityChangeTime', name: 'Wechselzeit/s', icon: 'cog-sync', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 15, maxValue: 60},
<PageItem>{ id: AliasPath + 'Config.Screensaver.autoWeatherColorScreensaverLayout', name: 'Symbolfarben' ,icon: 'format-color-fill', offColor: HMIOff, onColor: On},
] ]
}; };