@flex2000fh .Jetzt geht es

@armilar Super, vielen lieben Dank, ja der war noch gesetzt und die Wartezeit: "Wartezeit vor dem Senden aller Topics bei neuen " habe ich auch runter gesetzt.

let Icons = new IconsSelector();
let timeoutSlider: any;
let vwIconColor = [];
let weatherForecast: boolean;

// Ab hier Anpassungen vornehmen

const Debug = false;

let manually_Update = false;                                // bei Bedarf anpassen

const autoCreateAlias = true;                               // Für diese Option muss der Haken in setObjects in deiner javascript.X. Instanz gesetzt sein.  
const weatherAdapterInstance: string = 'accuweather.0.';    // Möglich 'accuweather.0.' oder 'daswetter.0.'
const weatherScreensaverTempMinMax: string = 'MinMax';      // Mögliche Werte: 'Min', 'Max' oder 'MinMax'

const tasmota_web_admin_user: string = 'admin';             // ändern, falls der User im Tasmota vor dem Kompilieren umbenannt wurde (Standard Tasmota: admin)
const tasmota_web_admin_password: string = '';              // setzten, falls "Web Admin Password" in Tasmote vergeben

// Setzen der bevorzugten Tasmota32-Version
const tasmotaOtaVersion: string = 'tasmota32-nspanel.bin';
// Es können ebenfalls andere Versionen verwendet werden wie zum Beispiel:
// 'tasmota32-nspanel.bin' oder 'tasmota32.bin' oder 'tasmota32-DE.bin' oder etc.

const NSPanel_Path = '0_userdata.0.NSPanel.1.';         // Anpassen an das jewilige NSPanel
const NSPanel_Alarm_Path = '0_userdata.0.NSPanel.';     // Pfad für gemeinsame Nutzung durch mehrere Panels (bei Nutzung der cardAlarm)

const AliasPath: string = 'alias.0.' + NSPanel_Path.substring(13, NSPanel_Path.length);

// Farbkonstanten zur Nutzung in den PageItems
const HMIOff:           RGB = { red:  68, green: 115, blue: 158 };     // Blau-Off - Original Entity Off
const HMIOn:            RGB = { red:   3, green: 169, blue: 244 };     // Blau-On
const HMIDark:          RGB = { red:  29, green:  29, blue:  29 };     // Original Background Color
const Off:              RGB = { red: 253, green: 128, blue:   0 };     // Orange-Off - schönere Farbübergänge
const On:               RGB = { red: 253, green: 216, blue:  53 };
const MSRed:            RGB = { red: 251, green: 105, blue:  98 };
const MSYellow:         RGB = { red: 255, green: 235, blue: 156 };
const MSGreen:          RGB = { red: 121, green: 222, blue: 121 };
const Red:              RGB = { red: 255, green:   0, blue:   0 };
const White:            RGB = { red: 255, green: 255, blue: 255 };
const Yellow:           RGB = { red: 255, green: 255, blue:   0 };
const Green:            RGB = { red:   0, green: 255, blue:   0 };
const Blue:             RGB = { red:   0, green:   0, blue: 255 };
const DarkBlue:         RGB = { red:   0, green:   0, blue: 136 };
const Gray:             RGB = { red: 136, green: 136, blue: 136 };
const Black:            RGB = { red:   0, green:   0, blue:   0 };
const colorSpotify:     RGB = { red:  30, green: 215, blue:  96 };
const colorAlexa:       RGB = { red:  49, green: 196, blue: 243 };
const colorRadio:       RGB = { red: 255, green: 127, blue:   0 };
const BatteryFull:      RGB = { red:  96, green: 176, blue:  62 };
const BatteryEmpty:     RGB = { red: 179, green:  45, blue:  25 };

//Menu Icon Colors
const Menu:             RGB = { red: 150, green: 150, blue: 100 };
const MenuLowInd:       RGB = { red: 255, green: 235, blue: 156 };
const MenuHighInd:      RGB = { red: 251, green: 105, blue:  98 };

