Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. Das NSpanel zeigt mir leider immer nur maximal 2 Seiten an

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Das NSpanel zeigt mir leider immer nur maximal 2 Seiten an

    This topic has been deleted. Only users with topic management privileges can see it.
    • F
      flex2000fh last edited by

      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.

      Armilar 1 Reply Last reply Reply Quote 0
      • Armilar
        Armilar Most Active Forum Testing @flex2000fh last edited by Armilar

        @flex2000fh

        um das beantworten zu können, müsstest du kurz den kompletten oberen Teil hier posten.

        Bitte in den Code Tags aus der Sybolleiste

        code_text
        

        mit
        d6db7aa6-8e65-4523-b514-0967a7f122f8-image.png

        Das 5. von links
        80be3cac-87d5-436b-bbe2-7f3ee4337930-image.png

        Also bis diese Zeile kommt...

        // _________________________________ Ab hier keine Konfiguration mehr
        
        1 Reply Last reply Reply Quote 0
        • F
          flex2000fh last edited by

          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,
          
          };
          
          Armilar 1 Reply Last reply Reply Quote 0
          • Armilar
            Armilar Most Active Forum Testing @flex2000fh last edited by Armilar

            @flex2000fh

            habe grad keinen Rechner vor mir. Würde sagen das ist soweit okay,,,

            Prüfe mal die MQTT-Einstellung

            fec6f909-56dc-4758-949e-632dc33c836c-image.png

            Der Haken "Nur bei Änderungen publizieren" ist bei dir ebenfalls nicht gesetzt?

            Und Luftqualitaet, muss ebenfalls in Pages

            F 1 Reply Last reply Reply Quote 1
            • F
              flex2000fh @Armilar last edited by

              @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.

              F 1 Reply Last reply Reply Quote 0
              • F
                flex2000fh @flex2000fh last edited by

                @flex2000fh .Jetzt geht es 👍 😀

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post

                Support us

                ioBroker
                Community Adapters
                Donate

                940
                Online

                31.9k
                Users

                80.2k
                Topics

                1.3m
                Posts

                2
                6
                172
                Loading More Posts
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes
                Reply
                • Reply as topic
                Log in to reply
                Community
                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                The ioBroker Community 2014-2023
                logo