Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. Sonoff NSPanel

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    Sonoff NSPanel

    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      joBr99 @Armilar last edited by

      @armilar welche parameter hast du für number benutzt?

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

        @jobr99 sagte in Sonoff NSPanel:

        @armilar welche parameter hast du für number benutzt?

        entityUpd~Sonstige Aliase~1|1~number~alias.0.NSPanel_1.TestLautstärke~~30414~Echo Spot Büro~27

        J 1 Reply Last reply Reply Quote 0
        • J
          joBr99 @Armilar last edited by

          @armilar

          versuch mal das, sieht so aus als ob ich kein beispiel für number in der doku habe

          entityUpd~Sonstige Aliase~1|1~number~alias.0.NSPanel_1.TestLautstärke~~30414~Echo Spot Büro~27|0|100

          currentValue|min|max

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

            @jobr99 sagte in Sonoff NSPanel:

            |0|100

            Danke, passt

            Nee, gibt kein Beispiel. Habe versucht es mir aus den Fingern zu saugen 😉

            1 Reply Last reply Reply Quote 0
            • A
              asblass last edited by

              Wirklich eine coole Sache, was Ihr hier geschaffen habt 👍

              Mir ist bei meinen Displays allerdings aufgefallen, das nach einiger Zeit ohne Touch auf dem Display (beim letzten Mal waren es rund 49 Stunden) im Screensaver nur noch die Uhrzeit aktualisiert wird. Im CusomSend wird ab dann nur noch die Uhrzeit übertragen. Wenn ich das Display durch berühren wieder aufwecke, dann wird wieder alles im Screensaver aktualisiert.

              Viele Grüße
              Andreas

              Armilar Mikewolf H 3 Replies Last reply Reply Quote 0
              • Armilar
                Armilar Most Active Forum Testing @asblass last edited by

                @asblass sagte in Sonoff NSPanel:

                Wirklich eine coole Sache, was Ihr hier geschaffen habt 👍

                Mir ist bei meinen Displays allerdings aufgefallen, das nach einiger Zeit ohne Touch auf dem Display (beim letzten Mal waren es rund 49 Stunden) im Screensaver nur noch die Uhrzeit aktualisiert wird. Im CusomSend wird ab dann nur noch die Uhrzeit übertragen. Wenn ich das Display durch berühren wieder aufwecke, dann wird wieder alles im Screensaver aktualisiert.

                Viele Grüße
                Andreas

                Spannend - ist mir noch nicht aufgefallen. Muss aber auch gestehen, dass ich das Ding noch nie 24 Stunden in Ruhe gelassen habe 😉 . Falls das mal passiert, sehe ich mir das an.

                1 Reply Last reply Reply Quote 0
                • Mikewolf
                  Mikewolf @asblass last edited by

                  @asblass
                  meines läuft ohne stehenbleiben , dürfte also kein allg Problem sein, nur zur info.

                  Mit freundlichen Grüßen
                  mikewolf

                  A 1 Reply Last reply Reply Quote 0
                  • A
                    asblass @Mikewolf last edited by

                    @mikewolf
                    Bei mir sind aktuell zwei im Dauereinsatz. Das Problem tritt bei beiden auf. Habe jetzt mal einen Minutencounter erstellt, den ich auf dem Screensaver anzeigen lasse. Mal schauen, ob es immer die gleiche Zeit ist…

                    Mikewolf 1 Reply Last reply Reply Quote 0
                    • Mikewolf
                      Mikewolf @asblass last edited by

                      @asblass
                      Habe auch zwei, eines zum spielen und eines bestandstest-(WAF)
                      beide bestanden den test (waf)
                      Mit freundlichen Grüßen
                      mikewolf
                      script vom2204

                      A 1 Reply Last reply Reply Quote 0
                      • A
                        asblass @Mikewolf last edited by

                        Hi @mikewolf
                        Bei mir läuft das aktuelle TS aus dem GitHub. Werde mal einen auf die letzte Version aus dem Forum umstellen.

                        Ich zeige auf dem Screensaver u. a. meinen Strombezug an, welcher alle 10s ausgelesen wird. Es kommt dann auch alle 10s das passende MQTT Telegramm.
                        Wenn das Display jetzt mehr als 2 Tage im Screensaver steht, dann kommt irgendwann nicht mehr das Telegramm für das Screensaver Update. Sobald das Display berührt wird, geht es wieder! Wenn das Display innerhalb dieser 2 Tage mal benutzt wird, wird der Fehler wohl nicht auftreten.

                        Ich mal ein paar console.log eingebaut, vielleicht kann ich es ja eingrenzen, wenn es mit der letzten Version aus dem Forum nicht weg sein sollte.

                        Viele Grüße
                        Andreas

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

                          @asblass sagte in Sonoff NSPanel:

                          Hi @mikewolf
                          Bei mir läuft das aktuelle TS aus dem GitHub. Werde mal einen auf die letzte Version aus dem Forum umstellen.

                          Ich zeige auf dem Screensaver u. a. meinen Strombezug an, welcher alle 10s ausgelesen wird. Es kommt dann auch alle 10s das passende MQTT Telegramm.
                          Wenn das Display jetzt mehr als 2 Tage im Screensaver steht, dann kommt irgendwann nicht mehr das Telegramm für das Screensaver Update. Sobald das Display berührt wird, geht es wieder! Wenn das Display innerhalb dieser 2 Tage mal benutzt wird, wird der Fehler wohl nicht auftreten.

                          Ich mal ein paar console.log eingebaut, vielleicht kann ich es ja eingrenzen, wenn es mit der letzten Version aus dem Forum nicht weg sein sollte.

                          Viele Grüße
                          Andreas

                          Nimm mal diese. Gibt über Const noch 3 Variablen, die mitgenommen werden sollten (werden leicht übersehen):

                          var Icons = new IconsSelector();
                          var timeoutSlider: any;
                          
                          //Screensaver nachts auf dunkel ("brightnessNight: z.B. 2") oder aus ("brightnessNight:0") 
                          var timeDimMode = <DimMode>{dimmodeOn: true, brightnessDay: 8, brightnessNight: 0, timeDay: "07:00", timeNight: "23:00"};
                          
                          var Debug = false;
                          

                          Damit kannst du dann auch:

                          • Das Panel nachts auf einen anderen DimMode bringen, wenn so wie aktuell auf "dimmodeOn: true"
                          • Lautstärke-Alias und Lautstärke-Gruppe-Alias
                          • Das Slider-Timeout (war bereits in der letzten auch schon drin)

                          Die neueste ist:

                          • Code lässt sich aktuell nicht vollständig hochladen, versuche es später nochmal. Im Textfile werden Zeichen zerrissen:
                          A Armilar 2 Replies Last reply Reply Quote 0
                          • A
                            asblass @Armilar last edited by

                            @armilar
                            Vielen Dank, probiere ich aus.

                            Was mir aufgefallen ist, der Screensaver wird nicht mehr aktualisiert, wenn das NSPanel.ts geändert und/oder neu gestartet wird, ohne dass das NSPanel resetet wird. Erst wenn der Touchscreen berührt wird, wird es wieder aktualisiert.

                            Das Skript kommt nicht mehr in die Aktualisierungsfunktion, da var screensaverEnabled : boolean = false; initialisiert wird und die Variable erst auf true gesetzt, wenn einen normale Displayseite angezeigt wurde. var screensaverEnabled : boolean = true; schafft hier Abhilfe.

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

                              @asblass

                              Code Teil 1: Config Teil (mehrere Teile, da sich der Code nicht mehr zusammenhängend hochladen lässt)

                              /*-----------------------------------------------------------------------
                              joBr99 Projekt: https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker
                              
                              - abgestimmt auf TFT 32 / v2.7.3 (LATEST)
                              
                              NsPanelTs.ts (dieses TypeScript in ioBroker) Stable: https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts
                              icon_mapping.ts: https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/icon_mapping.ts (TypeScript muss in global liegen)
                              
                              Mögliche Aliase:    
                                  Info                - Werte aus Datenpunkt
                                  Lautstärke:         - Volume (SET/ACTUAL) und MUTE 
                                  Lautstärke-Gruppe:  - analog Lautstärke 
                                  Licht               - An/Aus (Schalter)
                                  Steckdose           - An/Aus (Schalter)
                                  Dimmer              - An/Aus, Brightness
                                  Farbtemperatur      - An/Aus, Farbtemperatur und Brightness 
                                  HUE-Licht           - Zum Schalten von Color-Leuchtmitteln über HUE-Wert, Brightness, Farbtemperatur, An/Aus (HUE kann auch fehlen) 
                                  RGB-Licht           - RGB-Leuchtmitteln/Stripes welche Rot/Grün/ und Blau separat benötigen (Tasmota, WifiLight, etc.) + Brightness, Farbtemperatur 
                                  RGB-Licht-einzeln   - RGB-Leuchtmitteln/Stripes welche HEX-Farbwerte benötigen (Tasmota, WifiLight, etc.) + Brightness, Farbtemperatur 
                                  Jalousien           - Up, Stop, Down, Position 
                                  Fenster             - Sensor open 
                                  Tür                 - Sensor open 
                                  Taste               - Für Szenen oder Radiosender, etc. --> Nur Funktionsaufruf - Kein Taster wie MonoButton - True/False
                                  Tastensensor        - noch nicht implementiert - besser geeignet, um Alias-Taste langfristig für einen MonoButton (Taster) zu verwenden
                                  Thermostat          - Aktuelle Raumtemperatur, Setpoint, etc. 
                                  Feuchtigkeit        - Anzeige von Humidity - Datenpunkten, ananlog Info 
                                  Medien              - Steuerung von Alexa - Über Alias-Manager im Verzeichnis Player automatisch anlegen (Geräte-Manager funktioniert nicht) 
                                  Wettervorhersage    - Aktuelle Außen-Temperatur (Temp) und aktuelles Accu-Wheather-Icon (Icon) für Screensaver
                              
                              Erforderliche Adapter:
                                  Accu-Wheater:       - Bei Nutzung der Wetterfunktionen im Screensaver
                                  Alexa2:             - Bei Nutzung der dynamischen SpeakerList in der cardMedia
                              
                              Upgrades in Konsole:
                              Tasmota BerryDriver     : Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
                              TFT EU STABLE Version   : FlashNextion http://nspanel.pky.eu/lui-release.tft
                              TFT EU DEV Version      : FlashNextion http://nspanel.pky.eu/lui.tft
                              ---------------------------------------------------------------------------------------
                              */ 
                              
                              var Icons = new IconsSelector();
                              var timeoutSlider: any;
                              
                              //Screensaver nachts auf dunkel ("brightnessNight: z.B. 2") oder aus ("brightnessNight:0") 
                              var timeDimMode = <DimMode>{dimmodeOn: true, brightnessDay: 8, brightnessNight: 0, timeDay: "07:00", timeNight: "23:00"};
                              
                              var Debug = false;
                              
                              const Months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
                              const Days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"];
                              //const Off: RGB = { red: 68, green: 115, blue: 158 };  //Blau-Off
                              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 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 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 };
                              
                              //----Möglichkeit, im Screensaver zwischen Accu-Weather Forecast oder selbstdefinierten Werten zu wählen---------------------------------
                              var weatherForecast = true; //true = WheatherForecast 5 Days --- false = Config --> firstScreensaverEntity - fourthScreensaverEntity ...
                              
                              //Alexa-Instanz
                              var alexaInstanz = "alexa2.0"
                              var alexaDevice = "G0XXXXXXXXXXXXXX"; //Primär zu steuerndes Device
                              
                              // Wenn alexaSpeakerList definiert, dann werden Einträge verwendet, sonst alle relevanten Devices aus Alexa-Instanz
                              // Speakerwechsel funktioniert nicht bei Radio/TuneIn sonden bei Playlists
                              //const alexaSpeakerList = []; //Beispiel ["Echo Spot Buero","Überall","Gartenhaus","Esszimmer","Heimkino"];
                              const alexaSpeakerList = ["Echo Spot Buero","Überall","Gartenhaus","Esszimmer","Heimkino","Echo Dot Küche"];
                              
                              //Datenpunkte für Nachricht an Screensaver 
                              var popupNotifyHeading = "0_userdata.0.NSPanel.1.popupNotifyHeading";
                              var popupNotifyText = "0_userdata.0.NSPanel.1.popupNotifyText";
                              
                              //cardAlarm - Konfiguration
                              // ....
                              
                              var Test_Licht: PageEntities =
                              {
                                  "type": "cardEntities",
                                  "heading": "Color Aliase",
                                  "useColor": true,
                                  "items": [
                                      <PageItem>{ id: "alias.0.NSPanel_1.TestRGBLichteinzeln", name: "RGB-Licht Hex-Color", interpolateColor: true},
                                      //<PageItem>{ id: "alias.0.NSPanel_1.TestFarbtemperatur", name: "Farbtemperatur", interpolateColor: true},
                                      <PageItem>{ id: "alias.0.NSPanel_1.TestRGBLicht", name: "RGB-Licht", minValueBrightness: 0, maxValueBrightness: 70, interpolateColor: true},
                                      <PageItem>{ id: "alias.0.NSPanel_1.TestCTmitHUE", name: "HUE-Licht-CT", minValueBrightness: 0, maxValueBrightness: 70, minValueColorTemp: 500, maxValueColorTemp: 6500, interpolateColor: true},
                                      <PageItem>{ id: "alias.0.NSPanel_1.TestHUELicht", name: "HUE-Licht-Color", minValueColorTemp: 500, maxValueColorTemp: 6500, interpolateColor: true}
                                  ]
                              };
                              
                              var Test_Funktionen: PageEntities =
                              {
                                  "type": "cardEntities",
                                  "heading": "Sonstige Aliase",
                                  "useColor": true,
                                  "items": [
                                      <PageItem>{ id: "alias.0.NSPanel_1.TestLautstärke", offColor: MSRed /*if mute=true*/, onColor: MSGreen ,name: "Echo Spot Büro", minValue: 0, maxValue: 100}
                                  ]
                              };
                              
                              var Buero_Seite_1: PageEntities =
                              {
                                  "type": "cardEntities",
                                  "heading": "Büro",
                                  "useColor": true,
                                  "items": [
                                      <PageItem>{ id: "alias.0.NSPanel_1.Schreibtischlampe", interpolateColor: true},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Deckenbeleuchtung", interpolateColor: true},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Testlampe2", name: "Filamentlampe", minValueBrightness: 0, maxValueBrightness: 70, interpolateColor: true},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Luftreiniger", icon: "power", offColor: MSRed, onColor: MSGreen}
                                  ]
                              };
                              
                              var Fenster_1: PageEntities =
                              {
                                  "type": "cardEntities",
                                  "heading": "Fenster und Türen",
                                  "useColor": true,
                                  "items": [
                                      <PageItem>{ id: "alias.0.NSPanel_1.TestFenster", offColor: MSRed, onColor: MSGreen, name: "Büro Fenster"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Haustuer", offColor: MSRed, onColor: MSGreen, name: "Haustür"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.TestBlind", onColor: White, name: "IKEA Fyrtur"}
                                  ]
                              };
                              
                              var Abfall: PageEntities =
                              {
                                  "type": "cardEntities",
                                  "heading": "Abfallkalender",
                                  "useColor": true,
                                  "items": [
                                      <PageItem>{ id: "alias.0.NSPanel_1.Abfall.event1",icon: "trash-can"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Abfall.event2",icon: "trash-can"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Abfall.event3",icon: "trash-can"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Abfall.event4",icon: "trash-can"}
                                  ]
                              };
                              
                              var Buero_Seite_2: PageGrid =
                              {
                                  "type": "cardGrid",
                                  "heading": "Büro 2",
                                  "useColor": true,
                                  "items": [
                                      <PageItem>{ id: "alias.0.NSPanel_1.Schreibtischlampe", name: "Schreibtisch"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Deckenbeleuchtung", name: "Deckenlampe"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.TestFenster", offColor: MSRed, onColor: MSGreen, name: "Büro Fenster"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Luftreiniger", icon: "power", offColor: MSRed, onColor: MSGreen},
                                      <PageItem>{ id: "alias.0.NSPanel_1.TestBlind", icon: "projector-screen", onColor: White, name: "Beamer"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Radio.TuneIn", icon: "play", onColor: White}
                                  ]
                              };
                              
                              var Alexa: PageMedia = 
                              {
                                  "type": "cardMedia",
                                  "heading": "Alexa",
                                  "useColor": true,
                                  "items": [<PageItem>{ id: "alias.0.NSPanel_1.Alexa.PlayerBuero" }]
                              };
                              
                              var Buero_Themostat: PageThermo = 
                              {
                                  "type": "cardThermo",
                                  "heading": "Thermostat",
                                  "useColor": true,
                                  "items": [<PageItem>{ id: "alias.0.NSPanel_1.Thermostat_Büro" }]
                              };
                              
                              var Buero_Alarm: PageAlarm = 
                              {
                                  "type": "cardAlarm",
                                  "heading": "Alarm",
                                  "useColor": true,
                                  "items": [<PageItem>{ id: "alias.0.NSPanel_1.Alarm" }]
                              };
                              
                              var button1Page: PageGrid =
                              {
                                  "type": "cardGrid",
                                  "heading": "Radio",
                                  "useColor": true,
                                  "items": [
                                      <PageItem>{ id: "alias.0.NSPanel_1.Radio.FFN", icon: "radio", name: "FFN", onColor: colorRadio},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Radio.Antenne" , icon: "radio", name: "Antenne Nds.", onColor: colorRadio},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Radio.NDR2", icon: "radio", name: "NDR2", onColor: colorRadio},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Radio.Bob", icon: "radio", name: "Radio BOB", onColor: colorRadio},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Radio.Spotify", icon: "spotify", name: "Party Playlist", onColor: colorSpotify},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Radio.Alexa", icon: "playlist-music", name: "Playlist 2021", onColor: colorAlexa}
                                  ]
                              };
                              
                              var button2Page: PageEntities =
                              {
                                  "type": "cardEntities",
                                  "heading": "Büro",
                                  "useColor": true,
                                  "items": [
                                      <PageItem>{ id: "alias.0.NSPanel_1.Schreibtischlampe"},
                                      <PageItem>{ id: "alias.0.NSPanel_1.Deckenbeleuchtung"}
                                  ]
                              };
                              
                              export const config: Config = {
                                  panelRecvTopic: "mqtt.0.SmartHome.NSPanel_1.tele.RESULT",       //anpassen
                                  panelSendTopic: "mqtt.0.SmartHome.NSPanel_1.cmnd.CustomSend",   //anpassen
                                  firstScreensaverEntity: { ScreensaverEntity: "hmip.0.devices.3014F711A000185BE9922BCF.channels.1.humidity", ScreensaverEntityIcon: "water-percent", ScreensaverEntityText: "Luft", ScreensaverEntityUnitText: "%" },
                                  secondScreensaverEntity: { ScreensaverEntity: "accuweather.0.Daily.Day1.Day.PrecipitationProbability", ScreensaverEntityIcon: "weather-pouring", ScreensaverEntityText: "Regen", ScreensaverEntityUnitText: "%" },
                                  thirdScreensaverEntity: { ScreensaverEntity: "0_userdata.0.Wetter.Windstaerke_homaticIP", ScreensaverEntityIcon: "weather-windy", ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: "bft" },
                                  fourthScreensaverEntity: { ScreensaverEntity: "accuweather.0.Current.UVIndex", ScreensaverEntityIcon: "solar-power", ScreensaverEntityText: "UV", ScreensaverEntityUnitText: "" },
                                  timeoutScreensaver: 15,
                                  dimmode: 8,
                                  screenSaverDoubleClick: false,
                                  locale: "de_DE",
                                  timeFormat: "%H:%M",
                                  dateFormat: "%A, %d. %B %Y",
                                  weatherEntity: "alias.0.Wetter",
                                  defaultOffColor: Off,
                                  defaultOnColor: On,
                                  defaultColor: Off,
                                  temperatureUnit: "°C",
                                  pages: [
                                          Buero_Seite_1,
                                          Test_Licht,
                                          Test_Funktionen,
                                          Fenster_1,
                                          Abfall,
                                          Buero_Seite_2,
                                          Alexa,
                                          Buero_Themostat,
                                          Buero_Alarm
                                  ],
                                  button1Page: button1Page,
                                  button2Page: button2Page
                              };
                              
                              Armilar 1 Reply Last reply Reply Quote 0
                              • Armilar
                                Armilar Most Active Forum Testing @Armilar last edited by

                                @asblass

                                Code Teil 2

                                // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
                                
                                //Notification an Screensaver
                                on({id: [popupNotifyHeading, popupNotifyText], change: "ne"}, async function (obj) {
                                    setState(config.panelSendTopic,(['notify~',getState(popupNotifyHeading).val,'~',getState(popupNotifyText).val].join('')));
                                });
                                
                                var subscriptions: any = {};
                                var screensaverEnabled : boolean = false;
                                var pageId = 0;
                                
                                schedule("* * * * *", function () {
                                    SendTime();
                                });
                                schedule("0 * * * *", function () {
                                    SendDate();
                                });
                                
                                
                                // Only monitor the extra nodes if present
                                var updateArray: string[] = [];
                                if (config.firstScreensaverEntity !== null && config.firstScreensaverEntity.ScreensaverEntity != null && existsState(config.firstScreensaverEntity.ScreensaverEntity)) {
                                    updateArray.push(config.firstScreensaverEntity.ScreensaverEntity)
                                }
                                if (config.secondScreensaverEntity !== null && config.secondScreensaverEntity.ScreensaverEntity != null && existsState(config.secondScreensaverEntity.ScreensaverEntity)) {
                                    updateArray.push(config.secondScreensaverEntity.ScreensaverEntity)
                                }
                                if (config.thirdScreensaverEntity !== null && config.thirdScreensaverEntity.ScreensaverEntity != null && existsState(config.thirdScreensaverEntity.ScreensaverEntity)) {
                                    updateArray.push(config.thirdScreensaverEntity.ScreensaverEntity)
                                }
                                if (config.fourthScreensaverEntity !== null && config.fourthScreensaverEntity.ScreensaverEntity != null && existsState(config.fourthScreensaverEntity.ScreensaverEntity)) {
                                    updateArray.push(config.fourthScreensaverEntity.ScreensaverEntity)
                                }
                                
                                if (updateArray.length > 0) {
                                    on(updateArray, function () {
                                        HandleScreensaverUpdate();
                                    })
                                }
                                on({ id: config.panelRecvTopic }, function (obj) {
                                    if (obj.state.val.startsWith('\{"CustomRecv":')) {
                                        var json = JSON.parse(obj.state.val);
                                
                                        var split = json.CustomRecv.split(",");
                                        HandleMessage(split[0], split[1], parseInt(split[2]), split);
                                    }
                                });
                                
                                function SendToPanel(val: Payload | Payload[]): void {
                                    if (Array.isArray(val)) {
                                        val.forEach(function (id, i) {
                                            setState(config.panelSendTopic, id.payload);
                                            console.log(id.payload);
                                        });
                                    }
                                    else
                                        setState(config.panelSendTopic, val.payload);
                                }
                                
                                function HandleMessage(typ: string, method: string, page: number, words: Array<string>): void {
                                    if (typ == "event") {
                                        switch (method) {
                                            case "startup":
                                                screensaverEnabled = false;
                                                UnsubscribeWatcher();
                                                HandleStartupProcess();
                                                pageId = 0;
                                                GeneratePage(config.pages[0]);
                                                break;
                                            case "sleepReached":
                                                screensaverEnabled = true;
                                                if (pageId < 0)
                                                    pageId = 0;
                                                HandleScreensaver();
                                                break;
                                            case "pageOpenDetail":
                                                screensaverEnabled = false;
                                                UnsubscribeWatcher();
                                                let pageItem = config.pages[pageId].items.find(e => e.id === words[3]);
                                                if (pageItem !== undefined)
                                                    SendToPanel(GenerateDetailPage(words[2], pageItem));
                                            case "buttonPress2":
                                                screensaverEnabled = false;
                                                HandleButtonEvent(words);
                                                break;
                                            case "button1":
                                            case "button2":
                                                screensaverEnabled = false;
                                                HandleHardwareButton(method);
                                            default:
                                                break;
                                        }
                                    }
                                }
                                
                                function GeneratePage(page: Page): void {
                                    switch (page.type) {
                                        case "cardEntities":
                                            SendToPanel(GenerateEntitiesPage(<PageEntities>page));
                                            break;
                                        case "cardThermo":
                                            SendToPanel(GenerateThermoPage(<PageThermo>page));
                                            break;
                                        case "cardGrid":
                                            SendToPanel(GenerateGridPage(<PageGrid>page));
                                            break;
                                        case "cardMedia":
                                            SendToPanel(GenerateMediaPage(<PageMedia>page));
                                            break;
                                        case "cardAlarm":
                                            SendToPanel(GenerateAlarmPage(<PageAlarm>page));
                                            break;
                                    }
                                }
                                
                                function HandleHardwareButton(method: string): void {
                                    let page: (PageThermo | PageMedia | PageAlarm | PageEntities | PageGrid);
                                    if (config.button1Page !== null && method == "button1") {
                                        page = config.button1Page;
                                        pageId = -1;
                                    }
                                    else if (config.button2Page !== null && method == "button2") {
                                        page = config.button2Page;
                                        pageId = -2;
                                    }
                                    else {
                                        return;
                                    }
                                    GeneratePage(page);
                                }
                                
                                function HandleStartupProcess(): void {
                                    SendDate();
                                    SendTime();
                                    SendToPanel({ payload: "timeout~" + config.timeoutScreensaver });
                                    SendToPanel({ payload: "dimmode~" + config.dimmode });
                                }
                                
                                function SendDate(): void {
                                    var d = new Date();
                                    var day = Days[d.getDay()];
                                    var date = d.getDate();
                                    var month = Months[d.getMonth()];
                                    var year = d.getFullYear();
                                    var _sendDate = "date~" + day + " " + date + " " + month + " " + year;
                                    SendToPanel(<Payload>{ payload: _sendDate });
                                }
                                
                                function SendTime(): void {
                                    var d = new Date();
                                    var hr = d.getHours().toString();
                                    var min = d.getMinutes().toString();
                                
                                    if (d.getHours() < 10) {
                                        hr = "0" + d.getHours().toString();
                                    }
                                    if (d.getMinutes() < 10) {
                                        min = "0" + d.getMinutes().toString();
                                    }
                                    SendToPanel(<Payload>{ payload: "time~" + hr + ":" + min });
                                
                                    ScreensaverDimmode();
                                }
                                
                                function ScreensaverDimmode() {
                                    if (timeDimMode.dimmodeOn != undefined ? timeDimMode.dimmodeOn : false) {
                                        if (compareTime(timeDimMode.timeNight != undefined ? timeDimMode.timeNight : "23:00", timeDimMode.timeDay != undefined ? timeDimMode.timeDay : "06:00", "not between", null)) {
                                            SendToPanel({ payload: "dimmode~" + timeDimMode.brightnessDay});
                                        } else {
                                            SendToPanel({ payload: "dimmode~" + timeDimMode.brightnessNight}); 
                                        }         
                                    } else {
                                        SendToPanel({ payload: "dimmode~" + config.dimmode });
                                    }
                                }
                                
                                function GenerateEntitiesPage(page: PageEntities): Payload[] {
                                    var out_msgs: Array<Payload> = [];
                                    out_msgs = [{ payload: "pageType~cardEntities" }]
                                    out_msgs.push({ payload: GeneratePageElements(page) });
                                    return out_msgs
                                }
                                
                                function GenerateGridPage(page: PageGrid): Payload[] {
                                    var out_msgs: Array<Payload> = [];
                                    out_msgs = [{ payload: "pageType~cardGrid" }]
                                    out_msgs.push({ payload: GeneratePageElements(page) });
                                    return out_msgs
                                }
                                
                                function GeneratePageElements(page: Page): string {
                                    let maxItems = 0;
                                    switch (page.type) {
                                        case "cardThermo":
                                            maxItems = 1;
                                            break;
                                        case "cardAlarm":
                                            maxItems = 1;
                                            break;
                                        case "cardMedia":
                                            maxItems = 1;
                                            break;
                                        case "cardEntities":
                                            maxItems = 4;
                                            break;
                                        case "cardGrid":
                                            maxItems = 6;
                                            break;
                                    }
                                    let pageData = "entityUpd~" + page.heading + "~" + GetNavigationString(pageId)
                                    for (let index = 0; index < maxItems; index++) {
                                        if (page.items[index] !== undefined) {
                                            pageData += CreateEntity(page.items[index], index + 1, page.useColor);
                                        }
                                /*
                                        else {
                                            pageData += CreateEntity(<PageItem>{ id: "delete" }, index + 1); 
                                            //muss das wirklich? Wo erforderlich wird es mitgegeben!
                                        }
                                */
                                    }
                                    return pageData;
                                }
                                
                                function CreateEntity(pageItem: PageItem, placeId: number, useColors: boolean = false): string {
                                    var iconId = "0"
                                    if (pageItem.id == "delete") {
                                        return "~delete~~~~~"
                                    }
                                    var name: string;
                                    var type: string;
                                
                                    // ioBroker
                                    if (existsObject(pageItem.id)) {
                                        let o = getObject(pageItem.id)
                                        var val = null;
                                        name = pageItem.name !== undefined ? pageItem.name : o.common.name.de
                                
                                        if (existsState(pageItem.id + ".GET")) {
                                            val = getState(pageItem.id + ".GET").val;
                                            RegisterEntityWatcher(pageItem.id + ".GET");
                                        }
                                        else if (existsState(pageItem.id + ".SET")) {
                                            val = getState(pageItem.id + ".SET").val;
                                            RegisterEntityWatcher(pageItem.id + ".SET");
                                        }
                                        var iconColor = rgb_dec565(config.defaultColor);
                                
                                        switch (o.common.role) {
                                            case "socket":
                                            
                                            case "light":
                                                type = "light"
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == "socket"  ? Icons.GetIcon("power-socket-de") : Icons.GetIcon("lightbulb");
                                                var optVal = "0"
                                
                                                if (val === true || val === "true") {
                                                    optVal = "1"
                                                    iconColor = GetIconColor(pageItem, true, useColors);
                                                } else {
                                                    iconColor = GetIconColor(pageItem, false, useColors);
                                                }
                                
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + optVal;
                                /*---------------------------------------------------------
                                            case "wled":
                                                type = "number"
                                            case "xyz":
                                                type = "input_text"
                                ----------------------------------------------------------*/
                                            case "hue":
                                
                                                type = "light"
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("lightbulb");
                                                var optVal = "0"
                                
                                                if (existsState(pageItem.id + ".ON_ACTUAL")) {
                                                    val = getState(pageItem.id + ".ON_ACTUAL").val;
                                                    RegisterEntityWatcher(pageItem.id + ".ON_ACTUAL");
                                                }
                                
                                                if (val === true || val === "true") {
                                                    optVal = "1"
                                                    iconColor = GetIconColor(pageItem, existsState(pageItem.id + ".DIMMER") ? 100 - getState(pageItem.id + ".DIMMER").val : true, useColors);
                                                }
                                
                                                if (existsState(pageItem.id + ".HUE")) {
                                                    if (getState(pageItem.id + ".HUE").val != null) {
                                                        let huecolor = hsv2rgb(getState(pageItem.id + ".HUE").val,1,1);
                                                        let rgb = <RGB>{ red: Math.round(huecolor[0]), green: Math.round(huecolor[1]), blue: Math.round(huecolor[2])}
                                                        iconColor = rgb_dec565(pageItem.interpolateColor !== undefined ? rgb : config.defaultOnColor);
                                                        //RegisterDetailEntityWatcher(id + ".HUE");
                                                    } 
                                                }
                                
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + optVal;
                                
                                            case "ct":
                                
                                                type = "light"
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("lightbulb");
                                                var optVal = "0"
                                
                                                if (existsState(pageItem.id + ".ON")) {
                                                    val = getState(pageItem.id + ".ON").val;
                                                    RegisterEntityWatcher(pageItem.id + ".ON");
                                                }
                                
                                                if (val === true || val === "true") {
                                                    optVal = "1"
                                                    iconColor = GetIconColor(pageItem, existsState(pageItem.id + ".DIMMER") ? 100 - getState(pageItem.id + ".DIMMER").val : true, useColors);
                                                }
                                
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + optVal;
                                
                                            case "rgb":
                                
                                                type = "light"
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("lightbulb");
                                                var optVal = "0"
                                
                                                if (existsState(pageItem.id + ".ON_ACTUAL")) {
                                                    val = getState(pageItem.id + ".ON_ACTUAL").val;
                                                    RegisterEntityWatcher(pageItem.id + ".ON_ACTUAL");
                                                }
                                
                                                if (val === true || val === "true") {
                                                    optVal = "1"
                                                    iconColor = GetIconColor(pageItem, existsState(pageItem.id + ".DIMMER") ? 100 - getState(pageItem.id + ".DIMMER").val : true, useColors);
                                                }
                                
                                                if (existsState(pageItem.id + ".RED") && existsState(pageItem.id + ".GREEN") && existsState(pageItem.id + ".BLUE")) {
                                                    if (getState(pageItem.id + ".RED").val != null && getState(pageItem.id + ".GREEN").val != null && getState(pageItem.id + ".BLUE").val != null) {
                                                        let rgbRed = getState(pageItem.id + ".RED").val;
                                                        let rgbGreen = getState(pageItem.id + ".GREEN").val;
                                                        let rgbBlue = getState(pageItem.id + ".BLUE").val;
                                                        let rgb = <RGB>{ red: Math.round(rgbRed), green: Math.round(rgbGreen), blue: Math.round(rgbBlue)}
                                                        iconColor = rgb_dec565(pageItem.interpolateColor !== undefined ? rgb : config.defaultOnColor);
                                                    } 
                                                }
                                
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + optVal;
                                
                                            case "rgbSingle":
                                
                                                type = "light"
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("lightbulb");
                                                var optVal = "0"
                                
                                                if (existsState(pageItem.id + ".ON_ACTUAL")) {
                                                    val = getState(pageItem.id + ".ON_ACTUAL").val;
                                                    RegisterEntityWatcher(pageItem.id + ".ON_ACTUAL");
                                                }
                                
                                                if (val === true || val === "true") {
                                                    optVal = "1"
                                                    iconColor = GetIconColor(pageItem, existsState(pageItem.id + ".DIMMER") ? 100 - getState(pageItem.id + ".DIMMER").val : true, useColors);
                                                }
                                
                                                if (existsState(pageItem.id + ".RGB")) {
                                                    if (getState(pageItem.id + ".RGB").val != null) {
                                                        var hex = getState(pageItem.id + ".RGB").val;
                                                        var hexRed = parseInt(hex[1]+hex[2],16);
                                                        var hexGreen = parseInt(hex[3]+hex[4],16);
                                                        var hexBlue = parseInt(hex[5]+hex[6],16);
                                                        let rgb = <RGB>{ red: Math.round(hexRed), green: Math.round(hexGreen), blue: Math.round(hexBlue)}
                                                        iconColor = rgb_dec565(pageItem.interpolateColor !== undefined ? rgb : config.defaultOnColor);
                                                    } 
                                                }
                                
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + optVal;
                                                
                                            case "dimmer":
                                                type = "light"
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("lightbulb");
                                                var optVal = "0"
                                                if (existsState(pageItem.id + ".ON_ACTUAL")) {
                                                    val = getState(pageItem.id + ".ON_ACTUAL").val;
                                                    RegisterEntityWatcher(pageItem.id + ".ON_ACTUAL");
                                                }
                                                else if (existsState(pageItem.id + ".ON_SET")) {
                                                    val = getState(pageItem.id + ".ON_SET").val;
                                                    RegisterEntityWatcher(pageItem.id + ".ON_SET");
                                                }
                                                if (val === true || val === "true") {
                                                    optVal = "1"
                                                    iconColor = GetIconColor(pageItem, existsState(pageItem.id + ".ACTUAL") ? 100 - getState(pageItem.id + ".ACTUAL").val : true, useColors);
                                                }
                                
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + optVal;
                                                
                                            case "blind":
                                                type = "shutter"
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("window-open");
                                                iconColor = GetIconColor(pageItem, existsState(pageItem.id + ".ACTUAL") ? getState(pageItem.id + ".ACTUAL").val : true, useColors);
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~"
                                
                                            case "door":
                                
                                            case "window":
                                                type = "text";
                                                if (existsState(pageItem.id + ".ACTUAL")) {
                                                    if (getState(pageItem.id + ".ACTUAL").val) {
                                                        iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == "door"  ? Icons.GetIcon("door-open") : Icons.GetIcon("window-open-variant");
                                                        iconColor = GetIconColor(pageItem, false, useColors);
                                                        var windowState = "opened"
                                                    } else {
                                                        iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == "door"  ? Icons.GetIcon("door-closed") : Icons.GetIcon("window-closed-variant");
                                                        //iconId = Icons.GetIcon("window-closed-variant");
                                                        iconColor = GetIconColor(pageItem, true, useColors);
                                                        var windowState = "closed"
                                                    }
                                                    RegisterEntityWatcher(pageItem.id + ".ACTUAL");
                                                }
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + windowState;
                                
                                            case "info":
                                
                                            case "humidity":
                                
                                            case "value.temperature":
                                
                                            case "value.humidity":
                                
                                            case "sensor.door": 
                                
                                            case "sensor.window":
                                                
                                            case "thermostat":
                                                type = "text";
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == "value.temperature" || o.common.role == "thermostat" ? Icons.GetIcon("thermometer") : Icons.GetIcon("information-outline");
                                                let unit = "";
                                                var optVal = "0"
                                                if (existsState(pageItem.id + ".ON_ACTUAL")) {
                                                    optVal = getState(pageItem.id + ".ON_ACTUAL").val;
                                                    unit = pageItem.unit !== undefined ? pageItem.unit : GetUnitOfMeasurement(pageItem.id + ".ON_ACTUAL");
                                                    RegisterEntityWatcher(pageItem.id + ".ON_ACTUAL");
                                                }
                                                else if (existsState(pageItem.id + ".ACTUAL")) {
                                                    optVal = getState(pageItem.id + ".ACTUAL").val;
                                                    unit = pageItem.unit !== undefined ? pageItem.unit : GetUnitOfMeasurement(pageItem.id + ".ACTUAL");
                                                    RegisterEntityWatcher(pageItem.id + ".ACTUAL");
                                                }
                                
                                                if (o.common.role == "value.temperature") {
                                                    iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("thermometer");
                                                }
                                
                                                iconColor = GetIconColor(pageItem, parseInt(optVal), useColors);
                                
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + optVal + " " + unit;
                                
                                            case "button":
                                                type = "button";
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("gesture-tap-button");
                                                let buttonText = pageItem.name !== undefined ? pageItem.name : "PRESS";
                                                iconColor = GetIconColor(pageItem, true, useColors);
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + buttonText;
                                            case "volumeGroup":
                                            case "volume":
                                                type = "number";
                                                if (existsState(pageItem.id + ".SET")) {
                                                    val = getState(pageItem.id + ".SET").val;
                                                    RegisterEntityWatcher(pageItem.id + ".SET");
                                                }
                                                if (existsState(pageItem.id + ".ACTUAL")) {
                                                    val = getState(pageItem.id + ".ACTUAL").val;
                                                    RegisterEntityWatcher(pageItem.id + ".ACTUAL");
                                                }
                                
                                                iconColor = GetIconColor(pageItem, false, useColors)
                                                if (existsState(pageItem.id + ".MUTE")) {
                                                    getState(pageItem.id + ".MUTE").val ? iconColor = GetIconColor(pageItem, false, useColors) : iconColor = GetIconColor(pageItem, true, useColors);                
                                                    RegisterEntityWatcher(pageItem.id + ".MUTE");
                                                }
                                                
                                                if (val > 0 && val <= 33 && !getState(pageItem.id + ".MUTE").val) {
                                                    iconId = Icons.GetIcon("volume-low");
                                                } else if (val > 33 && val <= 66 && !getState(pageItem.id + ".MUTE").val) {
                                                    iconId = Icons.GetIcon("volume-medium");
                                                } else if (val > 66 && val <= 100 && !getState(pageItem.id + ".MUTE").val) {
                                                    iconId = Icons.GetIcon("volume-high");
                                                } else {
                                                    iconId = Icons.GetIcon("volume-mute");
                                                }
                                
                                                return "~" + type + "~" + pageItem.id + "~" + iconId + "~" + iconColor + "~" + name + "~" + val + "|" + pageItem.minValue + "|" + pageItem.maxValue;
                                
                                            case "warning":
                                                type = "text";
                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("alert-outline");
                                                iconColor = getState(([pageItem.id,'.LEVEL'].join(''))).val;
                                                let itemName = getState(([pageItem.id,'.TITLE'].join(''))).val;
                                                let itemInfo = getState(([pageItem.id,'.INFO'].join(''))).val;
                                                return "~" + type + "~" + itemName + "~" + iconId + "~" + iconColor + "~" + itemName + "~" + itemInfo;
                                
                                            default:
                                                return "~delete~~~~~";
                                        }
                                    }
                                    return "~delete~~~~~"
                                }
                                
                                function GetIconColor(pageItem: PageItem, value: (boolean | number), useColors: boolean): number {
                                    // dimmer
                                    if ((pageItem.useColor || useColors) && pageItem.interpolateColor && typeof (value) === "number") {
                                        let maxValue = pageItem.maxValueBrightness !== undefined ? pageItem.maxValueBrightness : 100;
                                        let minValue = pageItem.minValueBrightness !== undefined ? pageItem.minValueBrightness : 0;
                                        if (pageItem.maxValue !== undefined) maxValue = pageItem.maxValue;
                                        if (pageItem.minValue !== undefined) minValue = pageItem.minValue;
                                        value = value > maxValue ? maxValue : value;
                                        value = value < minValue ? minValue : value;
                                        return rgb_dec565(
                                            Interpolate(
                                                pageItem.offColor !== undefined ? pageItem.offColor : config.defaultOffColor,
                                                pageItem.onColor !== undefined ? pageItem.onColor : config.defaultOnColor,
                                                scale(value, minValue, maxValue, 0, 1)
                                            ));
                                    }
                                
                                    if ((pageItem.useColor || useColors) && ((typeof (value) === "boolean" && value) || value > (pageItem.minValueBrightness !== undefined ? pageItem.minValueBrightness : 0))) {
                                        return rgb_dec565(pageItem.onColor !== undefined ? pageItem.onColor : config.defaultOnColor)
                                    }
                                    
                                    return rgb_dec565(pageItem.offColor !== undefined ? pageItem.offColor : config.defaultOffColor);
                                }
                                
                                function RegisterEntityWatcher(id: string): void {
                                    if (subscriptions.hasOwnProperty(id)) {
                                        return;
                                    }
                                    subscriptions[id] = (on({ id: id, change: 'any' }, function (data) {
                                        if(pageId >= 0)
                                            SendToPanel({ payload: GeneratePageElements(config.pages[pageId]) });
                                        if(pageId == -1 && config.button1Page != undefined)
                                            SendToPanel({ payload: GeneratePageElements(config.button1Page) });
                                        if(pageId == -2 && config.button2Page != undefined)
                                            SendToPanel({ payload: GeneratePageElements(config.button2Page) });
                                    }))
                                }
                                
                                function RegisterDetailEntityWatcher(id: string, pageItem: PageItem, type: string): void {
                                    if (subscriptions.hasOwnProperty(id)) {
                                        return;
                                    }
                                    subscriptions[id] = (on({ id: id, change: 'any' }, function () {
                                        SendToPanel(GenerateDetailPage(type, pageItem));
                                    }))
                                }
                                
                                function GetUnitOfMeasurement(id: string): string {
                                    if (!existsObject(id))
                                        return "";
                                
                                    let obj = getObject(id);
                                    if (typeof obj.common.unit !== 'undefined') {
                                        return obj.common.unit
                                    }
                                
                                    if (typeof obj.common.alias !== 'undefined' && typeof obj.common.alias.id !== 'undefined') {
                                        return GetUnitOfMeasurement(obj.common.alias.id);
                                    }
                                    return "";
                                }
                                
                                function GenerateThermoPage(page: PageThermo): Payload[] {
                                    var id = page.items[0].id
                                    var out_msgs: Array<Payload> = [];
                                    out_msgs.push({ payload: "pageType~cardThermo" });
                                
                                    // ioBroker
                                    if (existsObject(id)) {
                                        let o = getObject(id)
                                        let name = page.items[0].name !== undefined ? page.items[0].name : o.common.name.de
                                        let currentTemp = 0;
                                        if (existsState(id + ".ACTUAL"))
                                            currentTemp = (Math.round(parseFloat(getState(id + ".ACTUAL").val) * 10)/10)*10;
                                
                                        let destTemp = 0;
                                        if (existsState(id + ".SET")) {
                                            destTemp = getState(id + ".SET").val.toFixed(2) * 10;
                                        }
                                
                                        let status = ""
                                        if (existsState(id + ".MODE"))
                                            status = getState(id + ".MODE").val;
                                        let minTemp = 50 //Min Temp 5°C
                                        let maxTemp = 300 //Max Temp 30°C
                                        let stepTemp = 5
                                        
                                        //Attribute hinzufügen, wenn im Alias definiert
                                        var thermButton = 0;
                                        let i_list = Array.prototype.slice.apply($('[state.id="' + id + '.*"]'));
                                        if ((i_list.length - 3) != 0) {
                                            console.log(i_list.length -3)
                                            if ((i_list.length -3)%2 == 0) {
                                                if ((i_list.length - 3) == 2) {
                                                    thermButton = 6;
                                                } else {
                                                    thermButton = 5;
                                                }
                                            } else {
                                                if ((i_list.length - 3) == 1) {
                                                    thermButton = 2;
                                                } else if ((i_list.length - 3) == 3) {
                                                    thermButton = 1;
                                                } else {
                                                    thermButton = 0;
                                                }    
                                            }
                                                
                                            var i = 0;    
                                            var bt = ["","","","","","","","",""];  
                                            for (i = 0; i < thermButton; i++) {
                                                bt[i] = "~~~~";
                                            }
                                            for (let i_index in i_list) {
                                                let thermostatState = i_list[i_index].split('.');
                                                if (thermostatState[thermostatState.length-1] != "SET" && 
                                                    thermostatState[thermostatState.length-1] != "ACTUAL" && 
                                                    thermostatState[thermostatState.length-1] != "MODE")  {
                                                    i++;
                                                    
                                                    switch (thermostatState[thermostatState.length-1]) {
                                                        case "HUMIDITY":
                                                            if (existsState(id + ".HUMIDITY") && getState(id + ".HUMIDITY").val != null) {
                                                                if (parseInt(getState(id + ".HUMIDITY").val) < 40) {
                                                                    bt[i-1] =  Icons.GetIcon("water-percent") + "~65504~1~" + "HUMIDITY" + "~";
                                                                } else if (parseInt(getState(id + ".HUMIDITY").val) < 30) {
                                                                    bt[i-1] =  Icons.GetIcon("water-percent") + "~63488~1~" + "HUMIDITY" + "~";
                                                                } else if (parseInt(getState(id + ".HUMIDITY").val) > 65) {
                                                                    bt[i-1] =  Icons.GetIcon("water-percent") + "~65504~1~" + "HUMIDITY" + "~";
                                                                } else if (parseInt(getState(id + ".HUMIDITY").val) > 75) {
                                                                    bt[i-1] =  Icons.GetIcon("water-percent") + "~63488~1~" + "HUMIDITY" + "~";
                                                                }
                                                            } else i--;
                                                            break;
                                                        case "LOWBAT":
                                                            if (existsState(id + ".LOWBAT") && getState(id + ".LOWBAT").val != null) {
                                                                if (getState(id + ".LOWBAT").val) {
                                                                    bt[i-1] =  Icons.GetIcon("battery-low") + "~63488~1~" + "LOWBAT" + "~";
                                                                } else {
                                                                    bt[i-1] =  Icons.GetIcon("battery-high") + "~2016~1~" + "LOWBAT" + "~";
                                                                }
                                                            } else i--;
                                                            break;
                                                        case "MAINTAIN":
                                                            if (existsState(id + ".MAINTAIN") && getState(id + ".MAINTAIN").val != null) {
                                                                if (getState(id + ".MAINTAIN").val >> .1) {
                                                                    bt[i-1] =  Icons.GetIcon("fire") + "~60897~1~" + "MAINTAIN" + "~";
                                                                } else {
                                                                    bt[i-1] =  Icons.GetIcon("fire") + "~33840~0~" + "MAINTAIN" + "~";
                                                                }
                                                            } else i--;
                                                            break;
                                                        case "UNREACH":
                                                            if (existsState(id + ".UNREACH") && getState(id + ".UNREACH").val != null) {
                                                                if (getState(id + ".UNREACH").val) {
                                                                    bt[i-1] =  Icons.GetIcon("wifi-off") + "~63488~1~" + "UNREACH" + "~";
                                                                } else {
                                                                    bt[i-1] =  Icons.GetIcon("wifi") + "~2016~1~" + "UNREACH" + "~";
                                                                }
                                                            } else i--;
                                                            break;
                                                        case "POWER":
                                                            if (existsState(id + ".POWER") && getState(id + ".POWER").val != null) {
                                                                if (getState(id + ".POWER").val) {
                                                                    bt[i-1] =  Icons.GetIcon("power-standby") + "~2016~1~" + "POWER" + "~";
                                                                } else {
                                                                    bt[i-1] =  Icons.GetIcon("power-standby") + "~33840~1~" + "POWER" + "~";
                                                                }
                                                            } else i--;
                                                            break;
                                                        case "ERROR":
                                                            if (existsState(id + ".ERROR") && getState(id + ".ERROR").val != null) {
                                                                if (getState(id + ".ERROR").val) {
                                                                    bt[i-1] =  Icons.GetIcon("alert-circle") + "~63488~1~" + "ERROR" + "~";
                                                                } else {
                                                                    bt[i-1] =  Icons.GetIcon("alert-circle") + "~33840~1~" + "ERROR" + "~";
                                                                }
                                                            } else i--;
                                                            break;
                                                        case "WORKING":
                                                            if (existsState(id + ".WORKING") && getState(id + ".WORKING").val != null) {
                                                                if (getState(id + ".WORKING").val) {
                                                                    bt[i-1] =  Icons.GetIcon("briefcase-check") + "~2016~1~" + "WORKING" + "~";
                                                                } else {
                                                                    bt[i-1] =  Icons.GetIcon("briefcase-check") + "~33840~1~" + "WORKING" + "~";
                                                                }
                                                            } else i--;
                                                            break;
                                                        case "BOOST":
                                                            if (existsState(id + ".BOOST") && getState(id + ".BOOST").val != null) {
                                                                if (getState(id + ".BOOST").val) {
                                                                    bt[i-1] =  Icons.GetIcon("fast-forward-60") + "~2016~1~" + "BOOST" + "~";
                                                                } else {
                                                                    bt[i-1] =  Icons.GetIcon("fast-forward-60") + "~33840~1~" + "BOOST" + "~";
                                                                }
                                                            } else i--;                            
                                                            break;
                                                        case "PARTY":
                                                            if (existsState(id + ".PARTY") && getState(id + ".PARTY").val != null) {
                                                                if (getState(id + ".PARTY").val) {
                                                                    bt[i-1] =  Icons.GetIcon("party-popper") + "~2016~1~" + "PARTY" + "~";
                                                                } else {
                                                                    bt[i-1] =  Icons.GetIcon("party-popper") + "~33840~1~" + "PARTY" + "~";
                                                                }
                                                            } else i--;
                                                            break;
                                                        default:
                                                            i--;
                                                            break;
                                                    }
                                                }
                                            }
                                            for (let j = i; j < 9; j++) {
                                                bt[j] = "~~~~";
                                            }
                                        }
                                        
                                        let icon_res = bt[0] + bt[1] + bt[2] + bt[3] + bt[4] + bt[5] + bt[6] + bt[7] + bt[8];
                                
                                
                                        out_msgs.push({ payload: "entityUpd~" + name + "~" + GetNavigationString(pageId) + "~" + id + "~" + currentTemp + "~" + destTemp + "~" + status + "~" + minTemp + "~" + maxTemp + "~" + stepTemp + "~" +icon_res})
                                    }
                                
                                    if (Debug) console.log(out_msgs);
                                    return out_msgs
                                }
                                
                                function GenerateMediaPage(page: PageMedia): Payload[] {
                                    var id = page.items[0].id
                                    var out_msgs: Array<Payload> = [];
                                    out_msgs.push({ payload: "pageType~cardMedia" });
                                    if (existsObject(id)) {
                                
                                        let name = getState(id + ".ALBUM").val;     
                                        let media_icon = Icons.GetIcon("playlist-music");
                                        let title = getState(id + ".TITLE").val;
                                        let author = getState(id + ".ARTIST").val;
                                        let volume = getState(id + ".VOLUME").val;
                                        var iconplaypause = Icons.GetIcon("pause"); //pause
                                        var onoffbutton = 1374;
                                        if (getState(id + ".STATE").val) {
                                            onoffbutton = 65535;
                                            iconplaypause = Icons.GetIcon("pause"); //pause
                                        } else {
                                            iconplaypause = Icons.GetIcon("play"); //play
                                        }
                                        let currentSpeaker = getState(([alexaInstanz,'.Echo-Devices.',alexaDevice,'.Info.name'].join(''))).val;
                                                
                                //-------------------------------------------------------------------------------------------------------------
                                // nachfolgend alle Alexa-Devices (ist Online / Player- und Commands-Verzeichnis vorhanden) auflisten und verketten
                                // Wenn Konstante alexaSpeakerList mind. einen Eintrag enthält, wird die Konstante verwendet - ansonsten Alle Devices aus dem Alexa Adapter
                                        let speakerlist = "";
                                        if (alexaSpeakerList.length > 0) {
                                            for (let i_index in alexaSpeakerList) {
                                                speakerlist = speakerlist + alexaSpeakerList[i_index] + "?";
                                            } 
                                        } else {        
                                            let i_list = Array.prototype.slice.apply($('[state.id="' + alexaInstanz + '.Echo-Devices.*.Info.name"]'));
                                            for (let i_index in i_list) {
                                                let i = i_list[i_index];
                                                let deviceId = i;
                                                deviceId = deviceId.split('.');
                                                if (getState(([alexaInstanz,'.Echo-Devices.',deviceId[3],'.online'].join(''))).val && 
                                                    existsObject(([alexaInstanz,'.Echo-Devices.',deviceId[3],'.Player'].join(''))) &&
                                                    existsObject(([alexaInstanz,'.Echo-Devices.',deviceId[3],'.Commands'].join('')))) {
                                                        speakerlist = speakerlist + getState(i).val + "?";
                                                }
                                            }
                                        }
                                        speakerlist = speakerlist.substring(0,speakerlist.length-1);
                                //--------------------------------------------------------------------------------------------------------------
                                
                                        out_msgs.push({ payload: "entityUpd~" +                         //entityUpd
                                                                  name + "~" +                          //heading
                                                                  GetNavigationString(pageId) + "~" +   //navigation
                                                                  id + "~" +                            //internalNameEntiy
                                                                  media_icon + "~" +                    //icon
                                                                  title + "~" +                         //title
                                                                  author + "~" +                        //author
                                                                  volume + "~" +                        //volume
                                                                  iconplaypause + "~" +                 //playpauseicon
                                                                  currentSpeaker + "~" +                //currentSpeaker
                                                                  speakerlist + "~" +                   //speakerList-seperated-by-?
                                                                  onoffbutton});                        //On/Off Button Color
                                    }
                                    if (Debug) console.log(out_msgs)
                                    return out_msgs
                                }
                                
                                function GenerateAlarmPage(page: PageAlarm): Payload[] {
                                    var id = page.items[0].id
                                    var out_msgs: Array<Payload> = [];
                                    out_msgs.push({ payload: "pageType~cardAlarm" });
                                
                                    var armed: boolean = true;
                                    
                                    if (armed) {
                                        var arm1 = "Deaktivieren";                  //arm1*~*
                                        var arm1ActionName = "D1";                  //arm1ActionName*~*
                                        var arm2 = "";                              //arm2*~*
                                        var arm2ActionName = "";                    //arm2ActionName*~*
                                        var arm3 = "";                              //arm3*~*
                                        var arm3ActionName = "";                    //arm3ActionName*~*
                                        var arm4 = "";                              //arm4*~*
                                        var arm4ActionName = "";                    //arm4ActionName*~*
                                        var icon = Icons.GetIcon("shield-home");    //icon*~*
                                        var iconcolor = 63488;                      //iconcolor*~*
                                        var numpadStatus = 1;                       //numpadStatus*~*
                                        var flashing = "disable";                    //flashing*
                                    } 
                                    else {
                                        var arm1 = "Alarm 1";                       //arm1*~*
                                        var arm1ActionName = "A1";                  //arm1ActionName*~*
                                        var arm2 = "Alarm 2";                       //arm2*~*
                                        var arm2ActionName = "A2";                  //arm2ActionName*~*
                                        var arm3 = "Alarm 3";                       //arm3*~*
                                        var arm3ActionName = "A3";                  //arm3ActionName*~*
                                        var arm4 = "Alarm 4";                       //arm4*~*
                                        var arm4ActionName = "A4";                  //arm4ActionName*~*
                                        var icon = Icons.GetIcon("shield-off");     //icon*~*
                                        var iconcolor = 2016;                       //iconcolor*~*
                                        var numpadStatus = 1;                       //numpadStatus*~*
                                        var flashing = "disable";                    //flashing*        
                                    }
                                
                                    flashing = "disable"
                                    var entityState = "arming"
                                    if (entityState == "arming" || entityState == "pending") {
                                        iconcolor = rgb_dec565({ red: 243, green: 179, blue: 0 }); 
                                        icon = Icons.GetIcon("shield");
                                        flashing = "enable"
                                    }
                                    if (entityState == "triggered") {
                                        iconcolor = rgb_dec565({ red: 223, green: 76, blue: 30 }); 
                                        icon = Icons.GetIcon("bell-ring");
                                        flashing = "enable"
                                    }
                                
                                        
                                    out_msgs.push({ payload:    "entityUpd~" +                      //entityUpd~*
                                                                id + "~" +                          //internalNameEntity*~*
                                                                GetNavigationString(pageId) + "~" + //navigation*~* --> hiddenCards
                                                                arm1 + "~" +                        //arm1*~*
                                                                arm1ActionName + "~" +              //arm1ActionName*~*
                                                                arm2 + "~" +                        //arm2*~*
                                                                arm2ActionName + "~" +              //arm2ActionName*~*
                                                                arm3 + "~" +                        //arm3*~*
                                                                arm3ActionName + "~" +              //arm3ActionName*~*
                                                                arm4 + "~" +                        //arm4*~*
                                                                arm4ActionName + "~" +              //arm4ActionName*~*
                                                                icon + "~" +                        //icon*~* 39=Disarmed 35=Shield_Home, 40
                                                                iconcolor + "~" +                   //iconcolor*~* 2016=green  63488=red
                                                                numpadStatus + "~" +                //numpadStatus*~*
                                                                flashing});                         //flashing*
                                    
                                    if (Debug) console.log(out_msgs);
                                
                                    return out_msgs
                                }
                                
                                function setIfExists(id: string, value: any, type: string | null = null): boolean {
                                    if (type === null) {
                                        if (existsState(id)) {
                                            setState(id, value);
                                            return true;
                                        }
                                    }
                                    else {
                                        let obj = getObject(id);
                                        if (existsState(id) && obj.common.type !== undefined && obj.common.type === type) {
                                            setState(id, value);
                                            return true;
                                        }
                                    }
                                    return false;
                                }
                                
                                function toggleState(id: string): boolean {
                                    let obj = getObject(id);
                                    if (existsState(id) && obj.common.type !== undefined && obj.common.type === "boolean") {
                                        setState(id, !getState(id).val);
                                        return true;
                                    }
                                    return false;
                                }
                                
                                function HandleButtonEvent(words): void {
                                    let id = words[2]
                                    let buttonAction = words[3];
                                
                                    console.log(words[0] + " - " + words[1] + " - " + words[2] + " - " + words[3] + " - " + words[4] + " - PageId: " + pageId);
                                    switch (buttonAction) {
                                        case "bNext":
                                            var pageNum = ((pageId + 1) % config.pages.length);
                                            pageId = Math.abs(pageNum);
                                            UnsubscribeWatcher();
                                            GeneratePage(config.pages[pageId]);
                                            break;
                                        case "bPrev":
                                            var pageNum = ((pageId - 1) % config.pages.length);
                                            pageId = Math.abs(pageNum);
                                            UnsubscribeWatcher();
                                            GeneratePage(config.pages[pageId]);
                                            break;
                                        case "bExit":
                                            if (config.screenSaverDoubleClick) {
                                                if (words[4] == 2)
                                                    GeneratePage(config.pages[pageId]);
                                            }
                                            else
                                                GeneratePage(config.pages[pageId]);
                                            break;
                                        case "OnOff":
                                            if (existsObject(id)) {
                                                var action = false
                                                if (words[4] == "1")
                                                    action = true
                                                let o = getObject(id)
                                                switch (o.common.role) {
                                                    case "light":
                                                        setIfExists(id + ".SET", action);
                                                        break;
                                                    case "dimmer":
                                                        setIfExists(id + ".ON_SET", action) ? true : setIfExists(id + ".ON_ACTUAL", action);
                                                        break;
                                                    case "ct":
                                                        setIfExists(id + ".ON", action);
                                                        break;
                                                    case "rgb":
                                                    case "rgbSingle":
                                                    case "hue": // Armilar
                                                        setIfExists(id + ".ON_ACTUAL", action);
                                                }
                                            }
                                            break;
                                        case "up":
                                            setIfExists(id + ".OPEN", true)
                                            break;
                                        case "stop":
                                            setIfExists(id + ".STOP", true)
                                            break;
                                        case "down":
                                            setIfExists(id + ".CLOSE", true)
                                            break;
                                        case "button":
                                            toggleState(id + ".SET") ? true : toggleState(id + ".ON_SET")
                                            break;
                                        case "positionSlider":
                                           (function () {if (timeoutSlider) {clearTimeout(timeoutSlider); timeoutSlider = null;}})();
                                            timeoutSlider = setTimeout(async function () {
                                                setIfExists(id + ".SET", parseInt(words[4])) ? true : setIfExists(id + ".ACTUAL", parseInt(words[4]));
                                            }, 250);    
                                            break;
                                        case "brightnessSlider":
                                            (function () {if (timeoutSlider) {clearTimeout(timeoutSlider); timeoutSlider = null;}})();
                                            timeoutSlider = setTimeout(async function () {
                                                if (existsObject(id)) {
                                                    let o = getObject(id);
                                                    let pageItem = config.pages[pageId].items.find(e => e.id === id);
                                                    switch (o.common.role) {
                                                        case "dimmer":
                                                            if (pageItem.minValueBrightness != undefined && pageItem.maxValueBrightness != undefined) {  
                                                                let sliderPos = Math.trunc(scale(parseInt(words[4]), 0, 100, pageItem.maxValueBrightness, pageItem.minValueBrightness))
                                                                setIfExists(id + ".SET", sliderPos) ? true : setIfExists(id + ".ACTUAL", sliderPos);
                                                            } else {
                                                                setIfExists(id + ".SET", parseInt(words[4])) ? true : setIfExists(id + ".ACTUAL", parseInt(words[4]));
                                                            }
                                                            break;
                                                        case "rgb":
                                                        case "ct":
                                                        case "rgbSingle":
                                                        case "hue":
                                                            if (pageItem.minValueBrightness != undefined && pageItem.maxValueBrightness != undefined) {  
                                                                let sliderPos = Math.trunc(scale(parseInt(words[4]), 0, 100, pageItem.maxValueBrightness, pageItem.minValueBrightness))
                                                                setIfExists(id + ".DIMMER", sliderPos);
                                                            } else {
                                                                setIfExists(id + ".DIMMER", parseInt(words[4]));
                                                            }
                                                            break;
                                                    }
                                                }
                                            }, 250);
                                            break;
                                        case "colorTempSlider": // Armilar - Slider tickt verkehrt - Hell = 0 / Dunkel = 100 -> Korrektur
                                            (function () {if (timeoutSlider) {clearTimeout(timeoutSlider); timeoutSlider = null;}})();
                                            timeoutSlider = setTimeout(async function () {
                                                let pageItem = config.pages[pageId].items.find(e => e.id === id);
                                                if (pageItem.minValueColorTemp !== undefined && pageItem.minValueColorTemp !== undefined) {
                                                    let colorTempK = Math.trunc(scale(parseInt(words[4]), 0, 100, pageItem.minValueColorTemp, pageItem.maxValueColorTemp));
                                                    setIfExists(id + ".TEMPERATURE", (colorTempK));
                                                } else {
                                                    setIfExists(id + ".TEMPERATURE", 100 - words[4]);
                                                }
                                            }, 250);
                                            break;
                                        case "colorWheel":
                                            let colorCoordinates = words[4].split('|');
                                            let rgb = pos_to_color(colorCoordinates[0], colorCoordinates[1]);
                                            //console.log(rgb);
                                            //console.log(getHue(rgb.red, rgb.green, rgb.blue));
                                            let o = getObject(id);
                                            switch (o.common.role) {
                                                case "hue":
                                                    setIfExists(id + ".HUE", getHue(rgb.red, rgb.green, rgb.blue));
                                                    break;
                                                case "rgb":
                                                    setIfExists(id + ".RED", rgb.red);
                                                    setIfExists(id + ".GREEN", rgb.green);
                                                    setIfExists(id + ".BLUE", rgb.blue);
                                                    break;    
                                                case "rgbSingle":
                                                    setIfExists(id + ".RGB", ConvertRGBtoHex(rgb.red, rgb.green, rgb.blue));          
                                            }
                                            break;
                                        case "tempUpd":
                                            setIfExists(id + ".SET", parseInt(words[4]) / 10)
                                            break;
                                        case "media-back":
                                            setIfExists(id + ".PREV", true)
                                            break;
                                        case "media-pause":
                                            if (getState(id + ".STATE").val === true) {
                                                setIfExists(id + ".PAUSE", true)
                                            } else {
                                                setIfExists(id + ".PLAY", true)
                                            }    
                                            break;
                                        case "media-next":
                                            setIfExists(id + ".NEXT", true)
                                            break;
                                        case "volumeSlider":
                                            setIfExists(id + ".VOLUME", parseInt(words[4]))
                                            break;
                                        case "speaker-sel":
                                            let i_list = Array.prototype.slice.apply($('[state.id="' + alexaInstanz + '.Echo-Devices.*.Info.name"]'));
                                            for (let i_index in i_list) {
                                                let i = i_list[i_index];
                                                if ((getState(i).val) === words[4]){
                                                    let deviceId = i;
                                                    deviceId = deviceId.split('.');
                                                    setIfExists(alexaInstanz + ".Echo-Devices." + alexaDevice + ".Commands.textCommand", "Schiebe meine Musik auf " + words[4]);
                                                    alexaDevice = deviceId[3]
                                                }
                                            }
                                            break;
                                        case "media-OnOff":
                                            setIfExists(id + ".STOP", true)
                                            break;
                                        case "hvac_action":
                                            if (words[4] == "POWER" || words[4] == "BOOST" || words[4] == "PARTY") {
                                                setIfExists(words[2] + "." + words[4], !getState(words[2] + "." + words[4]).val)
                                            }
                                            break;
                                        case "number-set":
                                            setIfExists(id + ".SET", parseInt(words[4])) ? true : setIfExists(id + ".ACTUAL", parseInt(words[4]));
                                            break;
                                        case "A1": //Alarm-Page Alarm 1 aktivieren
                                            console.log("auf mediaAlarm - Alarm 1 - Wert: " + words[4] + " - reagieren - noch nicht implementiert");
                                            break;
                                        case "A2": //Alarm-Page Alarm 2 aktivieren
                                            console.log("auf mediaAlarm - Alarm 1 - Wert: " + words[4] + " - reagieren - noch nicht implementiert");
                                            break;  
                                        case "A3": //Alarm-Page Alarm 3 aktivieren
                                            console.log("auf mediaAlarm - Alarm 1 - Wert: " + words[4] + " - reagieren - noch nicht implementiert");
                                            break;  
                                        case "A4": //Alarm-Page Alarm 4 aktivieren
                                            console.log("auf mediaAlarm - Alarm 1 - Wert: " + words[4] + " - reagieren - noch nicht implementiert");
                                            break;         
                                        case "D1": //Alarm-Page Alarm Deaktivieren
                                            console.log("auf mediaAlarm - Alarm 1 - Wert: " + words[4] + " - reagieren - noch nicht implementiert");
                                            break;  
                                        default:
                                            break;
                                    }
                                }
                                
                                function GetNavigationString(pageId: number): string {
                                    switch (pageId) {
                                        case 0:
                                            return "0|1";
                                        case config.pages.length - 1:
                                            return "1|0";
                                        case -1:
                                            return "0|0";
                                        default:
                                            return "1|1";
                                    }
                                }
                                
                                function GenerateDetailPage(type: string, pageItem: PageItem): Payload[] {
                                
                                    var out_msgs: Array<Payload> = [];
                                    let id = pageItem.id
                                
                                    if (existsObject(id)) {
                                        var o = getObject(id)
                                        var val: (boolean | number) = 0;
                                        let icon = Icons.GetIcon("lightbulb");
                                        var iconColor = rgb_dec565(config.defaultColor);
                                        if (type == "popupLight") {
                                            let switchVal = "0"
                                            let brightness = 0;
                                            if (o.common.role == "light" || o.common.role == "socket") {
                                                if (existsState(id + ".GET")) {
                                                    val = getState(id + ".GET").val;
                                                    RegisterDetailEntityWatcher(id + ".GET", pageItem, type);
                                                }
                                                else if (existsState(id + ".SET")) {
                                                    val = getState(id + ".SET").val;
                                                    RegisterDetailEntityWatcher(id + ".SET", pageItem, type);
                                                }
                                
                                                icon = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == "socket"  ? Icons.GetIcon("power-socket-de") : Icons.GetIcon("lightbulb");
                                
                                                if (val) {
                                                    switchVal = "1";
                                                    iconColor = GetIconColor(pageItem, true, true);
                                                } else {
                                                    iconColor = GetIconColor(pageItem, false, true);
                                                }
                                
                                                out_msgs.push({ payload: "entityUpdateDetail" + "~"   //entityUpdateDetail
                                                                         + icon + "~"                 //iconId
                                                                         + iconColor + "~"            //iconColor
                                                                         + switchVal + "~"            //buttonState
                                                                         + "disable" + "~"            //sliderBrightnessPos
                                                                         + "disable" + "~"            //sliderColorTempPos
                                                                         + "disable" })               //colorMode
                                            }
                                
                                            //Dimmer
                                            if (o.common.role == "dimmer") {
                                                if (existsState(id + ".ON_ACTUAL")) {
                                                    val = getState(id + ".ON_ACTUAL").val;
                                                    RegisterDetailEntityWatcher(id + ".ON_ACTUAL", pageItem, type);
                                                } 
                                                else if (existsState(id + ".ON_SET")) {
                                                    val = getState(id + ".ON_SET").val;
                                                    RegisterDetailEntityWatcher(id + ".ON_SET", pageItem, type);
                                                } 
                                
                                                if (val === true) {
                                                    var iconColor = GetIconColor(pageItem, val, false);
                                                    switchVal = "1"
                                                }
                                
                                                if (existsState(id + ".ACTUAL")) {
                                                    if (pageItem.minValueBrightness != undefined && pageItem.maxValueBrightness != undefined) {
                                                        brightness = Math.trunc(scale(getState(id + ".ACTUAL").val, pageItem.minValueBrightness, pageItem.maxValueBrightness, 100, 0));
                                                    } else {
                                                        brightness = getState(id + ".ACTUAL").val;
                                                    }
                                                } else {
                                                    console.warn("Alisas-Datenpunkt: " + id + ".ACTUAL could not be read");
                                                }
                                
                                                if (val === true) {
                                                    iconColor = GetIconColor(pageItem, 100 - brightness, true);
                                                    switchVal = "1";
                                                } else {
                                                    iconColor = GetIconColor(pageItem, false, true);
                                                }
                                
                                                RegisterDetailEntityWatcher(id + ".ACTUAL", pageItem, type);
                                
                                                out_msgs.push({ payload: "entityUpdateDetail" + "~"   //entityUpdateDetail
                                                                         + icon + "~"                 //iconId
                                                                         + iconColor + "~"            //iconColor
                                                                         + switchVal + "~"            //buttonState
                                                                         + brightness + "~"           //sliderBrightnessPos
                                                                         + "disable" + "~"            //sliderColorTempPos
                                                                         + "disable" })               //colorMode
                                            }
                                            
                                            //HUE-Licht
                                            if (o.common.role == "hue") {
                                                
                                                if (existsState(id + ".ON_ACTUAL")) {
                                                    val = getState(id + ".ON_ACTUAL").val;
                                                    RegisterDetailEntityWatcher(id + ".ON_ACTUAL", pageItem, type);
                                                }
                                
                                                if (existsState(id + ".DIMMER")) {
                                                    if (pageItem.minValueBrightness != undefined && pageItem.maxValueBrightness != undefined) {
                                                        brightness = Math.trunc(scale(getState(id + ".DIMMER").val, pageItem.minValueBrightness, pageItem.maxValueBrightness, 100, 0));
                                                    } else {
                                                        brightness = getState(id + ".DIMMER").val;
                                                    }
                                                    RegisterDetailEntityWatcher(id + ".DIMMER", pageItem, type);
                                                } else {
                                                    console.warn("Alias-Datenpunkt: " + id + ".DIMMER could not be read");
                                                }
                                
                                                if (val === true) {
                                                    iconColor = GetIconColor(pageItem, 100 - brightness, true);
                                                    switchVal = "1";
                                                } else {
                                                    iconColor = GetIconColor(pageItem, false, true);
                                                }
                                
                                                var colorMode = "disable"
                                                if (existsState(id + ".HUE")) {
                                                    if (getState(id + ".HUE").val != null) {
                                                        colorMode = "enable";
                                                        let huecolor = hsv2rgb(getState(id + ".HUE").val,1,1);
                                                        let rgb = <RGB>{ red: Math.round(huecolor[0]), green: Math.round(huecolor[1]), blue: Math.round(huecolor[2])}
                                                        iconColor = rgb_dec565(pageItem.interpolateColor !== undefined ? rgb : config.defaultOnColor);
                                                        //RegisterDetailEntityWatcher(id + ".HUE", pageItem, type);
                                                    } 
                                                }
                                
                                                var colorTemp = 0;
                                                if (existsState(id + ".TEMPERATURE")) {
                                                    if (getState(id + ".TEMPERATURE").val != null) {
                                                        if (pageItem.minValueColorTemp !== undefined && pageItem.minValueColorTemp !== undefined) {
                                                            colorTemp = Math.trunc(scale(getState(id + ".TEMPERATURE").val, pageItem.minValueColorTemp, pageItem.maxValueColorTemp, 0, 100));
                                                        } else {
                                                            colorTemp = 100 - getState(id + ".TEMPERATURE").val;
                                                        }
                                                        //RegisterDetailEntityWatcher(id + ".TEMPERATURE", pageItem, type);
                                                    } 
                                                } else {
                                                    console.warn("Alias-Datenpunkt: " + id + ".TEMPERATURE could not be read");
                                                }
                                
                                                out_msgs.push({ payload: "entityUpdateDetail" + "~"   //entityUpdateDetail
                                                                         + icon + "~"                 //iconId
                                                                         + iconColor + "~"            //iconColor
                                                                         + switchVal + "~"            //buttonState
                                                                         + brightness + "~"           //sliderBrightnessPos
                                                                         + colorTemp + "~"            //sliderColorTempPos
                                                                         + colorMode })               //colorMode   (if hue-alias without hue-datapoint, then disable)
                                            }
                                
                                            //RGB-Licht
                                            if (o.common.role == "rgb") {
                                                
                                                if (existsState(id + ".ON_ACTUAL")) {
                                                    val = getState(id + ".ON_ACTUAL").val;
                                                    RegisterDetailEntityWatcher(id + ".ON_ACTUAL", pageItem, type);
                                                }
                                
                                                if (existsState(id + ".DIMMER")) {
                                                    if (pageItem.minValueBrightness != undefined && pageItem.maxValueBrightness != undefined) {
                                                        brightness = Math.trunc(scale(getState(id + ".DIMMER").val, pageItem.minValueBrightness, pageItem.maxValueBrightness, 100, 0));
                                                    } else {
                                                        brightness = getState(id + ".DIMMER").val;
                                                    }
                                                    RegisterDetailEntityWatcher(id + ".DIMMER", pageItem, type);
                                                } else {
                                                    console.warn("Alias-Datenpunkt: " + id + ".DIMMER could not be read");
                                                }
                                
                                                if (val === true) {
                                                    iconColor = GetIconColor(pageItem, 100 - brightness, true);
                                                    switchVal = "1";
                                                } else {
                                                    iconColor = GetIconColor(pageItem, false, true);
                                                }
                                
                                                var colorMode = "disable"
                                                if (existsState(id + ".RED") && existsState(id + ".GREEN") && existsState(id + ".BLUE")) {
                                                    if (getState(id + ".RED").val != null && getState(id + ".GREEN").val != null && getState(id + ".BLUE").val != null) {
                                                        colorMode = "enable";
                                                        let rgb = <RGB>{ red: Math.round(getState(id + ".RED").val), green: Math.round(getState(id + ".GREEN").val), blue: Math.round(getState(id + ".BLUE").val)}
                                                        iconColor = rgb_dec565(pageItem.interpolateColor !== undefined ? rgb : config.defaultOnColor);
                                                        //RegisterDetailEntityWatcher(id + ".HUE", pageItem, type);
                                                    } 
                                                }
                                
                                                var colorTemp = 0;
                                                if (existsState(id + ".TEMPERATURE")) {
                                                    if (getState(id + ".TEMPERATURE").val != null) {
                                                        if (pageItem.minValueColorTemp !== undefined && pageItem.minValueColorTemp !== undefined) {
                                                            colorTemp = Math.trunc(scale(getState(id + ".TEMPERATURE").val, pageItem.minValueColorTemp, pageItem.maxValueColorTemp, 0, 100));
                                                        } else {
                                                            colorTemp = 100 - getState(id + ".TEMPERATURE").val;
                                                        }
                                                        //RegisterDetailEntityWatcher(id + ".TEMPERATURE", pageItem, type);
                                                    } 
                                                } else {
                                                    console.warn("Alias-Datenpunkt: " + id + ".TEMPERATURE could not be read");
                                                }
                                
                                                out_msgs.push({ payload: "entityUpdateDetail~" + icon + "~" + iconColor + "~" + switchVal + "~" + brightness + "~" + colorTemp + "~" + colorMode })
                                            }
                                
                                            //RGB-Licht-einzeln (HEX)
                                            if (o.common.role == "rgbSingle") {
                                                
                                                if (existsState(id + ".ON_ACTUAL")) {
                                                    val = getState(id + ".ON_ACTUAL").val;
                                                    RegisterDetailEntityWatcher(id + ".ON_ACTUAL", pageItem, type);
                                                }
                                
                                                if (existsState(id + ".DIMMER")) {
                                                    if (pageItem.minValueBrightness != undefined && pageItem.maxValueBrightness != undefined) {
                                                        brightness = Math.trunc(scale(getState(id + ".DIMMER").val, pageItem.minValueBrightness, pageItem.maxValueBrightness, 100, 0));
                                                    } else {
                                                        brightness = getState(id + ".DIMMER").val;
                                                    }
                                                    RegisterDetailEntityWatcher(id + ".DIMMER", pageItem, type);
                                                } else {
                                                    console.warn("Alias-Datenpunkt: " + id + ".DIMMER could not be read");
                                                }
                                
                                                if (val === true) {
                                                    iconColor = GetIconColor(pageItem, 100 - brightness, true);
                                                    switchVal = "1";
                                                } else {
                                                    iconColor = GetIconColor(pageItem, false, true);
                                                }
                                
                                                var colorMode = "disable"
                                                if (existsState(id + ".RGB")) {
                                                    if (getState(id + ".RGB").val != null) {
                                                        colorMode = "enable";
                                                        var hex = getState(id + ".RGB").val;
                                                        var hexRed = parseInt(hex[1]+hex[2],16);
                                                        var hexGreen = parseInt(hex[3]+hex[4],16);
                                                        var hexBlue = parseInt(hex[5]+hex[6],16);
                                                        let rgb = <RGB>{ red: Math.round(hexRed), green: Math.round(hexGreen), blue: Math.round(hexBlue)}
                                                        iconColor = rgb_dec565(pageItem.interpolateColor !== undefined ? rgb : config.defaultOnColor);
                                                        //RegisterDetailEntityWatcher(id + ".HUE", pageItem, type);
                                                    } 
                                                }
                                
                                                var colorTemp = 0;
                                                if (existsState(id + ".TEMPERATURE")) {
                                                    if (getState(id + ".TEMPERATURE").val != null) {
                                                        if (pageItem.minValueColorTemp !== undefined && pageItem.minValueColorTemp !== undefined) {
                                                            colorTemp = Math.trunc(scale(getState(id + ".TEMPERATURE").val, pageItem.minValueColorTemp, pageItem.maxValueColorTemp, 0, 100));
                                                        } else {
                                                            colorTemp = 100 - getState(id + ".TEMPERATURE").val;
                                                        }
                                                        //RegisterDetailEntityWatcher(id + ".TEMPERATURE", pageItem, type);
                                                    } 
                                                } else {
                                                    console.warn("Alias-Datenpunkt: " + id + ".TEMPERATURE could not be read");
                                                }
                                
                                                out_msgs.push({ payload: "entityUpdateDetail~" + icon + "~" + iconColor + "~" + switchVal + "~" + brightness + "~" + colorTemp + "~" + colorMode })
                                            }
                                
                                            //Farbtemperatur
                                            if (o.common.role == "ct") {
                                
                                                if (existsState(id + ".ON")) {
                                                    val = getState(id + ".ON").val;
                                                    RegisterDetailEntityWatcher(id + ".ON", pageItem, type);
                                                }
                                                
                                                if (existsState(id + ".DIMMER")) {
                                                    if (pageItem.minValueBrightness != undefined && pageItem.maxValueBrightness != undefined) {
                                                        brightness = Math.trunc(scale(getState(id + ".DIMMER").val, pageItem.minValueBrightness, pageItem.maxValueBrightness, 100, 0));
                                                    } else {
                                                        brightness = getState(id + ".DIMMER").val;
                                                    }
                                                    RegisterDetailEntityWatcher(id + ".DIMMER", pageItem, type);
                                                } else {
                                                    console.warn("Alias-Datenpunkt: " + id + ".DIMMER could not be read");
                                                }
                                
                                                if (val === true) {
                                                    iconColor = GetIconColor(pageItem, 100 - brightness, true);
                                                    switchVal = "1";
                                                } else {
                                                    iconColor = GetIconColor(pageItem, false, true);
                                                }
                                
                                                var colorMode = "disable"
                                
                                                var colorTemp = 0;
                                                if (existsState(id + ".TEMPERATURE")) {
                                                    if (getState(id + ".TEMPERATURE").val != null) {
                                                        if (pageItem.minValueColorTemp !== undefined && pageItem.minValueColorTemp !== undefined) {
                                                            colorTemp = Math.trunc(scale(getState(id + ".TEMPERATURE").val, pageItem.minValueColorTemp, pageItem.maxValueColorTemp, 0, 100));
                                                        } else {
                                                            colorTemp = 100 - getState(id + ".TEMPERATURE").val;
                                                        }
                                                        //RegisterDetailEntityWatcher(id + ".TEMPERATURE", pageItem, type);
                                                    } 
                                                } else {
                                                    console.warn("Alias-Datenpunkt: " + id + ".TEMPERATURE could not be read");
                                                }
                                
                                                out_msgs.push({ payload: "entityUpdateDetail~" + icon + "~" + iconColor + "~" + switchVal + "~" + brightness + "~" + colorTemp + "~" + colorMode })
                                            }
                                
                                        }
                                
                                        if (type == "popupShutter") {
                                            icon = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon("window-open");
                                            if (existsState(id + ".ACTUAL")) {
                                                val = getState(id + ".ACTUAL").val;
                                                RegisterDetailEntityWatcher(id + ".ACTUAL", pageItem, type);
                                            } else if (existsState(id + ".SET")) {
                                                val = getState(id + ".SET").val;
                                                RegisterDetailEntityWatcher(id + ".SET", pageItem, type);
                                            }
                                            out_msgs.push({ payload: "entityUpdateDetail~" + val})
                                        }
                                    }
                                    return out_msgs
                                }
                                
                                function scale(number: number, inMin: number, inMax: number, outMin: number, outMax: number): number {
                                    return (outMax+outMin)-((number - inMin) * (outMax - outMin) / (inMax - inMin) + outMin);
                                }
                                
                                function UnsubscribeWatcher(): void {
                                    for (const [key, value] of Object.entries(subscriptions)) {
                                        unsubscribe(value);
                                        delete subscriptions[key]
                                    }
                                }
                                
                                function HandleScreensaver(): void {
                                    SendToPanel({ payload: "pageType~screensaver"})
                                    UnsubscribeWatcher();
                                    HandleScreensaverUpdate();
                                }
                                
                                function HandleScreensaverUpdate(): void {
                                    if (screensaverEnabled && config.weatherEntity != null && existsObject(config.weatherEntity)) {
                                        var icon = getState(config.weatherEntity + ".ICON").val;
                                 
                                        let temperature: string =
                                            existsState(config.weatherEntity + ".ACTUAL") ? getState(config.weatherEntity + ".ACTUAL").val :
                                                existsState(config.weatherEntity + ".TEMP") ? getState(config.weatherEntity + ".TEMP").val : "null";
                                 
                                        let payloadString =
                                            "weatherUpdate~" + Icons.GetIcon(GetAccuWeatherIcon(parseInt(icon))) + "~"
                                            + temperature + " " + config.temperatureUnit + "~"
                                 
                                /*-------------------------------------------------------------------------------------------------------------------------------------*/
                                        if (weatherForecast == true) {
                                            // Accu-Weather Forecast Tag 2 - Tag 5 -- Wenn weatherForecast = true
                                            for (let i = 2; i < 6; i++) {
                                                let TempMax = getState("accuweather.0.Summary.TempMax_d" + i).val;
                                                let DayOfWeek = getState("accuweather.0.Summary.DayOfWeek_d" + i).val;
                                                let WeatherIcon = GetAccuWeatherIcon(getState("accuweather.0.Summary.WeatherIcon_d" + i).val);
                                                payloadString += DayOfWeek + "~" + Icons.GetIcon(WeatherIcon) + "~" + TempMax + " °C~";
                                            }
                                        } 
                                        else {
                                            //In Config definierte Zustände wenn weatherForecast = false
                                            payloadString += GetScreenSaverEntityString(config.firstScreensaverEntity);
                                            payloadString += GetScreenSaverEntityString(config.secondScreensaverEntity);
                                            payloadString += GetScreenSaverEntityString(config.thirdScreensaverEntity);
                                            payloadString += GetScreenSaverEntityString(config.fourthScreensaverEntity);
                                        }
                                /*-------------------------------------------------------------------------------------------------------------------------------------*/
                                        SendToPanel(<Payload>{ payload: payloadString });
                                    }
                                }
                                
                                function GetScreenSaverEntityString(configElement: ScreenSaverElement | null): string {
                                    if (configElement != null && configElement.ScreensaverEntity != null && existsState(configElement.ScreensaverEntity)) {
                                        let u1 = getState(configElement.ScreensaverEntity).val;
                                        return configElement.ScreensaverEntityText + "~" + Icons.GetIcon(configElement.ScreensaverEntityIcon) + "~" + u1 + " " + configElement.ScreensaverEntityUnitText + "~";
                                    }
                                    else {
                                        return "~~~";
                                    }
                                }
                                
                                function GetAccuWeatherIcon(icon: number): string {
                                    switch (icon) {
                                        case 24:        // Ice        
                                        case 30:        // Hot    
                                        case 31:        // Cold    
                                            return "window-open";  // exceptional
                                
                                        case 7:         // Cloudy
                                        case 8:         // Dreary (Overcast)        
                                        case 38:        // Mostly Cloudy
                                            return "weather-cloudy";  // cloudy
                                
                                        case 11:        // fog
                                            return "weather-fog";  // fog
                                
                                        case 25:        // Sleet    
                                            return "weather-hail";  // Hail
                                
                                        case 15:        // T-Storms    
                                            return "weather-lightning";  // lightning
                                
                                        case 16:        // Mostly Cloudy w/ T-Storms
                                        case 17:        // Partly Sunny w/ T-Storms
                                        case 41:        // Partly Cloudy w/ T-Storms       
                                        case 42:        // Mostly Cloudy w/ T-Storms
                                            return "weather-lightning-rainy";  // lightning-rainy
                                
                                        case 33:        // Clear
                                        case 34:        // Mostly Clear
                                        case 37:        // Hazy Moonlight
                                            return "weather-night";
                                
                                        case 3:         // Partly Sunny
                                        case 4:         // Intermittent Clouds
                                        case 6:         // Mostly Cloudy
                                        case 35: 	    // Partly Cloudy
                                        case 36: 	    // Intermittent Clouds
                                            return "weather-partly-cloudy";  // partlycloudy 
                                
                                        case 18:        // pouring
                                            return "weather-pouring";  // pouring
                                
                                        case 12:        // Showers
                                        case 13:        // Mostly Cloudy w/ Showers
                                        case 14:        // Partly Sunny w/ Showers      
                                        case 26:        // Freezing Rain
                                        case 39:        // Partly Cloudy w/ Showers
                                        case 40:        // Mostly Cloudy w/ Showers
                                            return "weather-rainy";  // rainy
                                
                                        case 19:        // Flurries
                                        case 20:        // Mostly Cloudy w/ Flurries
                                        case 21:        // Partly Sunny w/ Flurries
                                        case 22:        // Snow
                                        case 23:        // Mostly Cloudy w/ Snow
                                        case 43:        // Mostly Cloudy w/ Flurries
                                        case 44:        // Mostly Cloudy w/ Snow
                                            return "weather-snowy";  // snowy
                                
                                        case 29:        // Rain and Snow
                                            return "weather-snowy-rainy";  // snowy-rainy
                                
                                        case 1:         // Sunny
                                        case 2: 	    // Mostly Sunny
                                        case 5:         // Hazy Sunshine
                                            return "weather-sunny";  // sunny
                                
                                        case 32:        // windy
                                            return "weather-windy";  // windy
                                
                                        default:
                                            return "alert-circle-outline";
                                    }
                                }
                                
                                function GetBlendedColor(percentage: number): RGB {
                                    if (percentage < 50)
                                        return Interpolate(config.defaultOffColor, config.defaultOnColor, percentage / 50.0);
                                    return Interpolate(Red, White, (percentage - 50) / 50.0);
                                }
                                
                                function Interpolate(color1: RGB, color2: RGB, fraction: number): RGB {
                                    var r: number = InterpolateNum(color1.red, color2.red, fraction);
                                    var g: number = InterpolateNum(color1.green, color2.green, fraction);
                                    var b: number = InterpolateNum(color1.blue, color2.blue, fraction);
                                    return <RGB>{ red: Math.round(r), green: Math.round(g), blue: Math.round(b) };
                                }
                                
                                function InterpolateNum(d1: number, d2: number, fraction: number): number {
                                    return d1 + (d2 - d1) * fraction;
                                }
                                
                                function rgb_dec565(rgb: RGB): number {
                                    return ((Math.floor(rgb.red / 255 * 31) << 11) | (Math.floor(rgb.green / 255 * 63) << 5) | (Math.floor(rgb.blue / 255 * 31)));
                                }
                                
                                /* Convert radians to degrees
                                rad - radians to convert, expects rad in range +/- PI per Math.atan2
                                returns {number} degrees equivalent of rad
                                */
                                function rad2deg(rad) {
                                  return (360 + 180 * rad / Math.PI) % 360;
                                }
                                
                                function ColorToHex(color) {
                                  var hexadecimal = color.toString(16);
                                  return hexadecimal.length == 1 ? "0" + hexadecimal : hexadecimal;
                                }
                                
                                function ConvertRGBtoHex(red: number, green: number, blue: Number) {
                                  return "#" + ColorToHex(red) + ColorToHex(green) + ColorToHex(blue);
                                }
                                
                                /* Convert h,s,v values to r,g,b
                                hue - in range [0, 360]
                                saturation - in range 0 to 1
                                value - in range 0 to 1
                                returns {Array|number} [r, g,b] in range 0 to 255
                                 */
                                function hsv2rgb(hue: number, saturation: number, value: number) {
                                  hue /= 60;
                                  let chroma = value * saturation;
                                  let x = chroma * (1 - Math.abs((hue % 2) - 1));
                                  let rgb = hue <= 1? [chroma, x, 0]:
                                            hue <= 2? [x, chroma, 0]:
                                            hue <= 3? [0, chroma, x]:
                                            hue <= 4? [0, x, chroma]:
                                            hue <= 5? [x, 0, chroma]:
                                                      [chroma, 0, x];
                                
                                  return rgb.map(v => (v + value - chroma) * 255);
                                }
                                
                                function getHue(red: number, green: number, blue:number) {
                                
                                    var min = Math.min(Math.min(red, green), blue);
                                    var max = Math.max(Math.max(red, green), blue);
                                
                                    if (min == max) {
                                        return 0;
                                    }
                                
                                    var hue = 0;
                                    if (max == red) {
                                        hue = (green - blue) / (max - min);
                                
                                    } else if (max == green) {
                                        hue = 2 + (blue - red) / (max - min);
                                
                                    } else {
                                        hue = 4 + (red - green) / (max - min);
                                    }
                                
                                    hue = hue * 60;
                                    if (hue < 0) hue = hue + 360;
                                
                                    return Math.round(hue);
                                }
                                
                                function pos_to_color(x: number, y: number): RGB { 
                                    var r = 160/2;
                                    var x = Math.round((x - r) / r * 100) / 100;
                                    var y = Math.round((r - y) / r * 100) / 100;
                                    
                                    r = Math.sqrt(x*x + y*y);
                                    let sat = 0
                                    if (r > 1) {
                                        sat = 0;
                                    } else {
                                        sat = r;
                                    }
                                
                                    var hsv = rad2deg(Math.atan2(y, x));
                                    var rgb = hsv2rgb(hsv,sat,1);
                                
                                    return <RGB>{ red: Math.round(rgb[0]), green: Math.round(rgb[1]), blue: Math.round(rgb[2]) };
                                }
                                
                                type RGB = {
                                    red: number,
                                    green: number,
                                    blue: number
                                };
                                
                                type Payload = {
                                    payload: string;
                                };
                                
                                type Page = {
                                    type: string,
                                    heading: string,
                                    items: PageItem[],
                                    useColor: boolean
                                };
                                
                                interface PageEntities extends Page {
                                    type: "cardEntities",
                                    items: PageItem[],
                                };
                                
                                interface PageGrid extends Page {
                                    type: "cardGrid",
                                    items: PageItem[],
                                };
                                
                                interface PageThermo extends Page {
                                    type: "cardThermo",
                                    items: PageItem[],
                                };
                                
                                interface PageMedia extends Page {
                                    type: "cardMedia",
                                    items: PageItem[],
                                };
                                
                                interface PageAlarm extends Page {
                                    type: "cardAlarm",
                                    items: PageItem[],
                                };
                                
                                type PageItem = {
                                    id: string,
                                    icon: (string | undefined),
                                    onColor: (RGB | undefined),
                                    offColor: (RGB | undefined),
                                    useColor: (boolean | undefined),
                                    interpolateColor: (boolean | undefined),
                                    minValueBrightness: (number | undefined),
                                    maxValueBrightness: (number | undefined),
                                    minValueColorTemp: (number | undefined),
                                    maxValueColorTemp: (number | undefined),
                                    minValue: (number | undefined),
                                    maxValue: (number | undefined),
                                    name: (string | undefined),
                                    unit: (string | undefined)
                                }
                                
                                type DimMode = {
                                    dimmodeOn: (boolean | undefined),
                                    brightnessDay: (number | undefined),
                                    brightnessNight: (number | undefined),
                                    timeDay: (string | undefined),
                                    timeNight: (string | undefined)
                                }
                                
                                type Config = {
                                    panelRecvTopic: string,
                                    panelSendTopic: string,
                                    timeoutScreensaver: number,
                                    dimmode: number,
                                    //brightnessScreensaver:
                                    locale: string,
                                    timeFormat: string,
                                    dateFormat: string,
                                    weatherEntity: string | null,
                                    screenSaverDoubleClick: boolean,
                                    temperatureUnit: string,
                                    firstScreensaverEntity: ScreenSaverElement | null,
                                    secondScreensaverEntity: ScreenSaverElement | null,
                                    thirdScreensaverEntity: ScreenSaverElement | null,
                                    fourthScreensaverEntity: ScreenSaverElement | null,
                                    defaultColor: RGB,
                                    defaultOnColor: RGB,
                                    defaultOffColor: RGB,
                                    pages: (PageThermo | PageMedia | PageAlarm | PageEntities | PageGrid)[],
                                    button1Page: (PageThermo | PageMedia | PageAlarm | PageEntities | PageGrid | null),
                                    button2Page: (PageThermo | PageMedia | PageAlarm | PageEntities | PageGrid | null),
                                };
                                
                                type ScreenSaverElement = {
                                    ScreensaverEntity: string | null,
                                    ScreensaverEntityIcon: string | null,
                                    ScreensaverEntityText: string | null,
                                    ScreensaverEntityUnitText: string | null,
                                }
                                
                                1 Reply Last reply Reply Quote 0
                                • Armilar
                                  Armilar Most Active Forum Testing @asblass last edited by

                                  @asblass sagte in Sonoff NSPanel:

                                  @armilar
                                  Vielen Dank, probiere ich aus.

                                  Was mir aufgefallen ist, der Screensaver wird nicht mehr aktualisiert, wenn das NSPanel.ts geändert und/oder neu gestartet wird, ohne dass das NSPanel resetet wird. Erst wenn der Touchscreen berührt wird, wird es wieder aktualisiert.

                                  Das Skript kommt nicht mehr in die Aktualisierungsfunktion, da var screensaverEnabled : boolean = false; initialisiert wird und die Variable erst auf true gesetzt, wenn einen normale Displayseite angezeigt wurde. var screensaverEnabled : boolean = true; schafft hier Abhilfe.

                                  Guter Hinweis 👍

                                  A 1 Reply Last reply Reply Quote 1
                                  • A
                                    asblass @Armilar last edited by asblass

                                    @armilar
                                    So, Dein neuer Code läuft jetzt auf meinem ioBroker für ein Display 😄
                                    Ich habe auch var screensaverEnabled : boolean = true; gesetzt. Vielleicht war es das ja auch, da sonst jeder ioBroker Restart oder Änderungen am Skript den Screensaver eingefroren haben. Und da ich in den letzten Tagen viel am ioBroker geschraubt habe 😀

                                    Viele Grüße
                                    Andreas

                                    1 Reply Last reply Reply Quote 1
                                    • H
                                      holgerwolf @asblass last edited by

                                      @asblass Kann ich auch bestätigen. Das Panel stand übers WE hier nur rum und die Werte im Screensaver waren eingefroren (PV zum Bespiel). Einmal Seite gewechselt und läuft wieder.

                                      1 Reply Last reply Reply Quote 1
                                      • M
                                        Muchul last edited by

                                        Wenn ich das alles hier lese, warte ich glaube ich auf den Adapter 👍

                                        britzelpuf 1 Reply Last reply Reply Quote 1
                                        • britzelpuf
                                          britzelpuf @Muchul last edited by

                                          @muchul Ich auch 😛
                                          @holgerwolf @asblass das der Screensaver einfriert passiert immer, wenn das Skript/Iobroker neustartet dann kommt erstmal nix mehr, da erst das Event Screensaver kommen muss, dann wird alles dafür registriert und auf die Änderungen gelauscht.

                                          A 1 Reply Last reply Reply Quote 0
                                          • A
                                            asblass @britzelpuf last edited by asblass

                                            @Muchul
                                            Bei mir laufen die Version aus dem Git und die letzte von @Armilar jetzt seit 93 Stunden problemlos 😃

                                            @britzelpuf
                                            Das mit dem Screensaver nach einem Neustart ohne Interaktion ist mir dann auch aufgefallen, daher habe ich im Skript var screensaverEnabled : boolean = false; auf var screensaverEnabled : boolean = true; geändert. Damit wird auch nach einem Neustart der Screensaver getriggert und die Werte werden aktualisiert ohne die Notwendigkeit, erstmal auf jedes Display zu drücken 🙂

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            78
                                            1548
                                            391245
                                            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