//Dynamische Indikatoren (Abstufung grün nach gelb nach rot)
const colorScale0:      RGB = { red:  99, green: 190, blue: 123 };
const colorScale1:      RGB = { red: 129, green: 199, blue: 126 };
const colorScale2:      RGB = { red: 161, green: 208, blue: 127 };
const colorScale3:      RGB = { red: 129, green: 217, blue: 126 };
const colorScale4:      RGB = { red: 222, green: 226, blue: 131 };
const colorScale5:      RGB = { red: 254, green: 235, blue: 132 };
const colorScale6:      RGB = { red: 255, green: 210, blue: 129 };
const colorScale7:      RGB = { red: 251, green: 185, blue: 124 };
const colorScale8:      RGB = { red: 251, green: 158, blue: 117 };
const colorScale9:      RGB = { red: 248, green: 131, blue: 111 };
const colorScale10:     RGB = { red: 248, green: 105, blue: 107 };

//Screensaver Default Theme Colors
const scbackground:     RGB = { red:   0, green:   0, blue:   0};
const scbackgroundInd1: RGB = { red: 255, green:   0, blue:   0};
const scbackgroundInd2: RGB = { red: 121, green: 222, blue: 121};
const scbackgroundInd3: RGB = { red: 255, green: 255, blue:   0};
const sctime:           RGB = { red: 255, green: 255, blue: 255};
const sctimeAMPM:       RGB = { red: 255, green: 255, blue: 255};
const scdate:           RGB = { red: 255, green: 255, blue: 255};
const sctMainIcon:      RGB = { red: 255, green: 255, blue: 255};
const sctMainText:      RGB = { red: 255, green: 255, blue: 255};
const sctForecast1:     RGB = { red: 255, green: 255, blue: 255};
const sctForecast2:     RGB = { red: 255, green: 255, blue: 255};
const sctForecast3:     RGB = { red: 255, green: 255, blue: 255};
const sctForecast4:     RGB = { red: 255, green: 255, blue: 255};
const sctF1Icon:        RGB = { red: 255, green: 235, blue: 156};
const sctF2Icon:        RGB = { red: 255, green: 235, blue: 156};
const sctF3Icon:        RGB = { red: 255, green: 235, blue: 156};
const sctF4Icon:        RGB = { red: 255, green: 235, blue: 156};
const sctForecast1Val:  RGB = { red: 255, green: 255, blue: 255};
const sctForecast2Val:  RGB = { red: 255, green: 255, blue: 255};
const sctForecast3Val:  RGB = { red: 255, green: 255, blue: 255};
const sctForecast4Val:  RGB = { red: 255, green: 255, blue: 255};
const scbar:            RGB = { red: 255, green: 255, blue: 255};
const sctMainIconAlt:   RGB = { red: 255, green: 255, blue: 255};
const sctMainTextAlt:   RGB = { red: 255, green: 255, blue: 255};
const sctTimeAdd:       RGB = { red: 255, green: 255, blue: 255};

//Auto-Weather-Colors
const swClearNight:     RGB = { red: 150, green: 150, blue: 100};
const swCloudy:         RGB = { red:  75, green:  75, blue:  75};
const swExceptional:    RGB = { red: 255, green:  50, blue:  50};
const swFog:            RGB = { red: 150, green: 150, blue: 150};
const swHail:           RGB = { red: 200, green: 200, blue: 200};
const swLightning:      RGB = { red: 200, green: 200, blue:   0};
const swLightningRainy: RGB = { red: 200, green: 200, blue: 150};
const swPartlycloudy:   RGB = { red: 150, green: 150, blue: 150};
const swPouring:        RGB = { red:  50, green:  50, blue: 255};
const swRainy:          RGB = { red: 100, green: 100, blue: 255};
const swSnowy:          RGB = { red: 150, green: 150, blue: 150};
const swSnowyRainy:     RGB = { red: 150, green: 150, blue: 255};
const swSunny:          RGB = { red: 255, green: 255, blue:   0};
const swWindy:          RGB = { red: 150, green: 150, blue: 150};

