Navigation

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

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Sonoff NSPanel

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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
                                • Armilar
                                  Armilar Most Active Forum Testing @asblass last edited by

                                  @asblass sagte in Sonoff NSPanel:

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

                                  Habe noch viele "nicht veröffentlichte" Funktions-Erweiterungen in der DEV-Version:

                                  • Sub-Pages (hiddenCards)
                                  • Panel-Infos / Einstellungen (Frontent + Backend)
                                  • Angebundene cardAlarm
                                  • inkludierte popupNotify Page
                                  • Updates aus dem Panel (manuell/automatisch für Tasmota-Firmware/Berry-Driver/TFT-Firmware
                                  • u.v.a

                                  Kommt also demnächst noch etwas für @britzelpuf zum Adapter-Code-Shreddern 😊

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

                                    @armilar

                                    Hier nochmal ein paar Impressionen:
                                    5171b38f-4a92-4e89-a866-ddf891d00cc7-image.png
                                    0ec8094d-b453-474f-ac30-b9154a9bd66c-image.png
                                    10bd50a2-7c21-4ba7-9261-e94990fda193-image.png
                                    f805e0a1-278a-4f95-a31b-4698e7fc8a6c-image.png
                                    2ba015f1-f800-46f5-9201-4b746e8ee0bd-image.png
                                    3a12a6cb-0659-4c4f-aa24-4ce4988a38a1-image.png
                                    c7c3bcdd-648b-4550-8ae9-be8c3824eb6a-image.png
                                    c47b627b-e76e-4039-8008-0b788153116a-image.png
                                    ed1b73ff-7faf-49f4-85a5-cafc5462a491-image.png
                                    948dca60-32c2-4554-94b4-9e8cae207ab2-image.png
                                    b59a4392-4842-4e34-8234-3dd7cbdabdec-image.png
                                    dd09fb6f-bd4f-4478-8596-09dfa6006e40-image.png
                                    b45210a5-4d10-4d6a-a296-d5baf6cbe45b-image.png
                                    b0b8e20e-47e5-48a5-90a6-457705aca3b8-image.png
                                    934828bf-e329-4429-a7f2-dfd0f4b853fb-image.png
                                    ed341f43-dff7-4e6d-988a-5f71e2bd44bb-image.png
                                    7b7d8a8b-8571-4f65-bab3-020ad2dd2745-image.png

                                    Und das ist noch nicht alles 😉

                                    H Great SUN 2 Replies Last reply Reply Quote 2
                                    • H
                                      holgerwolf @Armilar last edited by

                                      @armilar Sehr schön 🙂

                                      1 Reply Last reply Reply Quote 1
                                      • J
                                        joBr99 last edited by

                                        @Armilar fyi, wenn du noch nen esp32 nodemcu development board rumliegen hast kannst du das auch am pc testen / screenshots machen

                                        a200 Armilar 2 Replies Last reply Reply Quote 0
                                        • a200
                                          a200 @joBr99 last edited by

                                          Moin - Habe das Panel eingebunden. Leider vermisse ich den cmnd/NSPSend Topic. Nur POWER ist da.

                                          dc7d5944-7e50-4836-86df-3bcce4d21a75-grafik.png

                                          Was mache ich falsch bzw. was habe ich übersehen?

                                          Danke, a200.

                                          Mikewolf Armilar 2 Replies Last reply Reply Quote 0
                                          • Mikewolf
                                            Mikewolf @a200 last edited by

                                            @a200
                                            Den musst Du selbst anlegen siehe Anleitung !
                                            mit zb Mqtt explorer oder Du gibst in der TasmotaKonsole den befehl ein
                                            und nicht NSPSend sondern CustomSend !

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            866
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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