From 405d0065669a9bd38277f75aca1fb088ca7e1493 Mon Sep 17 00:00:00 2001
From: Thomas <101348966+tt-tom17@users.noreply.github.com>
Date: Fri, 22 Sep 2023 12:10:44 +0200
Subject: [PATCH] Struktur aktualisiert
---
NSPanel-Service-Menü.md | 103 +++++++++++++++++++++++++++++-----------
1 file changed, 74 insertions(+), 29 deletions(-)
diff --git a/NSPanel-Service-Menü.md b/NSPanel-Service-Menü.md
index c7fa71d..1b03571 100644
--- a/NSPanel-Service-Menü.md
+++ b/NSPanel-Service-Menü.md
@@ -9,9 +9,9 @@ Im Zuge der weiteren Releases wird es sukzessive um künftige Funktionalitäten
## Aufbau des Service-Menüs
-
-
-
+
+
+
## TypeScript (NSPanel.ts) Konstanten
nachfolgende Konstante ist für die Menüfarbe reserviert und kann individuell durch eigene RGB-Farbwerte angepasst werden.
@@ -42,7 +42,7 @@ weiter Beispiele:
## 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 v4.3.1
```
/***********************************************************************************************
** Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt) **
@@ -159,24 +159,26 @@ let NSPanel_Service =
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']},
-
+ { navigate: true, id: 'NSPanel_Script', icon: 'code-json',offColor: Menu, onColor: Menu, name: 'Script', buttonText: 'mehr...'},
]
};
//Level_2
- let NSPanel_Screensaver =
+ let NSPanel_Screensaver =
{
- 'type': 'cardEntities',
+ 'type': 'cardGrid',
'heading': 'Einstellungen',
'useColor': true,
'subPage': true,
'parent': NSPanel_Einstellungen,
'home': 'NSPanel_Service',
'items': [
- { navigate: true, id: 'NSPanel_ScreensaverDimmode', icon: 'wifi', offColor: Menu, onColor: Menu, name: 'Dimmode/Sonstige', buttonText: 'mehr...'},
- { navigate: true, id: 'NSPanel_Weather', icon: 'weather-partly-rainy', offColor: Menu, onColor: Menu, name: 'Wetter', buttonText: 'mehr...'},
- { navigate: true, id: 'NSPanel_Dateformat', icon: 'calendar-expand-horizontal', offColor: Menu, onColor: Menu, name: 'Datumsformat', buttonText: 'mehr...'},
- { navigate: true, id: 'NSPanel_Indicators', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: 'Indikatoren', buttonText: 'mehr...'}
+ { navigate: true, id: 'NSPanel_ScreensaverDimmode', icon: 'sun-clock', offColor: Menu, onColor: Menu, name: 'Dimmode'},
+ { navigate: true, id: 'NSPanel_ScreensaverBrightness', icon: 'brightness-5', offColor: Menu, onColor: Menu, name: 'Brightness'},
+ { navigate: true, id: 'NSPanel_ScreensaverLayout', icon: 'page-next-outline', offColor: Menu, onColor: Menu, name: 'Layout'},
+ { navigate: true, id: 'NSPanel_ScreensaverWeather', icon: 'weather-partly-rainy', offColor: Menu, onColor: Menu, name: 'Wetter'},
+ { navigate: true, id: 'NSPanel_ScreensaverDateformat', icon: 'calendar-expand-horizontal', offColor: Menu, onColor: Menu, name: 'Datumsformat'},
+ { navigate: true, id: 'NSPanel_ScreensaverIndicators', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: 'Indikatoren'}
]
};
@@ -184,11 +186,11 @@ let NSPanel_Service =
let NSPanel_ScreensaverDimmode =
{
'type': 'cardEntities',
- 'heading': 'Dimmode (1)',
+ 'heading': 'Dimmode',
'useColor': true,
'subPage': true,
'parent': NSPanel_Screensaver,
- 'next': 'NSPanel_ScreensaverOther',
+ 'home': 'NSPanel_Service',
'items': [
{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 5, maxValue: 10},
{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 4},
@@ -198,24 +200,38 @@ let NSPanel_Service =
};
//Level_3
- let NSPanel_ScreensaverOther =
+ let NSPanel_ScreensaverBrightness =
{
'type': 'cardEntities',
- 'heading': 'Sonstige (2)',
+ 'heading': 'Brightness',
'useColor': true,
'subPage': true,
- 'prev': 'NSPanel_ScreensaverDimmode',
+ 'parent': NSPanel_Screensaver,
'home': 'NSPanel_Service',
'items': [
{ id: AliasPath + 'ScreensaverInfo.activeBrightness', name: 'Helligkeit Aktiv', icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 20, maxValue: 100},
{ id: AliasPath + 'Config.Screensaver.timeoutScreensaver', name: 'Screensaver Timeout', icon: 'clock-end', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 60},
- { id: AliasPath + 'Config.Screensaver.screenSaverDoubleClick', name: 'Doppelklick Weakup' ,icon: 'gesture-two-double-tap', offColor: HMIOff, onColor: HMIOn},
- { id: AliasPath + 'Config.Screensaver.alternativeScreensaverLayout', name: 'Alternativ Layout' ,icon: 'page-previous-outline', offColor: HMIOff, onColor: HMIOn},
+ { id: AliasPath + 'Config.Screensaver.screenSaverDoubleClick', name: 'Doppelklick Weakup' ,icon: 'gesture-two-double-tap', offColor: HMIOff, onColor: HMIOn}
]
};
//Level_3
- let NSPanel_Weather =
+ let NSPanel_ScreensaverLayout =
+ {
+ 'type': 'cardEntities',
+ 'heading': 'Layout',
+ 'useColor': true,
+ 'subPage': true,
+ 'parent': NSPanel_Screensaver,
+ 'home': 'NSPanel_Service',
+ 'items': [
+ { id: AliasPath + 'Config.Screensaver.alternativeScreensaverLayout', name: 'Alternativ Layout' ,icon: 'page-previous-outline', offColor: HMIOff, onColor: HMIOn},
+ { id: AliasPath + 'Config.Screensaver.ScreensaverAdvanced', name: 'Advanced Layout' ,icon: 'page-next-outline', offColor: HMIOff, onColor: HMIOn},
+ ]
+ };
+
+ //Level_3
+ let NSPanel_ScreensaverWeather =
{
'type': 'cardEntities',
'heading': 'Wetter Parameter',
@@ -232,7 +248,7 @@ let NSPanel_Service =
};
//Level_3
- let NSPanel_Dateformat =
+ let NSPanel_ScreensaverDateformat =
{
'type': 'cardEntities',
'heading': 'Datumsformat',
@@ -247,7 +263,7 @@ let NSPanel_Service =
};
//Level_3
- let NSPanel_Indicators =
+ let NSPanel_ScreensaverIndicators =
{
'type': 'cardEntities',
'heading': 'Indikatoren',
@@ -276,6 +292,21 @@ let NSPanel_Service =
]
};
+ //Level_2
+ let NSPanel_Script =
+ {
+ 'type': 'cardEntities',
+ 'heading': 'Script',
+ 'useColor': true,
+ 'subPage': true,
+ 'parent': NSPanel_Einstellungen,
+ 'home': 'NSPanel_Service',
+ 'items': [
+ { id: AliasPath + 'Config.ScripgtDebugStatus', name: 'Debugmode (aus/an)' ,icon: 'code-tags-check', offColor: HMIOff, onColor: HMIOn},
+ { id: AliasPath + 'Config.MQTT.portCheck', name: 'Port-Check (aus/an)' ,icon: 'check-network', offColor: HMIOff, onColor: HMIOn},
+ ]
+ };
+
//Level_1
let NSPanel_Firmware =
{
@@ -342,11 +373,12 @@ let NSPanel_Service =
};
// Ende der Service Pages
+
```
## TypeScript (NSPanel.ts) Config
```
-export const config: Config = {
+export const config = {
...
Config Parameter
@@ -372,17 +404,30 @@ export const config: Config = {
NSPanel_Einstellungen, //Auto-Alias Service Page
NSPanel_Screensaver, //Auto-Alias Service Page
NSPanel_ScreensaverDimmode, //Auto-Alias Service Page
- NSPanel_ScreensaverOther, //Auto-Alias Service Page
- NSPanel_Weather, //Auto-Alias Service Page
- NSPanel_Dateformat, //Auto-Alias Service Page
- NSPanel_Indicators, //Auto-Alias Service Page
- NSPanel_Relays, //Auto-Alias Service Page
+ NSPanel_ScreensaverBrightness, //Auto-Alias Service Page
+ NSPanel_ScreensaverLayout, //Auto-Alias Service Page
+ NSPanel_ScreensaverWeather, //Auto-Alias Service Page
+ NSPanel_ScreensaverDateformat, //Auto-Alias Service Page
+ NSPanel_ScreensaverIndicators, //Auto-Alias Service Page
+ NSPanel_Relays, //Auto-Alias Service Page
+ NSPanel_Script, //Auto-Alias Service Page
NSPanel_Firmware, //Auto-Alias Service Page
NSPanel_FirmwareTasmota, //Auto-Alias Service Page
NSPanel_FirmwareBerry, //Auto-Alias Service Page
NSPanel_FirmwareNextion, //Auto-Alias Service Page
],
- button1Page: button1Page, //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
- button2Page: button2Page //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
+ button1: {
+ mode: null, // Mögliche Werte wenn Rule2 definiert: 'page', 'toggle', 'set' - Wenn nicht definiert --> mode: null
+ page: null, // Zielpage - Verwendet wenn mode = page (bisher button1Page)
+ entity: null, // Zielentity - Verwendet wenn mode = set oder toggle
+ setValue: null // Zielwert - Verwendet wenn mode = set
+ },
+ button2: {
+ mode: null, // Mögliche Werte wenn Rule2 definiert: 'page', 'toggle', 'set' - Wenn nicht definiert --> mode: null
+ page: null, // Zielpage - Verwendet wenn mode = page (bisher button2Page)
+ entity: null, // Zielentity - Verwendet wenn mode = set oder toggle
+ setValue: null // Zielwert - Verwendet wenn mode = set
+ }
};
+
```
\ No newline at end of file