//-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------



let PV = <PageGrid>
{
    'type': 'cardGrid',
    'heading': 'PV-Anlage',
    'useColor': true,
    'items': [
            <PageItem>{ id: 'alias.0.Netz.PV', icon: 'flash', interpolateColor: true, offColor: BatteryFull, onColor: Red, minValue: 5, maxValue: 0 , useValue: true },
            <PageItem>{ id: 'alias.0.Netz.Netzbezug', icon: 'flash', interpolateColor: true, offColor: BatteryFull, onColor: Red, minValue: 0, maxValue: 40 , useValue: true },
            <PageItem>{ id: 'alias.0.Netz.Batterieladen', icon: 'flash', interpolateColor: true, offColor: BatteryFull, onColor: Red, minValue: 0, maxValue: 5 , useValue: true },
            <PageItem>{ id: 'alias.0.Netz.Batterieladezustand', icon: 'flash', interpolateColor: true, offColor: BatteryFull, onColor: Red, minValue: 0, maxValue: 100 , useValue: true },
            <PageItem>{ id: 'alias.0.Netz.Netzeinspeisung', icon: 'flash', interpolateColor: true, offColor: BatteryFull, onColor: Red, minValue: 0, maxValue: 5 , useValue: true },
             <PageItem>{ id: 'alias.0.Netz.Batterieentzug', icon: 'flash', interpolateColor: true, offColor: BatteryFull, onColor: Red, minValue: 0, maxValue: 3 , useValue: true }    
    ]
};
let Luftqualitaet = <PageGrid>
{
    'type': 'cardGrid',
    'heading': 'Luftqualitaet',
    'useColor': true,
    'items': [
            <PageItem>{ id: 'alias.0.luftqualität.lueftungsstufe', icon: 'flash', interpolateColor: true, offColor: BatteryFull, onColor: Red, minValue: 1, maxValue: 4 , useValue: true },
            <PageItem>{ id: 'alias.0.luftqualität.toilette', icon: 'air-conditioner', interpolateColor: true, offColor: BatteryFull, onColor: Red, minValue: 0, maxValue: 400 , useValue: true },
            <PageItem>{ id: 'alias.0.luftqualität.whz', icon: 'ceiling-fan', interpolateColor: true, offColor: BatteryFull, onColor: Red, minValue: 0, maxValue: 400 , useValue: true },
              ]
};

let Temperaturen = <PageThermo>
{
    'type': 'cardThermo',
    'heading': 'Bad oben',
    'useColor': true,
    'items': [<PageItem>{ id: 'alias.0.Temperatur.Bad_oben', minValue: 0, maxValue: 40 }]
};



     

//-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------


