Navigation

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

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

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

    Sonoff NSPanel

    This topic has been deleted. Only users with topic management privileges can see it.
    • Mikewolf
      Mikewolf @Great SUN last edited by

      @great-sun
      Display hatte ich auch dunkel ,dann 2 mal geflasht, template eingestellt auch 2x dann Neustart(2 x) dann gings bei mir erst , dann war panel wieder fast orig . , display firmware hatte ich von http://nxpanel.pitconsult.be/nspanel.tft lg mikewolf

      1 Reply Last reply Reply Quote 0
      • D
        Dexxter @Armilar last edited by

        @armilar said in Sonoff NSPanel:

        @dexxter sagte in Sonoff NSPanel:

        @armilar said in Sonoff NSPanel:

        @dexxter sagte in Sonoff NSPanel:

        Ich bin nämlich in der Teufel Raumfeld ecke unterwegs.

        Nee, ganz im Gegenteil - perfekter Tester - ich wünschte, es gäbe mehr wie dich 👍 . Genau die bringen die Ideen und runden das Produkt ab. Mit echten Use-Cases macht es ohnehin mehr Spaß.

        Gibt es dazu einen Adapter? Was hat der für Datenpunkte? Die Readme ist ja sehr bescheiden.

        Was gibt es noch für Möglichkeiten für den Mediaplayer?:

        • Ich hatte kurz vor dem Wechsel auf Alexa den Spotify-Premium-Adapter drin. Funktionierte ebenso gut (Sourcen weiter am Anfang). Hab mich dann dazu entschieden, den Alexa2-Adapter anzugraben, da der doch etwas flexibler ist. Das was der Spotify-Premium steuert, sieht der Alexa2-Adapter auch (und weitere wie TuneIn, Amazon-Music- und Spotify-Playlists, etc.).
        • Ich denke, das sich der Media-Alias ebenso mit Google steuern lässt - ich kann es nur nicht testen
        • Ebenso sollte der Media-Alias mit Kodi oder evtl. mit Raumfeld (siehe Datenpunkte) oder andern Marken laufen.
        • Folgende Datenpunkte (On/Off; Play; Stop; Previous; Next; Artist; Track; Playlist) können über den Media-Alias übergeben werden
        • Die Speaker-List kann auch deaktiviert werden

        Einen Adapter gibt es nicht aber Nodes für Node-Red.
        Mit denen arbeite ich.
        Grundsätzlich kann ich also mit jedem vorhandenen Alias auskommen und den für mich umbiegen.
        Müsste nur wissen welche Aliase alles benutzt werden, dann kann ich das testen.
        2022-04-25 20_59_19-Node-RED _ 192.168.178.14 – Opera.jpg

        Das sind die Datenpunkte in meinem Media-Alias (wurden so automatisch angelegt)
        b67e500c-882d-4deb-a70f-f087c36b35f3-image.png

        Einige werde aber gar nicht benötigt (Cover, Duration, Elapsed, Repeat, Shuffle). Der Rest kann in der cardMedia verwendet werden.

        Hallöle.....bin zurück von der Testfront.
        Ich hab jetzt die letzten 2 Tage versucht meine Teufel Raumfeld mit der Media Seite anzusteuern und ich muss sagen ich bin grandios gescheitert😂
        Als erstes hab ich versucht den Alias genau wie bei Dir anzulegen und die Datenpunkte einfach auf meine Raumfelds umzubiegen.
        Aber nix da.......ich denke mal es liegt daran das mir der Alexa Adapter fehlt und deswegen das Script nicht weiß welchen Speaker es jetzt ansprechen soll.
        Danach hab ich versucht direkt im Script die Punkte .SET, .Volume usw. direkt mit den Datenpunkten vom Raumfeld zu verknüpfen aber auch da tut sich einfach gar nichts.
        Bin grad etwas ratlos aber ich muss auch gestehen das ich die letzten 2 Tage nicht so richtig Zeit hatte zum testen, die Frau hatte da andere Pläne 😂
        Ich bleibe auf jeden Fall dran und werde über Fortschritte berichen.

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

          @dexxter sagte in Sonoff NSPanel:

          @armilar said in Sonoff NSPanel:

          @dexxter sagte in Sonoff NSPanel:

          @armilar said in Sonoff NSPanel:

          @dexxter sagte in Sonoff NSPanel:

          Ich bin nämlich in der Teufel Raumfeld ecke unterwegs.

          Nee, ganz im Gegenteil - perfekter Tester - ich wünschte, es gäbe mehr wie dich 👍 . Genau die bringen die Ideen und runden das Produkt ab. Mit echten Use-Cases macht es ohnehin mehr Spaß.

          Gibt es dazu einen Adapter? Was hat der für Datenpunkte? Die Readme ist ja sehr bescheiden.

          Was gibt es noch für Möglichkeiten für den Mediaplayer?:

          • Ich hatte kurz vor dem Wechsel auf Alexa den Spotify-Premium-Adapter drin. Funktionierte ebenso gut (Sourcen weiter am Anfang). Hab mich dann dazu entschieden, den Alexa2-Adapter anzugraben, da der doch etwas flexibler ist. Das was der Spotify-Premium steuert, sieht der Alexa2-Adapter auch (und weitere wie TuneIn, Amazon-Music- und Spotify-Playlists, etc.).
          • Ich denke, das sich der Media-Alias ebenso mit Google steuern lässt - ich kann es nur nicht testen
          • Ebenso sollte der Media-Alias mit Kodi oder evtl. mit Raumfeld (siehe Datenpunkte) oder andern Marken laufen.
          • Folgende Datenpunkte (On/Off; Play; Stop; Previous; Next; Artist; Track; Playlist) können über den Media-Alias übergeben werden
          • Die Speaker-List kann auch deaktiviert werden

          Einen Adapter gibt es nicht aber Nodes für Node-Red.
          Mit denen arbeite ich.
          Grundsätzlich kann ich also mit jedem vorhandenen Alias auskommen und den für mich umbiegen.
          Müsste nur wissen welche Aliase alles benutzt werden, dann kann ich das testen.
          2022-04-25 20_59_19-Node-RED _ 192.168.178.14 – Opera.jpg

          Das sind die Datenpunkte in meinem Media-Alias (wurden so automatisch angelegt)
          b67e500c-882d-4deb-a70f-f087c36b35f3-image.png

          Einige werde aber gar nicht benötigt (Cover, Duration, Elapsed, Repeat, Shuffle). Der Rest kann in der cardMedia verwendet werden.

          Hallöle.....bin zurück von der Testfront.
          Ich hab jetzt die letzten 2 Tage versucht meine Teufel Raumfeld mit der Media Seite anzusteuern und ich muss sagen ich bin grandios gescheitert😂
          Als erstes hab ich versucht den Alias genau wie bei Dir anzulegen und die Datenpunkte einfach auf meine Raumfelds umzubiegen.
          Aber nix da.......ich denke mal es liegt daran das mir der Alexa Adapter fehlt und deswegen das Script nicht weiß welchen Speaker es jetzt ansprechen soll.
          Danach hab ich versucht direkt im Script die Punkte .SET, .Volume usw. direkt mit den Datenpunkten vom Raumfeld zu verknüpfen aber auch da tut sich einfach gar nichts.
          Bin grad etwas ratlos aber ich muss auch gestehen das ich die letzten 2 Tage nicht so richtig Zeit hatte zum testen, die Frau hatte da andere Pläne 😂
          Ich bleibe auf jeden Fall dran und werde über Fortschritte berichen.

          Auch beim Media müssen die Aliase irgendwie angeschubst werden. Das Skript bedient nur noch die Aliase und somit sind die Speaker egal. Wenn keine Alexas da sind, dann füllt der die auch nicht. Alle Buttons werden nur mit true/false oder bei der Lautstärke numerisch an den Alias weitergeleitet. Der Rest ist nur Visualisierung. Weiterhin viel erfolg 👍

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

            @jobr99

            Moin,

            ich habe mal mit dem type = "number" rumgespielt.

            5b5ce3d8-f77b-4f6b-a8ce-b2387e52c8e2-image.png
            Aufgefallen ist mir, dass der Wert und Sliderposition nicht übereinstimmen.

            177968aa-e28e-4578-81b1-7367e349146a-image.png
            Wenn ich den Slider benutze, kommen als Werte nur 0
            8a450df0-14ec-47b2-b39a-8a122305afb9-image.png

            Ist das ein Bug oder mache ich irgendetwas falsch oder ist der noch nicht fertig? 😀

            P.S.: TFT-Fw. 32, eu / 2.7.3

            VG
            Armilar

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

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

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

                @jobr99 sagte in Sonoff NSPanel:

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

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

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

                  @armilar

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

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

                  currentValue|min|max

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

                    @jobr99 sagte in Sonoff NSPanel:

                    |0|100

                    Danke, passt

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

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

                      Wirklich eine coole Sache, was Ihr hier geschaffen habt 👍

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

                      Viele Grüße
                      Andreas

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

                        @asblass sagte in Sonoff NSPanel:

                        Wirklich eine coole Sache, was Ihr hier geschaffen habt 👍

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

                        Viele Grüße
                        Andreas

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

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

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

                          Mit freundlichen Grüßen
                          mikewolf

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

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

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

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

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

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

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

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

                                Viele Grüße
                                Andreas

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

                                  @asblass sagte in Sonoff NSPanel:

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

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

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

                                  Viele Grüße
                                  Andreas

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

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

                                  Damit kannst du dann auch:

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

                                  Die neueste ist:

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

                                    @armilar
                                    Vielen Dank, probiere ich aus.

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

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

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

                                      @asblass

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

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

                                        @asblass

                                        Code Teil 2

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

                                          @asblass sagte in Sonoff NSPanel:

                                          @armilar
                                          Vielen Dank, probiere ich aus.

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

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

                                          Guter Hinweis 👍

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

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

                                            Viele Grüße
                                            Andreas

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            920
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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