/***********************************************************************************************
 **  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 
let NSPanel_Service = <PageEntities>
{
    'type': 'cardEntities',
    'heading': 'NSPanel Service',
    'useColor': true,
    'items': [
        <PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: 'Infos', buttonText: 'mehr...'},
        <PageItem>{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: 'Einstellungen', buttonText: 'mehr...'},
        <PageItem>{ navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: 'Firmware', buttonText: 'mehr...'},
        <PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: 'Reboot NSPanel' ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: 'Start'},
    ]
};
        //Level_1
        let NSPanel_Infos = <PageEntities>
        {
            'type': 'cardEntities',
            'heading': 'NSPanel Infos',
            'useColor': true,
            'subPage': true,
            'parent': NSPanel_Service,
            'home': 'NSPanel_Service',        
            'items': [
                <PageItem>{ navigate: true, id: 'NSPanel_Wifi_Info_1', icon: 'wifi', offColor: Menu, onColor: Menu, name: 'Wifi/WLAN', buttonText: 'mehr...'},
                <PageItem>{ navigate: true, id: 'NSPanel_Sensoren', icon: 'memory', offColor: Menu, onColor: Menu, name: 'Sensoren/Hardware', buttonText: 'mehr...'}
            ]
        };
                //Level_2
                let NSPanel_Wifi_Info_1 = <PageEntities>
                {
                    'type': 'cardEntities',
                    'heading': 'NSPanel Wifi (1)',
                    'useColor': true,
                    'subPage': true,
                    'parent': NSPanel_Infos,
                    'next': 'NSPanel_Wifi_Info_2',
                    'items': [
                        <PageItem>{ id: AliasPath + 'ipAddress', name: 'IP-Adresse', icon: 'ip-network-outline', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Tasmota.Wifi.BSSId', name: 'MAC Adresse', icon: 'check-network', offColor: Menu, onColor: Menu },
                        <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} },
                    ]
                };

                let NSPanel_Wifi_Info_2 = <PageEntities>
                {
                    'type': 'cardEntities',
                    'heading': 'NSPanel Wifi (2)',
                    'useColor': true,
                    'subPage': true,
                    'prev': 'NSPanel_Wifi_Info_1',
                    'home': 'NSPanel_Service',
                    'items': [
                        <PageItem>{ id: 'alias.0.Test.Wiki_SSID', name: 'SSId', icon: 'signal-distance-variant', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Tasmota.Wifi.Mode', name: 'Modus', icon: 'signal-distance-variant', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Tasmota.Wifi.Channel', name: 'Kanal', icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Tasmota.Wifi.AP', name: 'AP', icon: 'router-wireless-settings', offColor: Menu, onColor: Menu },
                    ]
                };

                let NSPanel_Sensoren = <PageEntities>
                {
                    'type': 'cardEntities',
                    'heading': 'Sensoren (1)',
                    'useColor': true,
                    'subPage': true,
                    'parent': NSPanel_Infos,
                    'next': 'NSPanel_Hardware',
                    'items': [
                        <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 } },
                        <PageItem>{ id: AliasPath + 'Sensor.TempUnit', name: 'Temperatur Einheit', icon: 'temperature-celsius', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Sensor.Time', name: 'Aktualisierung', icon: 'clock-check-outline', offColor: Menu, onColor: Menu },
                    ]
                };

                let NSPanel_Hardware = <PageEntities>
                {
                    'type': 'cardEntities',
                    'heading': 'Hardware (2)',
                    'useColor': true,
                    'subPage': true,
                    'prev': 'NSPanel_Sensoren',
                    'home': 'NSPanel_Service',
                    'items': [
                        <PageItem>{ id: AliasPath + 'Tasmota.Product', name: 'Produkt', icon: 'devices', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'ESP32 Hardware', icon: 'memory', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: 'Betriebszeit', icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu },
                    ]
                };

        //Level_1
        let NSPanel_Einstellungen = <PageGrid>
            {
                'type': 'cardGrid',
                'heading': 'Einstellungen',
                'useColor': true,
                'subPage': true,
                'parent': NSPanel_Service,
                'home': 'NSPanel_Service',
                'items': [
                    <PageItem>{ navigate: true, id: 'NSPanel_Screensaver', icon: 'monitor-dashboard',offColor: Menu, onColor: Menu, name: 'Screensaver', buttonText: 'mehr...'},
                    <PageItem>{ navigate: true, id: 'NSPanel_Relays', icon: 'electric-switch', offColor: Menu, onColor: Menu, name: 'Relais', buttonText: 'mehr...'},
                    <PageItem>{ id:AliasPath + 'Config.temperatureUnitNumber', icon: 'gesture-double-tap', name: 'Temp. Einheit', offColor: Menu, onColor: Menu, 
                    modeList: ['°C', '°F', 'K']},
                    <PageItem>{ id: AliasPath + 'Config.localeNumber', icon: 'select-place', name: 'Sprache', 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']},
                                
                ]
            };

                //Level_2
                let NSPanel_Screensaver = <PageEntities>
                {
                    'type': 'cardEntities',
                    'heading': 'Einstellungen',
                    'useColor': true,
                    'subPage': true,
                    'parent': NSPanel_Einstellungen,
                    'home': 'NSPanel_Service',
                    'items': [
                        <PageItem>{ navigate: true, id: 'NSPanel_ScreensaverDimmode', icon: 'wifi', offColor: Menu, onColor: Menu, name: 'Dimmode/Sonstige', buttonText: 'mehr...'},
                        <PageItem>{ navigate: true, id: 'NSPanel_Weather', icon: 'weather-partly-rainy', offColor: Menu, onColor: Menu, name: 'Wetter', buttonText: 'mehr...'},
                        <PageItem>{ navigate: true, id: 'NSPanel_Dateformat', icon: 'calendar-expand-horizontal', offColor: Menu, onColor: Menu, name: 'Datumsformat', buttonText: 'mehr...'},
                        <PageItem>{ navigate: true, id: 'NSPanel_Indicators', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: 'Indikatoren', buttonText: 'mehr...'}
                    ]
                };
                            
                        //Level_3
                        let NSPanel_ScreensaverDimmode = <PageEntities>
                        {
                            'type': 'cardEntities',
                            'heading': 'Dimmode (1)',
                            'useColor': true,
                            'subPage': true,
                            'parent': NSPanel_Screensaver,
                            'next': 'NSPanel_ScreensaverOther',
                            'items': [
                                <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 5, maxValue: 10},
                                <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 4},
                                <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23},
                                <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23}
                            ]
                        };

                        //Level_3
                        let NSPanel_ScreensaverOther = <PageEntities>
                        {
                            'type': 'cardEntities',
                            'heading': 'Sonstige (2)',
                            'useColor': true,
                            'subPage': true,
                            'prev': 'NSPanel_ScreensaverDimmode',
                            'home': 'NSPanel_Service',
                            'items': [
                                <PageItem>{ id: AliasPath + 'ScreensaverInfo.activeBrightness', name: 'Helligkeit Aktiv', icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 20, maxValue: 100},
                                <PageItem>{ id: AliasPath + 'Config.Screensaver.timeoutScreensaver', name: 'Screensaver Timeout', icon: 'clock-end', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 60},
                                <PageItem>{ id: AliasPath + 'Config.Screensaver.screenSaverDoubleClick', name: 'Doppelklick Weakup' ,icon: 'gesture-two-double-tap', offColor: HMIOff, onColor: HMIOn},                                            
                                <PageItem>{ id: AliasPath + 'Config.Screensaver.alternativeScreensaverLayout', name: 'Alternativ Layout' ,icon: 'page-previous-outline', offColor: HMIOff, onColor: HMIOn},            
                            ]
                        };

                        //Level_3
                        let NSPanel_Weather = <PageEntities>
                        {
                            'type': 'cardEntities',
                            'heading': 'Wetter Parameter',
                            'useColor': true,
                            'subPage': true,
                            'parent': NSPanel_Screensaver,
                            'home': 'NSPanel_Service',
                            'items': [
                                <PageItem>{ id: AliasPath + 'ScreensaverInfo.weatherForecast', name: 'Vorhersage Aus/An' ,icon: 'weather-sunny-off', offColor: HMIOff, onColor: HMIOn},
                                <PageItem>{ id: AliasPath + 'ScreensaverInfo.weatherForecastTimer', name: 'Vorhersage Wechsel' ,icon: 'devices', offColor: HMIOff, onColor: HMIOn},
                                <PageItem>{ id: AliasPath + 'ScreensaverInfo.entityChangeTime', name: 'Wechselzeit/s', icon: 'cog-sync', offColor: Menu, onColor: Menu, minValue: 15, maxValue: 60},
                                <PageItem>{ id: AliasPath + 'Config.Screensaver.autoWeatherColorScreensaverLayout', name: 'Symbolfarben' ,icon: 'format-color-fill', offColor: HMIOff, onColor: HMIOn},
                            ]
                        };

                        //Level_3
                        let NSPanel_Dateformat = <PageEntities>
                        {
                            'type': 'cardEntities',
                            'heading': 'Datumsformat',
                            'useColor': true,
                            'subPage': true,
                            'parent': NSPanel_Screensaver,
                            'home': 'NSPanel_Service',
                            'items': [
                                <PageItem>{ id: AliasPath + 'Config.Dateformat.Switch.weekday', name: 'Wochentag (lang)' ,icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn},
                                <PageItem>{ id: AliasPath + 'Config.Dateformat.Switch.month', name: 'Monat (lang)' ,icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn},
                            ]
                        };

                        //Level_3
                        let NSPanel_Indicators = <PageEntities>
                        {
                            'type': 'cardEntities',
                            'heading': 'Indikatoren',
                            'useColor': true,
                            'subPage': true,
                            'parent': NSPanel_Screensaver,
                            'home': 'NSPanel_Service',
                            'items': [
                                <PageItem>{ id: AliasPath + 'Config.MRIcons.alternateMRIconSize.1', name: 'Icon 1 (klein/groß)' ,icon: 'format-size', offColor: HMIOff, onColor: HMIOn},
                                <PageItem>{ id: AliasPath + 'Config.MRIcons.alternateMRIconSize.2', name: 'Icon 2 (klein/groß)' ,icon: 'format-size', offColor: HMIOff, onColor: HMIOn},
                            ]
                        };

                //Level_2
                let NSPanel_Relays = <PageEntities>
                {
                    'type': 'cardEntities',
                    'heading': 'Relais',
                    'useColor': true,
                    'subPage': true,
                    'parent': NSPanel_Einstellungen,
                    'home': 'NSPanel_Service',
                    'items': [
                        <PageItem>{ id: AliasPath + 'Relay.1', name: 'Relais 1 (aus/an)' ,icon: 'power', offColor: HMIOff, onColor: HMIOn},
                        <PageItem>{ id: AliasPath + 'Relay.2', name: 'Relais 2 (aus/an)' ,icon: 'power', offColor: HMIOff, onColor: HMIOn},
                    ]
                };

        //Level_1
        let NSPanel_Firmware = <PageEntities>
            {
                'type': 'cardEntities',
                'heading': 'Firmware',
                'useColor': true,
                'subPage': true,
                'parent': NSPanel_Service,
                'home': 'NSPanel_Service',
                'items': [
                    <PageItem>{ id: AliasPath + 'autoUpdate', name: 'Auto-Updates' ,icon: 'power', offColor: HMIOff, onColor: HMIOn},
                    <PageItem>{ navigate: true, id: 'NSPanel_FirmwareTasmota', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: 'Tasmota Firmware', buttonText: 'mehr...'},
                    <PageItem>{ navigate: true, id: 'NSPanel_FirmwareBerry', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: 'Berry-Driver', buttonText: 'mehr...'},
                    <PageItem>{ navigate: true, id: 'NSPanel_FirmwareNextion', icon: 'cellphone-cog', offColor: Menu, onColor: Menu, name: 'Nextion TFT', buttonText: 'mehr...'}
                ]
            };

                let NSPanel_FirmwareTasmota = <PageEntities>
                {
                    'type': 'cardEntities',
                    'heading': 'Tasmota',
                    'useColor': true,
                    'subPage': true,
                    'parent': NSPanel_Firmware,
                    'home': 'NSPanel_Service',
                    'items': [
                        <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Installierte Version', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Tasmota_Firmware.onlineVersion', name: 'Verfügbare Version', offColor: Menu, onColor: Menu },                        
                        <PageItem>{ id: 'Divider' },
                        <PageItem>{ id: AliasPath + 'Config.Update.UpdateTasmota', name: 'Tasmota Update' ,icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: 'Start'},
                    ]
                };

                let NSPanel_FirmwareBerry = <PageEntities>
                {
                    'type': 'cardEntities',
                    'heading': 'Berry-Driver',
                    'useColor': true,
                    'subPage': true,
                    'parent': NSPanel_Firmware,
                    'home': 'NSPanel_Service',
                    'items': [
                        <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Installierte Version', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Berry_Driver.onlineVersion', name: 'Verfügbare Version', offColor: Menu, onColor: Menu},                        
                        <PageItem>{ id: 'Divider' },
                        <PageItem>{ id: AliasPath + 'Config.Update.UpdateBerry', name: 'Berry-Driver Update' ,icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: 'Start'},
                    ]
                };

                let NSPanel_FirmwareNextion = <PageEntities>
                {
                    'type': 'cardEntities',
                    'heading': 'Nextion TFT',
                    'useColor': true,
                    'subPage': true,
                    'parent': NSPanel_Firmware,
                    'home': 'NSPanel_Service',
                    'items': [
                        <PageItem>{ id: AliasPath + 'Display_Firmware.TFT.currentVersion', name: 'Installierte Version', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Display_Firmware.TFT.desiredVersion', name: 'Benötigte Version', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: Menu, onColor: Menu },
                        <PageItem>{ id: AliasPath + 'Config.Update.UpdateNextion', name: 'Nextion TFT Update' ,icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: 'Start'},
                    ]
                };

// Ende der Service Pages

/***********************************************************************
 **                                                                   **
 **                           Configuration                           **
 **                                                                   **
 ***********************************************************************/

export const config: Config = {
    panelRecvTopic: 'mqtt.0.SmartHome.nspanel_C36A00.tele.RESULT',       // anpassen
    panelSendTopic: 'mqtt.0.SmartHome.nspanel_C36A00.cmnd.CustomSend',   // anpassen 

    // 4 kleine Icons im Screensaver
    // Mit 3.9.0 neue Parameter - Bitte anpassen - siehe auch Wiki
    firstScreensaverEntity:   { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability',
                                ScreensaverEntityFactor: 1,                                 //New
                                ScreensaverEntityDecimalPlaces: 0,                          //New 
                                ScreensaverEntityIcon: 'weather-pouring', 
                                ScreensaverEntityText: 'Regen', 
                                ScreensaverEntityUnitText: '%', 
                                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} 
                              },
    secondScreensaverEntity:  { ScreensaverEntity: 'hm-rpc.4.NEQ1648541.1.WIND_SPEED', 
                                ScreensaverEntityFactor: (1000/3600),                       //New
                                ScreensaverEntityDecimalPlaces: 1,                          //New 
                                ScreensaverEntityIcon: 'weather-windy', 
                                ScreensaverEntityText: "Wind", 
                                ScreensaverEntityUnitText: 'm/s', 
                                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 35} 
                              },
    thirdScreensaverEntity:   { ScreensaverEntity: 'accuweather.0.Current.UVIndex',
                                ScreensaverEntityFactor: 1,                                 //New
                                ScreensaverEntityDecimalPlaces: 0,                          //New  
                                ScreensaverEntityIcon: 'solar-power', 
                                ScreensaverEntityText: 'UV', 
                                ScreensaverEntityUnitText: '', 
                                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} 
                              },
    fourthScreensaverEntity:  { ScreensaverEntity: 'hm-rpc.3.000E9569A23CF1.1.ACTUAL_TEMPERATURE', 
                                ScreensaverEntityFactor: 1,                                 //New
                                ScreensaverEntityDecimalPlaces: 0,                          //New 
                                ScreensaverEntityIcon: 'heat-wave', 
                                ScreensaverEntityText: 'Temp', 
                                ScreensaverEntityUnitText: '°C', 
                                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 22} 
                              },

    

    // Indikator Icons im oberen Teil des Screensavers
    // Mit 3.9.0 neue Parameter - Bitte anpassen - siehe auch Wiki
     mrIcon1ScreensaverEntity: { ScreensaverEntity: 'hm-rpc.3.000E9569A23CF1.1.ACTUAL_TEMPERATURE', 
                                 ScreensaverEntityIconOn: 'ltest',                           //Rename
                                  ScreensaverEntityIconOff: null, 
                                  ScreensaverEntityValue: null,                                   //New
                                  ScreensaverEntityValueDecimalPlace : 0,                         //New
                                  ScreensaverEntityValueUnit: null,                               //New
                                  ScreensaverEntityOnColor: On, 
                                  ScreensaverEntityOffColor: HMIOff },
    mrIcon2ScreensaverEntity: { ScreensaverEntity: 'hm-rpc.3.000E9569A23CF1.1.ACTUAL_TEMPERATURE', 
                                ScreensaverEntityIconOn: 'heat-wave',
                                ScreensaverEntityIconOff: null, 
                                ScreensaverEntityValue: NSPanel_Path + 'hm-rpc.3.000E9569A23CF1.1.ACTUAL_TEMPERATURE',
                                ScreensaverEntityValueDecimalPlace : 1,
                                ScreensaverEntityValueUnit: '°', 
                                ScreensaverEntityOnColor: MSRed, 
                                ScreensaverEntityOffColor: Yellow },

    weatherEntity: 'alias.0.Wetter',    // Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
    defaultOffColor: Off,               // Default-Farbe für Off-Zustände
    defaultOnColor: On,                 // Default-Farbe für On-Zustände
    defaultColor: Off,
    defaultBackgroundColor: HMIDark,    // Default-Hintergrundfarbe HMIDark oder Black

    // Mit 3.9.0 in Datenpunkte verschoben. Auch über Service Pages konfigurierbar
        //alternativeScreensaverLayout: false,
        //autoWeatherColorScreensaverLayout: true,
        //timeoutScreensaver: 10,
        //screenSaverDoubleClick: true,
        //temperatureUnit: '°C',
        //locale: 'de-DE',                    

    pages: [
        NSPanel_Service,       //Auto-Alias Service Page
                //Beispiel-Seite
        Temperaturen,
        PV
    ],
    
    subPages: [    
                NSPanel_Infos,                          //Auto-Alias Service Page
                    NSPanel_Wifi_Info_1,                //Auto-Alias Service Page
                    NSPanel_Wifi_Info_2,                //Auto-Alias Service Page
                    NSPanel_Sensoren,                   //Auto-Alias Service Page
                    NSPanel_Hardware,                   //Auto-Alias Service Page
                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_Firmware,                       //Auto-Alias Service Page
                    NSPanel_FirmwareTasmota,            //Auto-Alias Service Page
                    NSPanel_FirmwareBerry,              //Auto-Alias Service Page
                    NSPanel_FirmwareNextion,            //Auto-Alias Service Page
    ],
    button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
    button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,

};

Re: SONOFF NSPanel mit Lovelace UI
Hallo zusammen wer kann mir helfen.

Unter pages habe ich es folgendermaßen definiert:

pages: [
NSPanel_Service, //Auto-Alias Service Page
//Beispiel-Seite
Temperaturen,
PV
],

leider werden immer nur maximal 2 Seiten (pages) angezeigt. Jede einzelne Seite funktioniert. Sprich setze ich die Seite PV vor Temperaturen sehe ich das NSPanel Seite und die PV Seite. Mit der Reihenfolge vom Anfang dann z.B. NSPanel Seite und Temperaturen Seite.

Hoffe ich have es verständlich geschrieben.

@wendy2702 mache ich danke

@wendy2702 Selber gerade so im Titel gewählt. Entschuldigung falsch ich das hier im Forum verkehrt gemach hatte. Problem was ich habe.. angegeben sind 3 Seiten er kommt aber immer nur bis zur zweiten. Also z.B. Temperaturen. Tausche ich PV und Temperaturen in der Reihenfolgen kommt er nur bis zu PV
pages: [
NSPanel_Service, //Auto-Alias Service Page
//Beispiel-Seite
Temperaturen,
PV
],

Re: SONOFF NSPanel mit Lovelace UI
Hallo kann mir evtl. jemand helfen. Ich weiß leider nicht was ich falsch mache. Ich bekomme höchstens 2 Seiten zum laufen. Die dritte will immer nicht. Die Seiten einzeln funktionieren, wenn ich sie in der Position verschiebe gehen immer die ersten beiden die restlichen aber nicht.