Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    15
    1
    628

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    628

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.9k

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.9k Beiträge 277 Kommentatoren 6.9m Aufrufe 262 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • ArmilarA Armilar

    @timredlich

    meinst du das?

    https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#14--switchmode

    T Offline
    T Offline
    timredlich
    schrieb am zuletzt editiert von
    #7873

    @Armilar

    Genau das war es was ich gesucht hatte. Vielen lieben Dank.

    Ein riesigen Dank auch an @tt-tom das ihr so viel gedult mit mir hattet. Im nachhinein weis ich jetzt das ich gar nicht so viel falsch gemacht hatte. Es lag devinitiv ein Defekt am Gerät vor. Jetzt ist alles wieder so wie es sein soll. Danke, Danke, Danke

    1 Antwort Letzte Antwort
    2
    • S Offline
      S Offline
      Snooze83
      schrieb am zuletzt editiert von
      #7874

      Hallo Zusammen. Habe jetzt schon einige Zeit gesucht, komme aber nicht auf die Lösung meines Problems. Evtl habt ihr ja ne Antwort für mich. Der Alias Type ist als Volume gewählt. Ich kann die Lautstärke auch über das normale Menü steuern, aber leider nur sehr ungenau. Wenn ich dann in das Untermenü gehe kommt ja der große Slider. Leider reagiert die Lautstäke dann nicht. Gibts da ne extra Konfiguration, oder ist das ein Bug?
      Danke schonmal für die Antworten :-).
      7b6c1e49-847e-4241-866b-badc195a66d9-Volume.jpg

      T 1 Antwort Letzte Antwort
      0
      • S Snooze83

        Hallo Zusammen. Habe jetzt schon einige Zeit gesucht, komme aber nicht auf die Lösung meines Problems. Evtl habt ihr ja ne Antwort für mich. Der Alias Type ist als Volume gewählt. Ich kann die Lautstärke auch über das normale Menü steuern, aber leider nur sehr ungenau. Wenn ich dann in das Untermenü gehe kommt ja der große Slider. Leider reagiert die Lautstäke dann nicht. Gibts da ne extra Konfiguration, oder ist das ein Bug?
        Danke schonmal für die Antworten :-).
        7b6c1e49-847e-4241-866b-badc195a66d9-Volume.jpg

        T Offline
        T Offline
        TT-Tom
        schrieb am zuletzt editiert von
        #7875

        @Snooze83
        ganz wichtig bei Probleme sind die Versionen die eingesetzt werden.
        TFT-Version
        Berry
        Tasmota
        Script

        dann können wir Die Probleme aus ggf. nachvollziehen

        Gruß Tom
        https://github.com/tt-tom17
        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

        NSPanel Script Wiki
        https://github.com/joBr99/nspanel-lovelace-ui/wiki

        NSPanel Adapter Wiki
        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

        1 Antwort Letzte Antwort
        0
        • S Offline
          S Offline
          Snooze83
          schrieb am zuletzt editiert von
          #7876

          Sorry, da habe ich nicht dran gedacht:

          TFT-Version: 59 / v5.0.2
          Berry: Driver 10
          Tasmota: 15.2.0
          Script: v5.0.2.1

          Im Script sieht das so aus:
          let NSPanelkueche: PageType =
          {
          'type': 'cardEntities',
          'heading': 'Smart-Zone Küche 1',
          'useColor': true,
          'items': [
          <PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Yamaha_ON/OFF', name: 'Radio On/Off', icon: "power", icon2: "power", interpolateColor: true},
          <PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Kueche', name: 'Volume', minValue: 0, maxValue: 40 },
          <PageItem>{ id: 'alias.0.NSPanel.1.Lichtleiste.Stoßlüften', name: 'Stoßlüften aktivieren', interpolateColor: true},
          <PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Media', name: 'Volume', maxValue: 40 },
          ]
          };

          Den letzten Eintrag bitte ignorieren, war nur der Versuch "Dimmer" als Volumeregler zu nutzen, werde da aber auch nicht glücklich.

          T 1 Antwort Letzte Antwort
          0
          • S Snooze83

            Sorry, da habe ich nicht dran gedacht:

            TFT-Version: 59 / v5.0.2
            Berry: Driver 10
            Tasmota: 15.2.0
            Script: v5.0.2.1

            Im Script sieht das so aus:
            let NSPanelkueche: PageType =
            {
            'type': 'cardEntities',
            'heading': 'Smart-Zone Küche 1',
            'useColor': true,
            'items': [
            <PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Yamaha_ON/OFF', name: 'Radio On/Off', icon: "power", icon2: "power", interpolateColor: true},
            <PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Kueche', name: 'Volume', minValue: 0, maxValue: 40 },
            <PageItem>{ id: 'alias.0.NSPanel.1.Lichtleiste.Stoßlüften', name: 'Stoßlüften aktivieren', interpolateColor: true},
            <PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Media', name: 'Volume', maxValue: 40 },
            ]
            };

            Den letzten Eintrag bitte ignorieren, war nur der Versuch "Dimmer" als Volumeregler zu nutzen, werde da aber auch nicht glücklich.

            T Offline
            T Offline
            TT-Tom
            schrieb am zuletzt editiert von TT-Tom
            #7877

            @Snooze83
            Alles klar, haben einen Bug gefunden, der durch die neue TFT Version entstanden ist. Wir sind dran.

            Gruß Tom
            https://github.com/tt-tom17
            Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

            NSPanel Script Wiki
            https://github.com/joBr99/nspanel-lovelace-ui/wiki

            NSPanel Adapter Wiki
            https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

            1 Antwort Letzte Antwort
            0
            • S Offline
              S Offline
              Snooze83
              schrieb am zuletzt editiert von
              #7878

              @tt-tom
              super, vielen Dank für die Rückmeldung, und danke das ihr euch dem annehmt.

              1 Antwort Letzte Antwort
              1
              • ArmilarA Offline
                ArmilarA Offline
                Armilar
                Most Active Forum Testing
                schrieb am zuletzt editiert von Armilar
                #7879

                @snooze83

                Mit dem unteren else-Zweig sollte es bereits funktionieren:

                https://github.com/joBr99/nspanel-lovelace-ui/commit/1e2f89ed1d339a53ea4e673f8fa7c5caf77f765d

                In der us-p TFT war bei Nutzung der Background Color "Black" auch noch ein Bug. Da gibt es jetzt eine v5.1.2 (us-p)

                Aktuelle DEV-Version
                https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/DEV/NSPanelTs.ts

                @tt-tom fügt aber nachher auch noch kleine Änderungen hinzu... Daher gerne noch etwas warten...

                Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                T 1 Antwort Letzte Antwort
                1
                • ArmilarA Armilar

                  @snooze83

                  Mit dem unteren else-Zweig sollte es bereits funktionieren:

                  https://github.com/joBr99/nspanel-lovelace-ui/commit/1e2f89ed1d339a53ea4e673f8fa7c5caf77f765d

                  In der us-p TFT war bei Nutzung der Background Color "Black" auch noch ein Bug. Da gibt es jetzt eine v5.1.2 (us-p)

                  Aktuelle DEV-Version
                  https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/DEV/NSPanelTs.ts

                  @tt-tom fügt aber nachher auch noch kleine Änderungen hinzu... Daher gerne noch etwas warten...

                  T Offline
                  T Offline
                  TT-Tom
                  schrieb am zuletzt editiert von
                  #7880

                  @Armilar @snooze83
                  So, wir haben in der DEV-Version für die Rolle Slider und Volume den Bug gefixt.
                  Bitte testen, wie immer braucht ihr nur den unteren Teil (Code) austauschen.

                  Gruß Tom
                  https://github.com/tt-tom17
                  Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                  NSPanel Script Wiki
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  NSPanel Adapter Wiki
                  https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                  1 Antwort Letzte Antwort
                  2
                  • S Offline
                    S Offline
                    Snooze83
                    schrieb am zuletzt editiert von
                    #7881

                    Der Test war positiv, vielen Dank für die schnelle Hilfe 👍.

                    1 Antwort Letzte Antwort
                    2
                    • W Offline
                      W Offline
                      Wuschl
                      schrieb am zuletzt editiert von
                      #7882

                      Ein gutes neues Jahr euch allen.
                      Ich stehe gerade auf dem Schlauch, vielleicht könnt ihr mir wie immer weiterhelfen.
                      9e49db6a-ed49-4344-af4d-e02da7023eb4-image.png
                      Ich versuche gerade diese Seite so um zu ändern daß ich mit PRESS die Garage auch öffnen kann, bis jetzt wurde nur die Stellung angezeigt.
                      Öffnen und schließen funktioniert auch mit PRESS, aber das icon bleibt unverändert. Wie muss ich den alias Datenpunkt verändern daß das Icon rot wird bei der Stellung offen?
                      Ein Shelly öffnet und schließt das Tor, ein weiterer UNI gibt die Stellung aus.
                      Wenn ich einen Alias mit Taste erstelle, dann funktioniert Öffnen und schließen, aber die Stellung wird nicht geändert,
                      Wenn ich einen Alias mit TOR erstelle, wird die Stellung geändert, aber ich bekomme kein PRESS.

                      ArmilarA 1 Antwort Letzte Antwort
                      0
                      • W Wuschl

                        Ein gutes neues Jahr euch allen.
                        Ich stehe gerade auf dem Schlauch, vielleicht könnt ihr mir wie immer weiterhelfen.
                        9e49db6a-ed49-4344-af4d-e02da7023eb4-image.png
                        Ich versuche gerade diese Seite so um zu ändern daß ich mit PRESS die Garage auch öffnen kann, bis jetzt wurde nur die Stellung angezeigt.
                        Öffnen und schließen funktioniert auch mit PRESS, aber das icon bleibt unverändert. Wie muss ich den alias Datenpunkt verändern daß das Icon rot wird bei der Stellung offen?
                        Ein Shelly öffnet und schließt das Tor, ein weiterer UNI gibt die Stellung aus.
                        Wenn ich einen Alias mit Taste erstelle, dann funktioniert Öffnen und schließen, aber die Stellung wird nicht geändert,
                        Wenn ich einen Alias mit TOR erstelle, wird die Stellung geändert, aber ich bekomme kein PRESS.

                        ArmilarA Offline
                        ArmilarA Offline
                        Armilar
                        Most Active Forum Testing
                        schrieb am zuletzt editiert von
                        #7883

                        @Wuschl

                        Frohes neues Jahr.

                        Es handelt sich hierbei um einen Push-Button, der nur eine einzige Aktion durchführen kann. Daher gibt es auch nicht mehrere Zustände (nur true) für den Garagentor "PRESS".

                        Ein optionaler Zustand für einen weiteren Sensor ist nicht vorgesehen...

                        Du könntest allerdings in der gleichen cardEntities z.B. die Garage von der Farbe neutral (z.B. weiß) machen und über einen optionalen Info Alias darunter dann den Open/Close-Sensor den Zustand visualisieren

                        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        W 1 Antwort Letzte Antwort
                        0
                        • Marko1974M Offline
                          Marko1974M Offline
                          Marko1974
                          schrieb am zuletzt editiert von Marko1974
                          #7884

                          Guten Abend und frohes neues. Habe heute nach langer langer Zeit die Firmware des Sonoff NSPanel aktualisiert und auch das script auf die neuste Version angepasst. Bekomme beim Booten die Fehlermeldung:

                          javascript.0	20:53:20.859	info	
                          
                          source code did not change, using cached compilation result...
                          
                          javascript.0	20:53:20.968	info	
                          
                          --- start of NsPanelTs: 0_userdata.0.NSPanel.1. ---
                          
                          javascript.0	20:53:20.969	error	
                          
                          Config-Parameter: << config.panelRecvTopic - mqtt.0.SmartHometele.Sonoff_NSpanel.RESULT >> does not refer to the prefix .tele. Please Check Parameters!
                          
                          javascript.0	20:53:20.986	info	
                          
                          setObjects enabled - create Alias Channels possible
                          
                          javascript.0	20:53:20.987	info	
                          
                          weather alias for pirate-weather.0. already exists
                          
                          javascript.0	20:53:20.994	info	
                          
                          registered 41 subscriptions, 0 schedules, 0 messages, 0 logs and 0 file subscriptions
                          
                          javascript.0	20:53:20.998	info	
                          
                          No Updates for NSPanel available
                          
                          javascript.0	20:53:21.081	info	
                          
                          Desired TFT Firmware: 59 / v5.0.2
                          
                          javascript.0	20:53:21.081	info	
                          
                          Installed TFT Firmware: 59 / v5.0.2
                          
                          javascript.0	20:53:21.161	info	
                          
                          Debug mode disabled
                          
                          javascript.0	20:53:21.802	info	
                          
                          hidden Cards disabled
                          
                          javascript.0	20:53:23.201	info	
                          
                          Start MQTT-Port-Check -------------------------------------
                          
                          javascript.0	20:53:23.201	info	
                          
                          -- admin.0                   - 8081
                          
                          javascript.0	20:53:23.201	info	
                          
                          -- cul.0                     - 23
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- deconz.0                  - 8978
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- geofency.0                - 7999
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- hue.0                     - 443
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- mihome.0                  - 9898
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- mqtt.0                    - 1889
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- node-red.0                - 1881
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- shelly.0                  - 1882
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- shelly.1                  - 1883
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- telegram.0                - 8443
                          
                          javascript.0	20:53:23.202	info	
                          
                          -- web.0                     - 8082
                          
                          javascript.0	20:53:23.202	info	
                          
                          - MQTT-Port-Check OK: Instance of Adapter: mqtt.0 is running on Port:1889
                          
                          javascript.0	20:53:23.202	info	
                          
                          End MQTT-Port-Check ---------------------------------------
                          

                          Habe nichts an der Objektstruktur geändert.
                          Habe ich vielleicht einen Fehler im Script?

                          /*-----------------------------------------------------------------------
                          TypeScript v5.0.2.1 zur Steuerung des SONOFF NSPanel mit dem ioBroker by @Armilar / @TT-Tom / @ticaki / @Britzelpuf / @Sternmiere / @ravenS0ne
                          - abgestimmt auf TFT 59 / v5.0.2 / BerryDriver 10 / Tasmota 15.0.1
                          
                          Projekt:
                          https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker
                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/tree/main
                          
                          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)
                          ioBroker-Unterstützung: https://forum.iobroker.net/topic/58170/sonoff-nspanel-mit-lovelace-ui
                          @Kuckuckmann: WIKI zu diesem Projekt unter: https://github.com/joBr99/nspanel-lovelace-ui/wiki (siehe Sidebar)
                          
                          ***************************************************************************************************************
                          Achtung: Keine Beispiele mehr im Script. Die Beispiele sind jetzt unter nachfolgendem Link zu finden:
                          -  https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-%E2%80%90-Typen_How-2_Beispiele
                          ***************************************************************************************************************
                          
                          Icons unter: https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html
                          
                          ************************************************************************************************
                          Achtung Tasmota 15.1.0 lässt kein FlashNextion zu --> stattdessen v15.0.1 verwenden
                          ************************************************************************************************
                          Achtung Änderung des Sonoff ESP-Temperatursensors
                          !!! Bitte "SetOption146 1" in der Tasmota-Console ausführen !!!
                          ************************************************************************************************
                          Ab Tasmota > 13.0.0 ist für ein Upgrade ggfs. eine Umpartitionierung erforderlich
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#3-tasmota-update-probleme
                          *****************************************************************************************************************************
                          Ab Script Version 4.3.2.1 muss in der JavaScript Instanz die npm Module 'moment' und 'moment-parseformat' eingetragen sein
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#8--einstellungen-in-js-adapter-instanz
                          *****************************************************************************************************************************
                          
                          ReleaseNotes:
                              Bugfixes und Erweiterungen:
                              See ChangeLog all Release Notes: https://github.com/joBr99/nspanel-lovelace-ui/wiki/Release-Notes
                          
                                  - 21.01.2025 - v4.5.0    TFT 54 / 4.5.0
                                  - 23.01.2025 - v4.5.0.1  Change TFT URLs
                                  - 23.01.2025 - v4.5.0.2  fix handleScreensaverUpdate => leftscreensaverEntity; fix Type leftscreensaverentitiy
                                  - 23.01.2025 - v4.5.0.2  icon3 functionality also for thermometers and a function based on this in the screensaver
                                  - 29.01.2025 - v4.5.0.3  Add: bottemEntityText from ID
                                  - 30.01.2025 - v4.5.0.4  fix DetermineDimBrightness (function returns undefined, because wrong DP check)
                                  - 03.02.2025 - v4.5.0.5  Bugfix InitDimmode by Gargano
                                  - 14.03.2025 - v4.5.2    Fix Bugs in HUE-Light, Fix Icon-Colors with interpolateColors (Color, ColorTemp, Brightness), Fix ON instead of ON_ACTUAL for writing DP
                                  - 15.03.2025 - v4.5.2.1  Add Functions to Calculate Colors of HUE Icons (Darken and CT (Kelvin/Mired))
                                  - 15.03.2025 - v4.5.2.1  Remove New Sliders (popupLightNew), Fix TFT-Pictures in TFT --> with v4.6.0 / TFT 55
                                  - 16.03.2025 - v4.6.0    Fix Bugs in Channels Light and RGBsingle-Light, Fix Icon-Colors with interpolateColors (Color, ColorTemp, Brightness), Fix ON instead of ON_ACTUAL for writing DP
                                  - 16.03.2025 - v4.6.0.1  Add Functions to Calculate Colors of RGBsingle Icons (Darken and CT (Kelvin/Mired))
                                  - 16.03.2025 - v4.6.0.1  Fix Light-Icons if Color-Temperature uses Mired instead of Kelvin (500 Mired - 153 Mired = 2000 K - 6536 K)
                                  - 16.03.2025 - v4.6.0.1  Add icon2 to Lights
                                  - 17.03.2025 - v4.6.0.1  Add CIE Channel to Lights
                                  - 17.03.2025 - v4.6.0.1  Add Functions to Calculate Colors of RGB and CT Icons (Darken and CT (Kelvin/Mired))
                                  - 18.03.2025 - v4.6.0.1  Add hidden Entity2 (Password/Switch) to cardQR (PageItem-Parameter "hideEntity2" true/false)
                                  - 01.04.2025 - v4.6.1    TFT 55 / 4.6.1 - Add Some Adapter Functions
                                  - 01.04.2025 - v4.6.2    TFT 55 / 4.6.2 - Add cardSchedule
                                  - 01.04.2025 - v4.6.2.1  Add startup TFT-Release directly from NSPanel-TFT, Comparison between version number and release removed
                                  - 02.04.2025 - v4.7.0    TFT 56 / 4.7.0 - Fix cardSchedule
                                  - 10.04.2025 - v4.7.0.2  Add cardMedia "Music Player Daemon (MPD)" (One-Instance-Player with Playlists, Tracklists, Shuffle, Repeat, Seek/Crossfade); mpd.X - Instance required
                                  - 10.04.2025 - v4.7.0.3  Fix cardMedia "Music Player Daemon (MPD)" shuffle with repeat and repeat with repeat/single
                                  - 10.04.2025 - v4.7.1    TFT 56 / 4.7.1 - Add Player Icon-Logos logo-alexa, logo-spotify, logo-dlna, logo-sonos, logo-mpd, logo-volumios, logo-bose
                                  - 10.04.2025 - v4.7.1.1  Add parameter playerMediaIcon to cardMedia
                                  - 12.04.2025 - v4.7.1.2  Fix Play/Pause in MediaPlayers
                                  - 13.04.2025 - v4.7.1.2  TFT 56 / 4.7.1 (US-P and US-L)
                                  - 14.04.2025 - v4.7.1.3  MrIcons also allow other mqtt states
                                  - 24.04.2025 - v4.7.2.1  Add popupSlider to cardMedia (alexa)
                                  - 12.06.2025 - v4.7.2.2  States only respond to any if ack = false
                                  - 20.06.2025 - v4.7.2.3  IconSelect left- and indicatorScreensaverEntity added
                                  - 21.06.2025 - v4.7.2.4  Fix Demomodus Powerpage
                                  - 22.06.2025 - v4.7.3    TFT 56 / 4.7.3 - Change Direction Pictures ColorTemperature (warmwhite left/coldwhite right)
                                  - 23.06.2025 - v4.7.4    TFT 56 / 4.7.4 - Refactoring popupShutter (shutter/shutter2)
                                  - 24.06.2025 - v4.7.4.1  Refactoring popupShutter (split into shutter/shutter2)
                                  - 25.06.2025 - v4.7.5    TFT 56 / 4.7.5 - Refactoring popupLight2 (light/light2) --> EU + US-P
                                  - 25.06.2025 - v4.7.5.1  Add popupLight2 (split into light/light2)
                                  - 26.06.2025 - v4.7.5    TFT 56 / 4.7.5 - Refactoring popupLight2 (light/light2) --> US-L
                                  - 30.06.2025 - v4.8.0    TFT 57 / 4.8.0 - Stable - Fix popupShutter2 (eu/us-l/us-p)
                                  - 30.06.2025 - v4.9.0    TFT 58 / 4.9.0 - Beta - Adapter & Script (eu/us-l/us-p)
                                  - 30.06.2025 - v4.9.0.1  Small Fixes
                                  - 24.07.2025 - v4.9.1    Adapter Changes
                                  - 24.07.2025 - v4.9.2.1  Add icon2 Parameter to Info Alias Channels
                                  - 25.07.2025 - v4.9.2.2  Add OpenWeatherMap (AccuWeather deprecated)
                                  - 28.07.2025 - v4.9.2.3  Quick-Fix Errors with TypeScript in JS > 9.X (by ticaki)
                                  - 30.07.2025 - v4.9.3    TFT 58 / 4.9.3
                                  - 30.07.2025 - v4.9.3.1  popupShutter2 Changes (new Parameter shutterZeroIsClosed changing Direction of %-Value in HMI (0 <--> 100))
                                  - 05.08.2025 - v4.9.4    TFT 58 / 4.9.4 - Communication with 921600 bps with Berry Driver 10 / Slider Fix in card Entities
                                  - 05.08.2025 - v4.9.4.1  Fix Sliders (volume/slider) in createEntity
                                  - 05.08.2025 - v4.9.4.1  Add USERICONS and colorScale to Alias-Channel Slider
                                  - 05.08.2025 - v4.9.4.2  Prevent version search to the old directory path (Berry-Driver) + New Berry Update Path (RAW)
                                  - 08.08.2025 - v4.9.4.3  Add Beta Logic for cardThermo2 (future)
                                  - 10.08.2025 - v4.9.4.3  Add Pirate-Weather Adapter
                                  - 11.08.2025 - v4.9.5    TFT 58 / 4.9.5 - Add cardThermo2 (eu)
                                  - 21.08.2025 - v4.9.5.2  Add Bright Sky Weather Adapter
                                  - 05.09.2025 - v5.0.0    TFT 59 / 5.0.0 - EU Changes in cardMedia, popupInSel, card Grid 1, 2, 3
                                  - 08.09.2025 - v5.0.0    TFT 59 / 5.0.0 - US-L/US-P Changes in cardMedia, popupInSel, card Grid 1, 2, 3
                                  - 19.09.2025 - v5.0.0.2  Remove Startup Scheedule at 3:30am / Small fix
                                  - 19.10.2025 - v5.0.2.1  TFT 59 / 5.0.2 - EU/US-L/US-P - Fix cardAlarm Icon; Fix Notification in Advanced Screensaver; Fix Dimensions in cardChart/cardLChart
                          
                          
                          ***************************************************************************************************************
                          * DE: Für die Erstellung der Aliase durch das Skript, muss in der JavaScript Instanz "setObject" gesetzt sein! *
                          * EN: In order for the script to create the aliases, “setObject” must be set in the JavaScript instance!       *
                          ***************************************************************************************************************
                          
                          Wenn Rule definiert, dann können die Hardware-Tasten ebenfalls für Seitensteuerung (dann nicht mehr als Relais) genutzt werden
                          
                          Tasmota Konsole:
                              Rule2 on Button1#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,button1"} endon on Button2#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,button2"} endon
                              Rule2 1 (Rule aktivieren)
                              Rule2 0 (Rule deaktivieren)
                          
                          Mögliche Seiten-Ansichten:
                              screensaver Page    - wird nach definiertem Zeitraum (config) mit Dimm-Modus aktiv (Uhrzeit, Datum, Aktuelle Temperatur mit Symbol)
                                                    (die 4 kleineren Icons können als Wetter-Vorschau + 4Tage (Symbol + Höchsttemperatur) oder zur Anzeige definierter Infos konfiguriert werden)
                                                  - weitere Screensaver wie Advanced, Easyview und Alternativ
                              cardEntities Page   - 4 vertikale angeordnete Steuerelemente - auch als Subpage
                                                    5 vertikale angeordnete Steuerelemente - auch als Subpage beim US-Modell im Portrait-Modus
                              cardSchedule Page   - 6 vertikale angeordnete Text-Steuerelemente - auch als Subpage
                              cardGrid Page       - 6 horizontal angeordnete Steuerelemente in 2 Reihen a 3 Steuerelemente - auch als Subpage
                              cardGrid2 Page      - 8 horizontal angeordnete Steuerelemente in 2 Reihen a 4 Steuerelemente - auch als Subpage
                                                    9 horizontal angeordnete Steuerelemente in 3 Reihen a 3 Steuerelemente - auch als Subpage - beim US-Modell im Portrait-Modus
                              cardGrid3 Page      - 4 horizontal angeordnete Steuerelemente in 2 Reihen a 2 Steuerelemente - auch als Subpage
                              cardThermo Page     - Thermostat mit Solltemperatur, Isttemperatur, Mode - Weitere Eigenschaften können im Alias definiert werden
                              cardThermo2 Page    - weiterer Thermostat (Circular Slider) mit Solltemperatur, Isttemperatur, Mode - Weitere Eigenschaften können im Alias definiert werden
                              cardMedia Page      - Mediaplayer - Ausnahme: Alias sollte mit Alias-Manager automatisch über Alexa-Verzeichnis Player angelegt werden
                              cardAlarm Page      - Alarmseite mit Zustand und Tastenfeld
                              cardPower Page      - Energiefluss
                              cardChart Page      - Balken-Diagramme aus History, SQL oder InfluxDB
                              cardLChart Page     - Linien-Diagramme aus History, SQL oder InfluxDB
                              cardQR Page         - QR Code für Bereitstellung Gäste-WLAN
                          
                              Vollständige Liste zur Einrichtung unter:
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)
                          
                          Popup-Pages:
                              popupLight         - in Abhängigkeit zum gewählten Alias werden "Helligkeit", "Farbtemperatur" und "Farbauswahl" bereitgestellt
                          	popupLight2        - (größere Elemente) in Abhängigkeit zum gewählten Alias werden "Helligkeit", "Farbtemperatur" und "Farbauswahl" bereitgestellt
                              popupShutter       - die Shutter-Position (Rollo, Jalousie, Markise, Leinwand, etc.) kann über einen Slider verändert werden.
                          	popupShutter2      - die Shutter-Position (Rollo, Jalousie, Markise, Leinwand, etc.) kann über einen Slider verändert werden.
                              popupNotify        - Info - Seite mit Headline Text und Buttons - Intern für manuelle Updates / Extern zur Befüllung von Datenpunkten unter 0_userdata
                              screensaver Notify - Über zwei externe Datenpunkte in 0_userdata können "Headline" und "Text" an den Screensaver zur Info gesendet werden
                              popupInSel         - Auswahlliste (InputSelect)
                              popupSlider        - 3 vertikal ausgerichtete Slider. Abweichender 0 Punkt möglich
                          	popupFan           - Ventilatorsteuerung
                              popupTimer         - Stopuhr, Countdown, Wecker oder Zeitschaltuhr
                          
                          Mögliche Aliase: (Vorzugsweise mit ioBroker-Adapter "Geräte verwalten" konfigurieren, da SET, GET, ACTUAL, etc. verwendet werden)
                              Info                - Werte aus Datenpunkt
                              Schieberegler       - Slider numerische Werte (SET/ACTUAL)
                              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
                              CIE-Licht           - Zum Schalten von Color-Leuchtmitteln über CIE-Wert [x,y] - Array, Brightness, Farbtemperatur, An/Aus
                              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
                              Tor                 - Sensor open
                              Bewegung            - Sensor Presence
                              Verschluss          - Türschloss SET/ACTUAL/OPEN
                              Taste               - Für Szenen oder Radiosender, etc. --> Nur Funktionsaufruf - Kein Taster wie MonoButton - True/False
                              Tastensensor        - Für Auswahlmenü (popupInSel)
                              Thermostat          - Aktuelle Raumtemperatur, Setpoint, etc.
                              Temperatur          - Temperatur aus Datenpunkt, analog Info
                              Klimaanlage         - Buttons zur Steuerung der Klimaanlage im unteren Bereich
                              Temperatur          - Anzeige von Temperatur - Datenpunkten, analog Info
                              Feuchtigkeit        - Anzeige von Humidity - Datenpunkten, analog Info
                              Medien              - Steuerung von Alexa, etc. - Der erforderliche Media Alias-Channel legt sich selbst an
                              Wettervorhersage    - Aktuelle Außen-Temperatur (Temp) und aktuelles AccuWeather-Icon (Icon) für Screensaver
                              Warnung             - Abfall, etc. -- Info mit IconColor
                              Ventilator          - An/Aus mit Steuerung über popupFan
                              Timer (siehe Wiki)
                          
                              Vollständige Liste zur Einrichtung unter:
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen
                          
                          Interne Sonoff-Sensoren (über Tasmota):
                              ESP-Temperatur      - wird in 0_userdata.0. abgelegt, kann als Alias importiert werden --> SetOption146 1
                              Temperatur          - Raumtemperatur - wird in 0_userdata.0. abgelegt, kann als Alias importiert werden
                                                    (!!! Achtung: der interne Sonoff-Sensor liefert keine exakten Daten, da das NSPanel-Board und der ESP selbst Hitze produzieren !!!
                                                    ggf. Offset einplanen oder besser einen externen Sensor über Zigbee etc. verwenden)
                              Timestamp           - wird in 0_userdata.0. Zeitpunkt der letzten Sensorübertragung
                          
                          Tasmota-Status0 - (zyklische Ausführung)
                              liefert relevanten Tasmota-Informationen und kann bei Bedarf in "function get_tasmota_status0()" erweitert werden. Daten werden in 0_userdata.0. abgelegt
                          
                          Erforderliche Adapter:
                          
                              Pirate-Weather oder BrightSky oder OpenWeatherMap --> Bei Nutzung der Wetterfunktionen (und zur Icon-Konvertierung) im Screensaver 
                          	!!!DasWetter deprecated        - Dienst nur noch für ältere Accounts funktional 
                              !!!AccuWeather deprecated      - Dienst schaltet Free-Account ab!!!
                              Alexa2:                        - Bei Nutzung der dynamischen SpeakerList in der cardMedia
                              Geräte verwalten               - Für Erstellung der Aliase
                              MQTT-Adapter                   - Für Kommunikation zwischen Skript und Tasmota
                              JavaScript-Adapter
                          
                          Install/Upgrades in Konsole:
                          
                              Tasmota BerryDriver Install: Backlog UrlFetch https://raw.githubusercontent.com/ticaki/ioBroker.nspanel-lovelace-ui/refs/heads/main/tasmota/berry/10/autoexec.be; Restart 1
                              Tasmota BerryDriver Update:  Backlog UpdateDriverVersion https://raw.githubusercontent.com/ticaki/ioBroker.nspanel-lovelace-ui/refs/heads/main/tasmota/berry/10/autoexec.be; Restart 1
                          
                          	TFT EU STABLE Version:       FlashNextionAdv0 http://nspanel.de/nspanel-v5.0.2.tft
                          
                              TFT US-L STABLE Version:     FlashNextionAdv0 http://nspanel.de/nspanel-us-l-v5.0.2.tft
                              TFT US-P STABLE Version:     FlashNextionAdv0 http://nspanel.de/nspanel-us-p-v5.0.2.tft
                          ---------------------------------------------------------------------------------------
                          */
                          
                          /******************************* Begin CONFIG Parameter *******************************/
                          
                          // DE: liefert bei true detailliertere Meldundgen im Log.
                          // EN: if true, provides more detailed messages in the log.
                          var Debug: boolean = false;
                          
                          
                          /***** 1. Tasmota-Config *****/
                          const tasmota_ip: string = '192.168.178.116';
                          // DE: Anpassen an die Verzeichnisse der MQTT-Adapter-Instanz
                          // EN: Adapt to the MQTT adapter instance directories
                          const NSPanelReceiveTopic: string = 'mqtt.0.SmartHometele.Sonoff_NSpanel.RESULT';
                          const NSPanelSendTopic: string = 'mqtt.0.SmartHomecmnd.Sonoff_NSpanel.CustomSend';
                          
                          // DE: nur ändern, falls der User im Tasmota vor dem Kompilieren umbenannt wurde (Standard Tasmota: admin)
                          // EN: only change if the user was renamed in Tasmota before compiling (default Tasmota: admin)
                          const tasmota_web_admin_user: string = 'admin';
                          
                          // DE: setzten, falls "Web Admin Password" in Tasmota vergeben
                          // EN set if "Web Admin Password" is assigned in Tasmota
                          const tasmota_web_admin_password: string = '';
                          
                          // DE: Setzen der bevorzugten Tasmota32-Version (für Updates)
                          // EN: Set preferred Tasmota32 version (for updates)
                          const tasmotaOtaVersion: string = 'tasmota32-nspanel.bin';
                          // DE: Es können ebenfalls andere Versionen verwendet werden wie zum Beispiel:
                          // EN: 'tasmota32-DE.bin' oder 'tasmota32.bin' oder 'tasmota32-DE.bin' oder etc.
                          // DE: !!!Anmerkung!!! Seit Tasmota v15.0.X wird der 4Mb PSRAM im ESP32 nur noch in der tasmota32-nspanel.bin verwendet
                          // EN: !!!Note!!! Since Tasmota v15.0.X, the 4Mb PSRAM in the ESP32 is only used in the tasmota32-nspanel.bin
                          
                          
                          /***** 2. Directories in 0_userdata.0... *****/
                          
                          // DE: Anpassen an das jeweilige NSPanel
                          // EN: Adapt to the respective NSPanel
                          const NSPanel_Path = '0_userdata.0.NSPanel.1.';
                          
                          // DE: Pfad für gemeinsame Nutzung durch mehrere Panels (bei Nutzung der cardAlarm/cardUnlock)
                          // EN: Path for sharing between multiple panels (when using cardAlarm/cardUnlock)
                          const NSPanel_Alarm_Path = '0_userdata.0.NSPanel.';
                          
                          
                          /***** 3. Weather adapter Config *****/
                          
                          // DE: Mögliche Wetteradapter 'pirate-weather.0.' oder 'brightsky.0.' oder 'openweathermap.0.' oder 'daswetter.0.' (deprecated) oder 'accuweather.0.' (deprecated)
                          // EN: Possible weather adapters 'pirate-weather.0.' or 'brightsky.0.' or 'openweathermap.0.' or 'daswetter.0.' (deprecated) or 'accuweather.0.' (deprecated)
                          const weatherAdapterInstance: string = 'pirate-weather.0.';
                          
                          // DE: Mögliche Werte: 'Min', 'Max' oder 'MinMax' im Screensaver
                          // EN: Possible values: 'Min', 'Max' or 'MinMax' in the screensaver
                          const weatherScreensaverTempMinMax: string = 'MinMax';
                          
                          // DE: Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                          // EN: This alias is automatically created for the selected weather and can be adjusted accordingly
                          const weatherEntityPath: string = 'alias.0.Pirate_Weather'; //Please rename if change weatherAdapterInstance!
                          
                          
                          /***** 4. Color constants for use in the PageItems *****/
                          
                          // DE: Bei Bedarf können weitere Farben definiert werden
                          // EN: If necessary, additional colors can be defined
                          const HMIOff: RGB = {red: 68, green: 115, blue: 158};     // Blue-Off - Original Entity Off
                          const HMIOn: RGB = {red: 3, green: 169, blue: 244};     // Blue-On
                          const HMIDark: RGB = {red: 29, green: 29, blue: 29};     // Original Background Color
                          const Off: RGB = {red: 253, green: 128, blue: 0};     // Orange-Off - nicer color transitions
                          const On: RGB = {red: 253, green: 216, blue: 53};
                          const MSRed: RGB = {red: 251, green: 105, blue: 98};
                          const MSYellow: RGB = {red: 255, green: 235, blue: 156};
                          const MSGreen: RGB = {red: 121, green: 222, blue: 121};
                          const Red: RGB = {red: 255, green: 0, blue: 0};
                          const White: RGB = {red: 255, green: 255, blue: 255};
                          const Yellow: RGB = {red: 255, green: 255, blue: 0};
                          const Green: RGB = {red: 0, green: 255, blue: 0};
                          const Blue: RGB = {red: 0, green: 0, blue: 255};
                          const DarkBlue: RGB = {red: 0, green: 0, blue: 136};
                          const Gray: RGB = {red: 136, green: 136, blue: 136};
                          const Black: RGB = {red: 0, green: 0, blue: 0};
                          const Cyan: RGB = {red: 0, green: 255, blue: 255};
                          const Magenta: RGB = {red: 255, green: 0, blue: 255};
                          const Orange: RGB = {red: 255, green: 130, blue: 0};
                          const colorSpotify: RGB = {red: 30, green: 215, blue: 96};
                          const colorAlexa: RGB = {red: 49, green: 196, blue: 243};
                          const colorSonos: RGB = {red: 216, green: 161, blue: 88};
                          const colorRadio: RGB = {red: 255, green: 127, blue: 0};
                          const BatteryFull: RGB = {red: 96, green: 176, blue: 62};
                          const BatteryEmpty: RGB = {red: 179, green: 45, blue: 25};
                          
                          //Menu Icon Colors
                          const Menu: RGB = {red: 150, green: 150, blue: 100};
                          const MenuLowInd: RGB = {red: 255, green: 235, blue: 156};
                          const MenuHighInd: RGB = {red: 251, green: 105, blue: 98};
                          
                          //Dynamische Indikatoren (Abstufung grün nach gelb nach rot)
                          const colorScale0: RGB = {red: 99, green: 190, blue: 123};
                          const colorScale1: RGB = {red: 129, green: 199, blue: 126};
                          const colorScale2: RGB = {red: 161, green: 208, blue: 127};
                          const colorScale3: RGB = {red: 129, green: 217, blue: 126};
                          const colorScale4: RGB = {red: 222, green: 226, blue: 131};
                          const colorScale5: RGB = {red: 254, green: 235, blue: 132};
                          const colorScale6: RGB = {red: 255, green: 210, blue: 129};
                          const colorScale7: RGB = {red: 251, green: 185, blue: 124};
                          const colorScale8: RGB = {red: 251, green: 158, blue: 117};
                          const colorScale9: RGB = {red: 248, green: 131, blue: 111};
                          const colorScale10: RGB = {red: 248, green: 105, blue: 107};
                          
                          //Screensaver Default Theme Colors
                          const scbackground: RGB = {red: 0, green: 0, blue: 0};
                          const scbackgroundInd1: RGB = {red: 255, green: 0, blue: 0};
                          const scbackgroundInd2: RGB = {red: 121, green: 222, blue: 121};
                          const scbackgroundInd3: RGB = {red: 255, green: 255, blue: 0};
                          const sctime: RGB = {red: 255, green: 255, blue: 255};
                          const sctimeAMPM: RGB = {red: 255, green: 255, blue: 255};
                          const scdate: RGB = {red: 255, green: 255, blue: 255};
                          const sctMainIcon: RGB = {red: 255, green: 255, blue: 255};
                          const sctMainText: RGB = {red: 255, green: 255, blue: 255};
                          const sctForecast1: RGB = {red: 255, green: 255, blue: 255};
                          const sctForecast2: RGB = {red: 255, green: 255, blue: 255};
                          const sctForecast3: RGB = {red: 255, green: 255, blue: 255};
                          const sctForecast4: RGB = {red: 255, green: 255, blue: 255};
                          const sctF1Icon: RGB = {red: 255, green: 235, blue: 156};
                          const sctF2Icon: RGB = {red: 255, green: 235, blue: 156};
                          const sctF3Icon: RGB = {red: 255, green: 235, blue: 156};
                          const sctF4Icon: RGB = {red: 255, green: 235, blue: 156};
                          const sctForecast1Val: RGB = {red: 255, green: 255, blue: 255};
                          const sctForecast2Val: RGB = {red: 255, green: 255, blue: 255};
                          const sctForecast3Val: RGB = {red: 255, green: 255, blue: 255};
                          const sctForecast4Val: RGB = {red: 255, green: 255, blue: 255};
                          const scbar: RGB = {red: 255, green: 255, blue: 255};
                          const sctMainIconAlt: RGB = {red: 255, green: 255, blue: 255};
                          const sctMainTextAlt: RGB = {red: 255, green: 255, blue: 255};
                          const sctTimeAdd: RGB = {red: 255, green: 255, blue: 255};
                          
                          //Auto-Weather-Colors
                          const swClearNight: RGB = {red: 150, green: 150, blue: 100};
                          const swCloudy: RGB = {red: 75, green: 75, blue: 75};
                          const swExceptional: RGB = {red: 255, green: 50, blue: 50};
                          const swFog: RGB = {red: 150, green: 150, blue: 150};
                          const swHail: RGB = {red: 200, green: 200, blue: 200};
                          const swLightning: RGB = {red: 200, green: 200, blue: 0};
                          const swLightningRainy: RGB = {red: 200, green: 200, blue: 150};
                          const swPartlycloudy: RGB = {red: 150, green: 150, blue: 150};
                          const swPouring: RGB = {red: 50, green: 50, blue: 255};
                          const swRainy: RGB = {red: 100, green: 100, blue: 255};
                          const swSnowy: RGB = {red: 150, green: 150, blue: 150};
                          const swSnowyRainy: RGB = {red: 150, green: 150, blue: 255};
                          const swSunny: RGB = {red: 255, green: 255, blue: 0};
                          const swWindy: RGB = {red: 150, green: 150, blue: 150};
                          
                          
                          /***** 5. Script - Parameters *****/
                          
                          // DE: Für diese Option muss der Haken in setObjects in deiner javascript.X. Instanz gesetzt sein.
                          // EN: This option requires the check mark in setObjects in your javascript.X. instance must be set.
                          const autoCreateAlias = true;
                          
                          // DE: Verzeichnis für Auto-Aliase (wird per Default aus dem NSPanel-Verzeichnis gebildet und muss nicht verändert werden)
                          // EN: Directory for auto aliases (is created by default from the NSPanel directory and does not need to be changed)
                          const AliasPath: string = 'alias.0.' + NSPanel_Path.substring(13, NSPanel_Path.length);
                          
                          // DE: Default-Farbe für Off-Zustände
                          // EN: Default color for off states
                          const defaultOffColorParam: any = Off;
                          
                          // DE: Default-Farbe für On-Zustände
                          // EN: Default color for on states
                          const defaultOnColorParam: any = On;
                          
                          const defaultColorParam: any = Off;
                          
                          // DE: Default-Hintergrundfarbe HMIDark oder Black
                          // EN: Default background color HMIDark or Black
                          const defaultBackgroundColorParam: any = HMIDark;
                          
                          /******************************** End CONFIG Parameter ********************************/
                          
                          //-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ----------------
                          //-- Start for your own pages -- some self-defined aliases required ----------------
                            
                          	//-- https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-%E2%80%90-Typen_How-2_Beispiele
                          
                          let Zuhause: PageType =  
                          {
                              'type': 'cardGrid',
                              'heading': 'Zuhause',
                              'next'   : 'Zuhause2',
                              'useColor': true,
                              'items': [
                                                  { navigate: true, id: null, targetPage: 'Heizungen', name: 'Heizungen' , icon: 'thermometer', offColor: MSGreen, onColor: Blue},
                                                  { navigate: true, id: null, targetPage: 'Fenster_1', name: 'Fenster' , icon: 'window-closed-variant', offColor: MSGreen, onColor: Blue},
                                                  { navigate: true, id: null, targetPage: 'Lampen', name: 'Lampen' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: Blue},
                                                  { navigate: true, id: null, targetPage: 'Abfall', name: 'Abfall' , icon: 'trash-can-outline', offColor: MSGreen, onColor: Blue},
                                                  { navigate: true, id: null, targetPage: 'Temperaturen', name: 'Temperaturen' , icon: 'temperature-celsius', offColor: MSGreen, onColor: Blue},
                                                  { navigate: true, id: null, targetPage: 'Rolladen', name: 'Rolladen' , icon: 'window-shutter', offColor: MSGreen, onColor: Blue},
                                              ]
                          }; 
                          let Zuhause2: PageType =  
                          {
                              'type': 'cardGrid',
                              'heading': 'Zuhause 2',
                              'useColor': true,
                              'parent' : Zuhause,
                              'next'   : 'Zuhause',
                              'prev'   : 'Zuhause',
                              'items': [
                                                  { navigate: true, id: null, targetPage: 'Allgemein', name: 'Allgemein' , icon: 'file-table-box-multiple-outline', offColor: MSGreen, onColor: Blue},
                                                  { navigate: true, id: null, targetPage: 'Keller', name: 'Keller' , icon: 'file-table-box-multiple-outline', offColor: MSGreen, onColor: Blue},
                                                  { navigate: true, id: null, targetPage: 'Alexa', name: 'Alexa' , icon: 'file-table-box-multiple-outline', offColor: MSGreen, onColor: Blue},
                                                  { navigate: true, id: null, targetPage: 'NSPanel_Service', name: 'Einstellungen' , icon: 'view-comfy', offColor: MSGreen, onColor: Blue},
                                                  
                                              ]
                          }; 
                                  
                          let Fenster_1: PageType =
                          {
                              'type': 'cardGrid',
                              'heading': 'Fenster und Türen',
                              'subPage': true,
                              'parent' : Zuhause,
                              'home': 'Zuhause', 
                              'prev': 'Heizungen',
                              'useColor': true,
                              'items': [
                                  { id: 'alias.0.NSPanel.Fenster.Balkon', icon: 'door-closed', offColor: MSGreen, onColor: MSRed, name: 'Balkon'},
                                  { id: 'alias.0.NSPanel.Fenster.Eingangstür', icon: 'door-closed', offColor: MSGreen, onColor: MSRed, name: 'Eingangstür'},
                                  { id: 'alias.0.NSPanel.Fenster.Fenster_Bad', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Bad'},
                                  { id: 'alias.0.NSPanel.Fenster.Fenster_Kinderzimmer', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Kinderzimmer'},
                                  { id: 'alias.0.NSPanel.Fenster.Fenster_Küche', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Küche'},
                                  { id: 'alias.0.NSPanel.Fenster.Fenster_Schlafzimmer', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Schlafzimmer'},
                                  ]
                          };
                          
                          let Heizungen: PageType =
                          {
                              'type': 'cardGrid',
                              'heading': 'Heizungen',
                              'subPage': true,
                              'parent' : Zuhause,
                              'home': 'Zuhause', 
                              'prev': 'Lampen',
                              'useColor': true,
                              'items': [
                                                  { navigate: true, id: null, targetPage: 'Heizung_Bad', name: 'Heizung Bad' , icon: 'toilet', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Heizung_Wohnzimmer', name: 'Heizung Wohnzimmer' , icon: 'radiator', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Heizung_Kueche', name: 'Heizung Küche' , icon: 'radiator', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Heizung_Schlafzimmer', name: 'Heizung Schlafzimmer' , icon: 'radiator', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Heizung_Kinderzimmer', name: 'Heizung Kinderzimmer' , icon: 'radiator', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Heizung_Flur', name: 'Heizung Flur' , icon: 'radiator', offColor: MSGreen, onColor: MSRed},
                                                 ]
                          };
                          
                          let Lampen: PageType =
                          {
                              'type': 'cardGrid',
                              'heading': 'Lampen',
                              'parent' : Zuhause,
                              'home': 'Zuhause',
                              'prev': 'Fenster_1', 
                              'subPage': true,
                              'useColor': true,
                              'items': [
                                                  { navigate: true, id: null, targetPage: 'Lampen_Kueche', name: 'Lampen Küche' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Lampen_Wohnzimmer', name: 'Lampen Wohnzimmer' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Lampen_Flur', name: 'Lampen Flur' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Lampen_Kinderzimmer', name: 'Lampen Kinderzimmer' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Lampen_Bad', name: 'Lampen Bad' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed},
                                                  { navigate: true, id: null, targetPage: 'Lampen_Balkon', name: 'Lampen Balkon' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed},
                                  ]
                          };
                          
                          let Allgemein: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': 'Allgemein',
                              'subPage': true,
                              'parent' : Zuhause,
                              "useColor": true,
                              'home': 'Zuhause', 
                              'items': [
                               { id: "alias.0.NSPanel.Bewässerung.Bewässerung", name: 'Bewässerung',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Bewässerung.Wintermodus", name: 'Heizung Wintermodus',offColor: MSGreen, onColor: MSRed},
                              ]
                          
                          };
                          
                          let Keller: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': 'Keller',
                              'subPage': true,
                              'parent' : Zuhause,
                              "useColor": true,
                              'home': 'Zuhause', 
                              'items': [
                              
                               { id: "alias.0.NSPanel.allgemein.Keller.Waschmaschine", name: 'Waschmaschine Strom',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.allgemein.Keller.Trockner", name: 'Trockner Strom',offColor: MSGreen, onColor: MSRed},
                              
                              ]
                          
                          };
                          
                          
                          let Heizung_Bad: PageType =
                          {
                              'type': 'cardThermo',
                              'heading': 'Heizung Badezimmer',
                              'subPage': true,
                              'parent' : Heizungen,
                              'home': 'Zuhause', 
                              'items': [{ 
                                          id: 'alias.0.NSPanel.Heizung.Heizung_Bad.Heizung_Badezimmer', 
                                          minValue: 45, 
                                          maxValue: 300,
                                          stepValue: 5
                                       }]
                          
                          };
                          
                          
                          let Heizung_Kueche: PageType =
                          {
                              'type': 'cardThermo',
                              'heading': 'Heizung Küche',
                              'parent' : Heizungen,
                              'home': 'Zuhause', 
                              'subPage': true,
                              'items': [{ 
                                          id: 'alias.0.NSPanel.Heizung.Heizung_Küche.Heizung_Küche', 
                                          minValue: 45, 
                                          maxValue: 300,
                                          stepValue: 5
                                       }]
                          
                          
                          };
                          
                          let Heizung_Wohnzimmer: PageType =
                          {
                              'type': 'cardThermo',
                              'heading': 'Heizung Wohnzimmer',
                              'subPage': true,
                              'parent' : Heizungen,
                              'home': 'Zuhause', 
                              'items': [{ 
                                          id: 'alias.0.NSPanel.Heizung.Heizung_Wohnzimmer.Heizung_Wohnzimmer', 
                                          minValue: 45, 
                                          maxValue: 300,
                                          stepValue: 5
                                       }]
                          
                          
                          };
                          
                          let Heizung_Flur: PageType =
                          {
                              'type': 'cardThermo',
                              'heading': 'Heizung Flur',
                              'subPage': true,
                              'parent' : Heizungen,
                              'home': 'Zuhause', 
                              'items': [{ 
                                          id: 'alias.0.NSPanel.Heizung.Heizung_Flur.Heizung_Flur', 
                                          minValue: 45, 
                                          maxValue: 300,
                                          stepValue: 5
                                       }]
                          
                          
                          };
                          
                          let Heizung_Schlafzimmer: PageType =
                          {
                              'type': 'cardThermo',
                              'heading': 'Heizung Schlafzimmer',
                              'subPage': true,
                              'parent' : Heizungen,
                              'home': 'Zuhause', 
                              'items': [{ 
                                          id: 'alias.0.NSPanel.Heizung.Heizung_Schlafzimmer.Heizung_Schlafzimmer', 
                                          minValue: 45, 
                                          maxValue: 300,
                                          stepValue: 5
                                       }]
                          
                          
                          };
                          let Heizung_Kinderzimmer: PageType =
                          {
                              'type': 'cardThermo',
                              'heading': 'Heizung Kinderzimmer',
                              'subPage': true,
                              'parent' : Heizungen,
                              'home': 'Zuhause', 
                              'items': [{ 
                                          id: 'alias.0.NSPanel.Heizung.Heizung_Kinderzimmer.Heizung_Kinderzimmer', 
                                          minValue: 45, 
                                          maxValue: 300,
                                          stepValue: 5
                                       }]
                          
                          
                          };
                          let Abfall: PageType =
                          {
                              "type": "cardEntities",
                              "heading": "Abfallkalender",
                              "useColor": true,
                              "subPage": true,
                              "parent": Zuhause,
                              "items": [
                                  { id: 'alias.0.NSPanel.allgemein.Abfall.event1',icon: 'trash-can'},  
                                  { id: 'alias.0.NSPanel.allgemein.Abfall.event2',icon: 'trash-can'},  
                                  { id: 'alias.0.NSPanel.allgemein.Abfall.event3',icon: 'trash-can'},
                                  { id: 'alias.0.NSPanel.allgemein.Abfall.event4',icon: 'trash-can'},
                              ]
                          
                          
                          };
                          
                          let Lampen_Kueche: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': 'Lampen Küche',
                              'subPage': true,
                              'parent' : Lampen,
                              "useColor": true,
                              'home': 'Zuhause', 
                              'items': [
                               { id: "alias.0.NSPanel.Lampen.Küche.Eingang_Küche", name: 'Eingang',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Küche.Tisch_Küche", name: 'Tisch', offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Küche.Regal_Küche", name: 'Regal', offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Küche.Schrank_Küche", name: 'Schrank Kochfeld', offColor: MSGreen, onColor: MSRed},
                          
                              ]
                          
                          };
                          
                          let Lampen_Wohnzimmer: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': 'Lampen Wohnzimmer',
                              'subPage': true,
                              'parent' : Lampen,
                              'next' : 'Lampen_Wohnzimmer2',
                              "useColor": true,
                              'home': 'Zuhause', 
                              'items': [
                               { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Regal", name: 'Regal',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Stehlampe", name: 'Stehlampe',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Tisch", name: 'Tisch',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Tisch_2", name: 'Tisch 2',offColor: MSGreen, onColor: MSRed},
                              
                              
                          
                              ]
                          
                          };
                          
                          let Lampen_Wohnzimmer2: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': 'Lampen Wohnzimmer 2',
                              'subPage': true,
                              'next' : 'Lampen_Wohnzimmer',
                              'parent' : Lampen_Wohnzimmer,
                              "useColor": true,
                              'home': 'Lampen', 
                              'items': [
                                { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Kugel", name: 'Kugel',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Flaschenregal", name: 'Flaschen',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Gläserschrank", name: 'Gläserschrank',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Schrank_klein", name: 'Schrank klein',offColor: MSGreen, onColor: MSRed},
                              
                          
                              ]
                          
                          };
                          
                          let Lampen_Flur: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': 'Lampen Flur',
                              'subPage': true,
                              'parent' : Lampen,
                              "useColor": true,
                              'home': 'Zuhause', 
                              'items': [
                               { id: "alias.0.NSPanel.Lampen.Flur.Flur_Decke", name: 'Flur Decke',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Flur.Schrank", name: 'Schrank', offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Flur.Garderobe", name: 'Garderobe', offColor: MSGreen, onColor: MSRed},
                          
                              ]
                          
                          };
                          
                          let Lampen_Bad: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': 'Lampen Bad',
                              'subPage': true,
                              'parent' : Lampen,
                              "useColor": true,
                              'home': 'Zuhause', 
                              'items': [
                               { id: "alias.0.NSPanel.Lampen.Badezimmer.Mi_Smart_Hub", name: 'Mi Gateway',offColor: MSGreen, onColor: MSRed},
                               
                          
                              ]
                          
                          };
                          
                          let Lampen_Kinderzimmer: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': 'Lampen Kinderzimmer',
                              'subPage': true,
                              'parent' : Lampen,
                              "useColor": true,
                              'home': 'Zuhause', 
                              'items': [
                               { id: "alias.0.NSPanel.Lampen.Kinderzimmer.Schrank", name: 'Schrank',offColor: MSGreen, onColor: MSRed},
                              
                          
                              ]
                          
                          };
                          
                          
                          let Lampen_Balkon: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': 'Lampen Balkon',
                              'subPage': true,
                              'parent' : Lampen,
                              "useColor": true,
                              'home': 'Zuhause', 
                              'items': [
                               { id: "alias.0.NSPanel.Lampen.Balkon.Lampe_Balkon", name: 'Lampe Balkon',offColor: MSGreen, onColor: MSRed},
                               { id: "alias.0.NSPanel.Lampen.Balkon.Kette", name: 'Kette',offColor: MSGreen, onColor: MSRed},
                          
                              ]
                          
                          };
                          
                          let Rolladen: PageType = {
                              'type': 'cardGrid',
                              'heading': 'Rolladen Wohnzimmer',
                              'home': 'Zuhause', 
                              'parent' : Zuhause,
                              "subPage": true,
                              'useColor': true,
                              'items': [
                                  
                                  { id: 'alias.0.NSPanel.Rollaeden.Rollade_Balkontuer', name: 'Balkontür', secondRow: "0% -> 100% ", minValueLevel: 100, maxValueLevel: 0, icon: "blinds-horizontal", offColor: MSRed, onColor: MSGreen},
                                  { id: 'alias.0.NSPanel.Rollaeden.Rollade_Fenster', name: 'Fenster', secondRow: "0% -> 100% ", minValueLevel: 100, maxValueLevel: 0, icon: "blinds-horizontal", offColor: MSRed, onColor: MSGreen},
                          
                              ]};
                          
                          let Alexa: PageType =
                          {
                              'type': 'cardMedia',
                              'heading': 'Alexa',
                              'items': [{   
                                          id: AliasPath + 'Media.PlayerAlexa', 
                                          adapterPlayerInstance: 'alexa2.0.',
                                          mediaDevice: 'G0911B0592940KN7', // Eigene Seriennummer des primären Device einstellen
                                          speakerList: ['Überall','Konrads Echo Show','Konrads Alexa Schlafzimmer','Konrads Alexa Flur','Konrads Alexa Badezimmer','Mamas Alexa Schlafzimmer','Konrads Alexa Wohnzimmer'],
                                          //analog alexa2 Music-Provider
                                          //Mögliche Playlists:
                                          playList: ['TuneIn.NDR2',
                                                     'TuneIn.WDR2',
                                                     'TuneIn.WDR4',
                                                     'TuneIn.Radio Bochum',
                                                     'TuneIn.Radio Bob Rock',
                                                     'TuneIn.1Live'
                                                     ],
                                          equalizerList: ['Bassboost','Klassik','Dance', 'Deep', 'Electronic', 'Flat', 'Hip-Hop', 'Rock', 
                                                          'Metal', 'Jazz', 'Latin', 'Tonstärke', 'Lounge', 'Piano'],
                                          colorMediaIcon: colorAlexa,
                                          colorMediaArtist: Yellow,
                                          colorMediaTitle: Yellow,
                                          alwaysOnDisplay: true,
                                          autoCreateALias: true
                                       }]
                          };
                          let Temperaturen: PageType = {
                              'type': 'cardGrid',
                              'heading': 'Temperaturen',
                              'home': 'Zuhause', 
                              "subPage": true,
                              'useColor': true,
                              'items': [
                                  { id: 'alias.0.NSPanel.Heizung.Heizung_Küche.Heizung_Küche', name: 'Küche °C', offColor: White, onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
                                  { id: 'alias.0.NSPanel.Heizung.Heizung_Wohnzimmer.Heizung_Wohnzimmer', name: 'Wohnzimmer °C', offColor: White, onColor: White , useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
                                  { id: 'alias.0.NSPanel.Heizung.Heizung_Bad.Heizung_Badezimmer', name: 'Bad °C', offColor: White, onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
                                  { id: 'alias.0.NSPanel.Heizung.Heizung_Kinderzimmer.Heizung_Kinderzimmer', name: 'Kinderzimmer °C', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
                                  { id: 'alias.0.NSPanel.Heizung.Heizung_Flur.Heizung_Flur', name: 'Flur °C', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
                                  { id: 'alias.0.NSPanel.Heizung.Heizung_Schlafzimmer.Heizung_Schlafzimmer', name: 'Schlafzimmer °C', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
                          
                              ]};
                          
                          //-- ENDE für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich -------------------------
                          //-- END for your own pages -- some self-defined aliases required ------------------------
                          
                          
                          /***********************************************************************************************
                           **  Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt) **
                           **  https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Service-Men%C3%BC             **
                           ***********************************************************************************************/
                          
                          /* DE: German
                             Wenn das Service Menü abgesichert werden soll, kann eine cardUnlock vorgeschaltet werden.
                             Für diesen Fall ist folgende Vorgehensweise erforderlich:
                             - cardUnlock Seite "Unlock_Service" in der Config unter pages auskommentieren ("//" entfernen)
                             - Servicemenü aus pages "NSPanel_Service" unter pages kommentieren ("//" hinzufügen)
                          */
                          
                          /***********************************************************************************************
                           ** Service pages with auto alias (subsequent pages are automatically created with alias)     **
                           ** https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Service-Men%C3%BC              **
                           ***********************************************************************************************/
                          
                          /* EN: English
                              If the service menu needs to be secured, a cardUnlock can be installed upstream.
                              In this case, the following procedure is required:
                              - comment out cardUnlock page "Unlock_Service" in the config under pages (remove "//")
                              - Comment service menu from pages "NSPanel_Service" under pages (add "//")
                          */
                          
                          //Level 0 (if service pages are used with cardUnlock)
                          let Unlock_Service: PageType =
                          {
                              'type': 'cardUnlock',
                              'heading': findLocaleServMenu('service_pages'),
                              'useColor': true,
                              'items': [/*PageItem*/{
                                  id: 'alias.0.NSPanel.Unlock',
                                  targetPage: 'NSPanel_Service_SubPage',
                                  autoCreateALias: true
                              }
                              ]
                          };
                          
                          //Level_0 (if service pages are used without cardUnlock)
                          let NSPanel_Service: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('service_menu'),
                              'useColor': true,
                              'items': [
                                  /*PageItem*/{navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')},
                                  /*PageItem*/{navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('settings'), buttonText: findLocaleServMenu('more')},
                                  /*PageItem*/{navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: findLocaleServMenu('firmware'), buttonText: findLocaleServMenu('more')},
                                  /*PageItem*/{id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot'), icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
                              ]
                          };
                          
                          //Level_0 (if service pages are used with cardUnlock)
                          let NSPanel_Service_SubPage: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('service_menu'),
                              'useColor': true,
                              'subPage': true,
                              'parent': Unlock_Service,
                              'home': 'Unlock_Service',
                              'items': [
                                  /*PageItem*/{navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')},
                                  /*PageItem*/{navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('settings'), buttonText: findLocaleServMenu('more')},
                                  /*PageItem*/{navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: findLocaleServMenu('firmware'), buttonText: findLocaleServMenu('more')},
                                  /*PageItem*/{id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot'), icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
                              ]
                          };
                          
                          //Level_1
                          let NSPanel_Infos: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('nspanel_infos'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Service,
                              'home': 'NSPanel_Service',
                              'items': [
                                          /*PageItem*/{navigate: true, id: 'NSPanel_Wifi_Info_1', icon: 'wifi', offColor: Menu, onColor: Menu, name: findLocaleServMenu('wifi'), buttonText: findLocaleServMenu('more')},
                                          /*PageItem*/{navigate: true, id: 'NSPanel_Sensoren', icon: 'memory', offColor: Menu, onColor: Menu, name: findLocaleServMenu('sensors_hardware'), buttonText: findLocaleServMenu('more')},
                                          /*PageItem*/{navigate: true, id: 'NSPanel_IoBroker', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('info_iobroker'), buttonText: findLocaleServMenu('more')},
                                          /*PageItem*/{id: AliasPath + 'Config.Update.UpdateMessage', name: findLocaleServMenu('update_message'), icon: 'message-alert-outline', offColor: HMIOff, onColor: MSGreen},
                              ]
                          };
                          //Level_2
                          let NSPanel_Wifi_Info_1: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('nspanel_wifi1'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Infos,
                              'next': 'NSPanel_Wifi_Info_2',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'ipAddress', name: findLocaleServMenu('ip_address'), icon: 'ip-network-outline', offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.BSSId', name: findLocaleServMenu('mac_address'), icon: 'check-network', offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.RSSI', name: findLocaleServMenu('rssi'), icon: 'signal', unit: '%', colorScale: {'val_min': 100, 'val_max': 0}},
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.Signal', name: findLocaleServMenu('wifi_signal'), icon: 'signal-distance-variant', unit: 'dBm', colorScale: {'val_min': 0, 'val_max': -100}},
                              ]
                          };
                          
                          let NSPanel_Wifi_Info_2: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('nspanel_wifi2'),
                              'useColor': true,
                              'subPage': true,
                              'prev': 'NSPanel_Wifi_Info_1',
                              'home': 'NSPanel_Service',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.SSId', name: findLocaleServMenu('ssid'), icon: 'signal-distance-variant', offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.Mode', name: findLocaleServMenu('mode'), icon: 'signal-distance-variant', offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.Channel', name: findLocaleServMenu('channel'), icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.AP', name: findLocaleServMenu('accesspoint'), icon: 'router-wireless-settings', offColor: Menu, onColor: Menu},
                              ]
                          };
                          
                          let NSPanel_Sensoren: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('sensors1'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Infos,
                              'next': 'NSPanel_Hardware',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'Sensor.ANALOG.Temperature', name: findLocaleServMenu('room_temperature'), icon: 'home-thermometer-outline', unit: '°C', colorScale: {'val_min': 0, 'val_max': 40, 'val_best': 22}},
                                                  /*PageItem*/{id: AliasPath + 'Sensor.ESP32.Temperature', name: findLocaleServMenu('esp_temperature'), icon: 'thermometer', unit: '°C', colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 50}},
                                                  /*PageItem*/{id: AliasPath + 'Sensor.TempUnit', name: findLocaleServMenu('temperature_unit'), icon: 'temperature-celsius', offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Sensor.Time', name: findLocaleServMenu('refresh'), icon: 'clock-check-outline', offColor: Menu, onColor: Menu},
                              ]
                          };
                          
                          let NSPanel_Hardware: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('hardware2'),
                              'useColor': true,
                              'subPage': true,
                              'prev': 'NSPanel_Sensoren',
                              'home': 'NSPanel_Service',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Product', name: findLocaleServMenu('product'), icon: 'devices', offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Hardware', name: findLocaleServMenu('esp32_hardware'), icon: 'memory', offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Display.Model', name: findLocaleServMenu('nspanel_version'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Uptime', name: findLocaleServMenu('operating_time'), icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu},
                              ]
                          };
                          
                          let NSPanel_IoBroker: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('info_iobroker'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Infos,
                              'home': 'NSPanel_Service',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'IoBroker.ScriptVersion', name: findLocaleServMenu('script_version_nspanelts'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'IoBroker.NodeJSVersion', name: findLocaleServMenu('nodejs_version'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'IoBroker.JavaScriptVersion', name: findLocaleServMenu('instance_javascript'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'IoBroker.ScriptName', name: findLocaleServMenu('scriptname'), offColor: Menu, onColor: Menu},
                              ]
                          };
                          
                          //Level_1
                          let NSPanel_Einstellungen: PageType =
                          {
                              'type': 'cardGrid',
                              'heading': findLocaleServMenu('settings'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Service,
                              'home': 'NSPanel_Service',
                              'items': [
                                              /*PageItem*/{navigate: true, id: 'NSPanel_Screensaver', icon: 'monitor-dashboard', offColor: Menu, onColor: Menu, name: findLocaleServMenu('screensaver'), buttonText: findLocaleServMenu('more')},
                                              /*PageItem*/{navigate: true, id: 'NSPanel_Relays', icon: 'electric-switch', offColor: Menu, onColor: Menu, name: findLocaleServMenu('relays'), buttonText: findLocaleServMenu('more')},
                                              /*PageItem*/{
                                      id: AliasPath + 'Config.temperatureUnitNumber', icon: 'gesture-double-tap', name: findLocaleServMenu('temp_unit'), offColor: Menu, onColor: Menu,
                                      modeList: ['°C', '°F', 'K']
                                  },
                                              /*PageItem*/{
                                      id: AliasPath + 'Config.localeNumber', icon: 'select-place', name: findLocaleServMenu('language'), offColor: Menu, onColor: Menu,
                                      modeList: ['en-US', 'de-DE', 'nl-NL', 'da-DK', 'es-ES', 'fr-FR', 'it-IT', 'ru-RU', 'nb-NO', 'nn-NO', 'pl-PL', 'pt-PT', 'af-ZA', 'ar-SY',
                                          'bg-BG', 'ca-ES', 'cs-CZ', 'el-GR', 'et-EE', 'fa-IR', 'fi-FI', 'he-IL', 'hr-xx', 'hu-HU', 'hy-AM', 'id-ID', 'is-IS', 'lb-xx',
                                          'lt-LT', 'ro-RO', 'sk-SK', 'sl-SI', 'sv-SE', 'th-TH', 'tr-TR', 'uk-UA', 'vi-VN', 'zh-CN', 'zh-TW']
                                  },
                                             /*PageItem*/{navigate: true, id: 'NSPanel_Script', icon: 'code-json', offColor: Menu, onColor: Menu, name: findLocaleServMenu('script'), buttonText: findLocaleServMenu('more')},
                              ]
                          };
                          
                          //Level_2
                          let NSPanel_Screensaver: PageType =
                          {
                              'type': 'cardGrid',
                              'heading': findLocaleServMenu('screensaver'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Einstellungen,
                              'home': 'NSPanel_Service',
                              'items': [
                                                  /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverDimmode', icon: 'sun-clock', offColor: Menu, onColor: Menu, name: findLocaleServMenu('dimmode')},
                                                  /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverBrightness', icon: 'brightness-5', offColor: Menu, onColor: Menu, name: findLocaleServMenu('brightness')},
                                                  /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverLayout', icon: 'page-next-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('layout')},
                                                  /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverWeather', icon: 'weather-partly-rainy', offColor: Menu, onColor: Menu, name: findLocaleServMenu('weather')},
                                                  /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverDateformat', icon: 'calendar-expand-horizontal', offColor: Menu, onColor: Menu, name: findLocaleServMenu('date_format')},
                                                  /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverIndicators', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('indicators')}
                              ]
                          };
                          
                          //Level_3
                          let NSPanel_ScreensaverDimmode: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('dimmode'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Screensaver,
                              'home': 'NSPanel_Service',
                              'items': [
                                                          /*PageItem*/{id: AliasPath + 'Dimmode.brightnessDay', name: findLocaleServMenu('brightness_day'), icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 5, maxValue: 10},
                                                          /*PageItem*/{id: AliasPath + 'Dimmode.brightnessNight', name: findLocaleServMenu('brightness_night'), icon: 'brightness-4', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 4},
                                                          /*PageItem*/{id: AliasPath + 'Dimmode.hourDay', name: findLocaleServMenu('hour_day'), icon: 'sun-clock', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23},
                                                          /*PageItem*/{id: AliasPath + 'Dimmode.hourNight', name: findLocaleServMenu('hour_night'), icon: 'sun-clock-outline', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23}
                              ]
                          };
                          
                          //Level_3
                          let NSPanel_ScreensaverBrightness: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('brightness'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Screensaver,
                              'home': 'NSPanel_Service',
                              'items': [
                                                          /*PageItem*/{id: AliasPath + 'ScreensaverInfo.activeBrightness', name: findLocaleServMenu('brightness_activ'), icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 20, maxValue: 100},
                                                          /*PageItem*/{id: AliasPath + 'Config.Screensaver.timeoutScreensaver', name: findLocaleServMenu('screensaver_timeout'), icon: 'clock-end', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 60},
                                                          /*PageItem*/{id: AliasPath + 'Config.Screensaver.screenSaverDoubleClick', name: findLocaleServMenu('wakeup_doublecklick'), icon: 'gesture-two-double-tap', offColor: HMIOff, onColor: HMIOn}
                              ]
                          };
                          
                          //Level_3
                          let NSPanel_ScreensaverLayout: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('layout'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Screensaver,
                              'home': 'NSPanel_Service',
                              'items': [
                                                          /*PageItem*/{id: AliasPath + 'Config.Screensaver.alternativeScreensaverLayout', name: findLocaleServMenu('alternative_layout'), icon: 'page-previous-outline', offColor: HMIOff, onColor: HMIOn},
                                                          /*PageItem*/{id: AliasPath + 'Config.Screensaver.ScreensaverAdvanced', name: findLocaleServMenu('advanced_layout'), icon: 'page-next-outline', offColor: HMIOff, onColor: HMIOn},
                                                          /*PageItem*/{id: AliasPath + 'Config.Screensaver.ScreensaverEasyView', name: findLocaleServMenu('easyview_layout'), icon: 'page-next-outline', offColor: HMIOff, onColor: HMIOn},
                              ]
                          };
                          
                          //Level_3
                          let NSPanel_ScreensaverWeather: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('weather_parameters'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Screensaver,
                              'home': 'NSPanel_Service',
                              'items': [
                                                          /*PageItem*/{id: AliasPath + 'ScreensaverInfo.weatherForecast', name: findLocaleServMenu('weather_forecast_offon'), icon: 'weather-sunny-off', offColor: HMIOff, onColor: HMIOn},
                                                          /*PageItem*/{id: AliasPath + 'ScreensaverInfo.weatherForecastTimer', name: findLocaleServMenu('weather_forecast_change_switch'), icon: 'devices', offColor: HMIOff, onColor: HMIOn},
                                                          /*PageItem*/{id: AliasPath + 'ScreensaverInfo.entityChangeTime', name: findLocaleServMenu('weather_forecast_change_time'), icon: 'cog-sync', offColor: Menu, onColor: Menu, minValue: 15, maxValue: 60},
                                                          /*PageItem*/{id: AliasPath + 'Config.Screensaver.autoWeatherColorScreensaverLayout', name: findLocaleServMenu('weather_forecast_icon_colors'), icon: 'format-color-fill', offColor: HMIOff, onColor: HMIOn},
                              ]
                          };
                          
                          //Level_3
                          let NSPanel_ScreensaverDateformat: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('date_format'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Screensaver,
                              'home': 'NSPanel_Service',
                              'items': [
                                                          /*PageItem*/{id: AliasPath + 'Config.Dateformat.Switch.weekday', name: findLocaleServMenu('weekday_large'), icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn},
                                                          /*PageItem*/{id: AliasPath + 'Config.Dateformat.Switch.month', name: findLocaleServMenu('month_large'), icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn},
                              ]
                          };
                          
                          //Level_3
                          let NSPanel_ScreensaverIndicators: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('indicators'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Screensaver,
                              'home': 'NSPanel_Service',
                              'items': [
                                                          /*PageItem*/{id: AliasPath + 'Config.MRIcons.alternateMRIconSize.1', name: findLocaleServMenu('mr_icon1_size'), icon: 'format-size', offColor: HMIOff, onColor: HMIOn},
                                                          /*PageItem*/{id: AliasPath + 'Config.MRIcons.alternateMRIconSize.2', name: findLocaleServMenu('mr_icon2_size'), icon: 'format-size', offColor: HMIOff, onColor: HMIOn},
                              ]
                          };
                          
                          //Level_2
                          let NSPanel_Relays: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('relays'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Einstellungen,
                              'home': 'NSPanel_Service',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'Relay.1', name: findLocaleServMenu('relay1_onoff'), icon: 'power', offColor: HMIOff, onColor: HMIOn},
                                                  /*PageItem*/{id: AliasPath + 'Relay.2', name: findLocaleServMenu('relay2_onoff'), icon: 'power', offColor: HMIOff, onColor: HMIOn},
                              ]
                          };
                          
                          //Level_2
                          let NSPanel_Script: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('script'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Einstellungen,
                              'home': 'NSPanel_Service',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'Config.ScripgtDebugStatus', name: findLocaleServMenu('debugmode_offon'), icon: 'code-tags-check', offColor: HMIOff, onColor: HMIOn},
                                                  /*PageItem*/{id: AliasPath + 'Config.MQTT.portCheck', name: findLocaleServMenu('port_check_offon'), icon: 'check-network', offColor: HMIOff, onColor: HMIOn},
                                                  /*PageItem*/{id: AliasPath + 'Config.hiddenCards', name: findLocaleServMenu('hiddencards_offon'), icon: 'check-network', offColor: HMIOff, onColor: HMIOn},
                              ]
                          };
                          
                          //Level_1
                          let NSPanel_Firmware: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('firmware'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Service,
                              'home': 'NSPanel_Service',
                              'items': [
                                              /*PageItem*/{id: AliasPath + 'autoUpdate', name: findLocaleServMenu('automatically_updates'), icon: 'power', offColor: HMIOff, onColor: HMIOn},
                                              /*PageItem*/{navigate: true, id: 'NSPanel_FirmwareTasmota', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: findLocaleServMenu('tasmota_firmware'), buttonText: findLocaleServMenu('more')},
                                              /*PageItem*/{navigate: true, id: 'NSPanel_FirmwareBerry', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: findLocaleServMenu('berry_driver'), buttonText: findLocaleServMenu('more')},
                                              /*PageItem*/{navigate: true, id: 'NSPanel_FirmwareNextion', icon: 'cellphone-cog', offColor: Menu, onColor: Menu, name: findLocaleServMenu('nextion_tft_firmware'), buttonText: findLocaleServMenu('more')}
                              ]
                          };
                          
                          let NSPanel_FirmwareTasmota: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('tasmota'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Firmware,
                              'home': 'NSPanel_Service',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'Tasmota.Version', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Tasmota_Firmware.onlineVersion', name: findLocaleServMenu('available_release'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: 'Divider'},
                                                  /*PageItem*/{id: AliasPath + 'Config.Update.UpdateTasmota', name: findLocaleServMenu('update_tasmota'), icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
                              ]
                          };
                          
                          let NSPanel_FirmwareBerry: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('berry_driver'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Firmware,
                              'home': 'NSPanel_Service',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'Display.BerryDriver', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Berry_Driver.onlineVersion', name: findLocaleServMenu('available_release'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: 'Divider'},
                                                  /*PageItem*/{id: AliasPath + 'Config.Update.UpdateBerry', name: findLocaleServMenu('update_berry_driver'), icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
                              ]
                          };
                          
                          let NSPanel_FirmwareNextion: PageType =
                          {
                              'type': 'cardEntities',
                              'heading': findLocaleServMenu('nextion_tft'),
                              'useColor': true,
                              'subPage': true,
                              'parent': NSPanel_Firmware,
                              'home': 'NSPanel_Service',
                              'items': [
                                                  /*PageItem*/{id: AliasPath + 'Display_Firmware.TFT.currentVersion', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Display_Firmware.TFT.desiredVersion', name: findLocaleServMenu('desired_release'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Display.Model', name: findLocaleServMenu('nspanel_model'), offColor: Menu, onColor: Menu},
                                                  /*PageItem*/{id: AliasPath + 'Config.Update.UpdateNextion', name: 'Nextion TFT Update', icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')},
                              ]
                          };
                          
                          // End of Service Pages
                          
                          /***********************************************************************
                           **                                                                   **
                           **                           Configuration                           **
                           **                                                                   **
                           ***********************************************************************/
                          
                          // EN: Configuration
                          
                          export const config: Config = {
                              // Seiteneinteilung / Page division
                              // Hauptseiten / Mainpages
                              pages: [
                                  Zuhause,
                                  Zuhause2,
                                  NSPanel_Service, //Auto-Alias Service Page
                                  //Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                              ],
                              // Unterseiten / Subpages
                              subPages: [
                                  NSPanel_Service_SubPage, //Auto-Alias Service Page (only used with cardUnlock)
                                  NSPanel_Infos, //Auto-Alias Service Page
                                  NSPanel_Wifi_Info_1, //Auto-Alias Service Page
                                  NSPanel_Wifi_Info_2, //Auto-Alias Service Page
                                  NSPanel_Sensoren, //Auto-Alias Service Page
                                  NSPanel_Hardware, //Auto-Alias Service Page
                                  NSPanel_IoBroker, //Auto-Alias Service Page
                                  NSPanel_Einstellungen, //Auto-Alias Service Page
                                  NSPanel_Screensaver, //Auto-Alias Service Page
                                  NSPanel_ScreensaverDimmode, //Auto-Alias Service Page
                                  NSPanel_ScreensaverBrightness, //Auto-Alias Service Page
                                  NSPanel_ScreensaverLayout, //Auto-Alias Service Page
                                  NSPanel_ScreensaverWeather, //Auto-Alias Service Page
                                  NSPanel_ScreensaverDateformat, //Auto-Alias Service Page
                                  NSPanel_ScreensaverIndicators, //Auto-Alias Service Page
                                  NSPanel_Relays, //Auto-Alias Service Page
                                  NSPanel_Script, //Auto-Alias Service Page
                                  NSPanel_Firmware, //Auto-Alias Service Page
                                  NSPanel_FirmwareTasmota, //Auto-Alias Service Page
                                  NSPanel_FirmwareBerry, //Auto-Alias Service Page
                                  NSPanel_FirmwareNextion, //Auto-Alias Service Page
                                  Heizungen,
                                  Fenster_1,
                                  Lampen,
                                  Heizung_Bad,
                                  Heizung_Kueche,
                                  Temperaturen,
                                  Heizung_Flur,
                                  Heizung_Kinderzimmer,
                                  Heizung_Schlafzimmer,
                                  Heizung_Wohnzimmer,
                                  Lampen_Flur,
                                  Lampen_Kueche,
                                  Lampen_Wohnzimmer,
                                  Lampen_Bad,
                                  Lampen_Kinderzimmer,
                                  Lampen_Balkon,
                                  Rolladen,
                                  Allgemein,
                                  Lampen_Wohnzimmer2,
                                  Keller,
                                  Alexa,
                              ],
                          
                              /***********************************************************************
                               **                                                                   **
                               **                    Screensaver Configuration                      **
                               **                                                                   **
                               ***********************************************************************/
                              leftScreensaverEntity:
                                  [
                                      // leftScreensaverEntity 1 (only Advanced Screensaver)
                                      {
                                          ScreensaverEntity: '0_userdata.0.Abfallkalender.1.date',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 0,
                                          ScreensaverEntityIconOn: 'trash-can',
                                          ScreensaverEntityIconOff: null,
                                          ScreensaverEntityText: 'Abfall',
                                          ScreensaverEntityUnitText: '',
                                          ScreensaverEntityIconColor: '0_userdata.0.Abfallkalender.1.color'
                                      },
                                      // leftScreensaverEntity 2 (only Advanced Screensaver)
                                      {
                                          ScreensaverEntity: '0_userdata.0.Abfallkalender.2.date',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 0,
                                          ScreensaverEntityIconOn: 'trash-can',
                                          ScreensaverEntityIconOff: null,
                                          ScreensaverEntityText: 'Abfall',
                                          ScreensaverEntityUnitText: '',
                                          ScreensaverEntityIconColor: '0_userdata.0.Abfallkalender.2.color'
                                      },
                                      // leftScreensaverEntity 3 (only Advanced Screensaver)
                                  	{
                                          ScreensaverEntity: '0_userdata.0.Abfallkalender.3.date',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 0,
                                          ScreensaverEntityIconOn: 'trash-can',
                                          ScreensaverEntityIconOff: null,
                                          ScreensaverEntityText: 'Abfall',
                                          ScreensaverEntityUnitText: '',
                                          ScreensaverEntityIconColor: '0_userdata.0.Abfallkalender.3.color'
                                      },
                               
                          
                                  
                              
                              
                              
                              
                              
                              
                              
                              ],
                          
                              bottomScreensaverEntity: [
                                  // bottomScreensaverEntity 1
                                  {
                                      ScreensaverEntity: 'accuweather.0.Daily.Day1.Sunrise',
                                      ScreensaverEntityFactor: 1,
                                      ScreensaverEntityDecimalPlaces: 0,
                                      ScreensaverEntityDateFormat: {hour: '2-digit', minute: '2-digit'}, // Description at Wiki-Pages
                                      ScreensaverEntityIconOn: 'weather-sunset-up',
                                      ScreensaverEntityIconOff: null,
                                      ScreensaverEntityText: 'Sonne',
                                      ScreensaverEntityUnitText: '%',
                                      ScreensaverEntityIconColor: MSYellow //{'val_min': 0, 'val_max': 100}
                                  },
                                  // bottomScreensaverEntity 2
                                  {
                                      ScreensaverEntity: 'accuweather.0.Current.WindSpeed',
                                      ScreensaverEntityFactor: (1000 / 3600),
                                      ScreensaverEntityDecimalPlaces: 1,
                                      ScreensaverEntityIconOn: 'weather-windy',
                                      ScreensaverEntityIconOff: null,
                                      ScreensaverEntityText: "Wind",
                                      ScreensaverEntityUnitText: 'm/s',
                                      ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120}
                                  },
                                  // bottomScreensaverEntity 3
                                  {
                                      ScreensaverEntity: 'accuweather.0.Current.WindGust',
                                      ScreensaverEntityFactor: (1000 / 3600),
                                      ScreensaverEntityDecimalPlaces: 1,
                                      ScreensaverEntityIconOn: 'weather-tornado',
                                      ScreensaverEntityIconOff: null,
                                      ScreensaverEntityText: 'Böen',
                                      ScreensaverEntityUnitText: 'm/s',
                                      ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120}
                                  },
                                  // bottomScreensaverEntity 4
                                  {
                                      ScreensaverEntity: 'accuweather.0.Current.WindDirectionText',
                                      ScreensaverEntityFactor: 1,
                                      ScreensaverEntityDecimalPlaces: 0,
                                      ScreensaverEntityIconOn: 'windsock',
                                      ScreensaverEntityIconOff: null,
                                      ScreensaverEntityText: 'Windr.',
                                      ScreensaverEntityUnitText: '°',
                                      ScreensaverEntityIconColor: White
                                  },
                                  // bottomScreensaverEntity 5 (for Alternative and Advanced Screensaver)
                                  {
                                      ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity',
                                      ScreensaverEntityFactor: 1,
                                      ScreensaverEntityDecimalPlaces: 1,
                                      ScreensaverEntityIconOn: 'water-percent',
                                      ScreensaverEntityIconOff: null,
                                      ScreensaverEntityText: 'Feuchte',
                                      ScreensaverEntityUnitText: '%',
                                      ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65}
                                  },
                                  // bottomScreensaverEntity 6 (for Advanced Screensaver)
                                   {
                                      ScreensaverEntity: NSPanel_Path + 'Relay.1',
                                      ScreensaverEntityIconOn: 'coach-lamp-variant',
                                      ScreensaverEntityText: 'Street',
                                      ScreensaverEntityOnColor: Yellow,
                                      ScreensaverEntityOffColor: White,
                                      ScreensaverEntityOnText: 'Is ON',
                                      ScreensaverEntityOffText: 'Not ON'
                                  },
                                
                                  // Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400 
                              ],
                          
                              indicatorScreensaverEntity: [
                                  // Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400 
                          
                                      // indicatorScreensaverEntity 1 (only Advanced Screensaver)
                                      { 
                                          ScreensaverEntity: 'alias.0.NSPanel.allgemein.Fenster_offen.ACTUAL',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 0,
                                          ScreensaverEntityIconOn: 'window-open-variant',
                                          ScreensaverEntityIconOff: 'window-closed-variant',
                                          ScreensaverEntityText: 'Fenster',
                                          ScreensaverEntityUnitText: '%',
                                          ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }
                                      },
                              
                                      // indicatorScreensaverEntity 2 (only Advanced Screensaver)
                                      { 
                                          ScreensaverEntity: 'alias.0.NSPanel.allgemein.Anwesenheit_Konni.ACTUAL',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 0,
                                          ScreensaverEntityIconOn: 'account-off',
                                          ScreensaverEntityIconOff: 'account-check',
                                          ScreensaverEntityText: 'Konni',
                                          ScreensaverEntityUnitText: '%',
                                          ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }
                                      },      
                                  { 
                                          ScreensaverEntity: 'alias.0.NSPanel.Fenster.Eingangstür.ACTUAL',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 0,
                                          ScreensaverEntityIconOn: 'door-open',
                                          ScreensaverEntityIconOff: 'door-closed',
                                          ScreensaverEntityText: 'Fenster',
                                          ScreensaverEntityUnitText: '%',
                                          ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }
                                      },
                              ],
                          
                              // Status Icon
                              mrIcon1ScreensaverEntity: {
                                  ScreensaverEntity: NSPanel_Path + 'Relay.1',
                                  ScreensaverEntityIconOn: 'lightbulb',
                                  ScreensaverEntityIconOff: null,
                                  ScreensaverEntityValue: null,
                                  ScreensaverEntityValueDecimalPlace: 0,
                                  ScreensaverEntityValueUnit: null,
                                  ScreensaverEntityOnColor: On,
                                  ScreensaverEntityOffColor: HMIOff
                              },
                              mrIcon2ScreensaverEntity: {
                                  ScreensaverEntity: NSPanel_Path + 'Relay.2',
                                  ScreensaverEntityIconOn: 'lightbulb',
                                  ScreensaverEntityIconOff: null,
                                  ScreensaverEntityValue: null,
                                  ScreensaverEntityValueDecimalPlace: 0,
                                  ScreensaverEntityValueUnit: null,
                                  ScreensaverEntityOnColor: On,
                                  ScreensaverEntityOffColor: HMIOff
                              },
                              // ------ DE: Ende der Screensaver Einstellungen --------------------
                              // ------ EN: End of screensaver settings ---------------------------
                          
                              //-------DE: Anfang Einstellungen für Hardware Button, wenn Sie softwareseitig genutzt werden (Rule2) -------------
                              //-------EN: Start Settings for Hardware Button, if used in software (Rule2) --------------------------------------
                              // DE: Konfiguration des linken Schalters des NSPanels
                              // EN: Configuration of the left switch of the NSPanel
                              button1: {
                                  // DE: Mögliche Werte wenn Rule2 definiert: 'page', 'toggle', 'set' - Wenn nicht definiert --> mode: null
                                  // EN: Possible values if Rule2 defined: 'page', 'toggle', 'set' - If not defined --> mode: null
                                  mode: null,
                                  // DE: Zielpage - Verwendet wenn mode = page
                                  // EN: Target page - Used if mode = page
                                  page: null,
                                  // DE: Zielentity - Verwendet wenn mode = set oder toggle
                                  // EN: Target entity - Used if mode = set or toggle
                                  entity: null,
                                  // DE: Zielwert - Verwendet wenn mode = set
                                  // EN: Target value - Used if mode = set
                                  setValue: null
                              },
                          
                              // DE: Konfiguration des rechten Schalters des NSPanels
                              // EN: Configuration of the right switch of the NSPanel
                              button2: {
                                  mode: null,
                                  page: null,
                                  entity: null,
                                  setValue: null
                              },
                          
                              //--------- DE: Ende - Einstellungen für Hardware Button, wenn Sie softwareseitig genutzt werden (Rule2) -------------
                              //--------- EN: End - settings for hardware button if they are used in software (Rule2) ------------------------------
                          
                              // DE: WICHTIG !! Parameter nicht ändern  WICHTIG!!
                              // EN: IMPORTANT !! Do not change parameters IMPORTANT!!
                              panelRecvTopic: NSPanelReceiveTopic,
                              panelSendTopic: NSPanelSendTopic,
                              weatherEntity: weatherEntityPath,
                              defaultOffColor: defaultOffColorParam,
                              defaultOnColor: defaultOnColorParam,
                              defaultColor: defaultColorParam,
                              defaultBackgroundColor: defaultBackgroundColorParam,
                          };
                          
                          // _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________
                          // _________________________________ EN:  No more configuration from here _____________________________________
                          
                          
                                  ```
                          
                          Struktur passt auch 
                          ![Struktur](https://www.file-upload.net/download-15570895/hh.jpg.html
                          )
                          1 Antwort Letzte Antwort
                          0
                          • ArmilarA Offline
                            ArmilarA Offline
                            Armilar
                            Most Active Forum Testing
                            schrieb am zuletzt editiert von
                            #7885

                            In den beiden Zeilen stimmt etwas nicht:

                            const NSPanelReceiveTopic: string = 'mqtt.0.SmartHometele.Sonoff_NSpanel.RESULT';
                            const NSPanelSendTopic: string = 'mqtt.0.SmartHomecmnd.Sonoff_NSpanel.CustomSend';

                            Vergleiche das mal mit dem Pfad im mqtt.0

                            Je nachdem wie im Tasmota Prefix und Topic gesetzt sind kann es da zu Unterschieden kommen wie:

                            mqtt.0.SmartHome.tele.Sonoff_NSpanel.RESULT oder
                            mqtt.0.SmartHome.Sonoff_NSpanel.tele.RESULT

                            Daher bitt mit dem wirklichen Objektpfad abgleichen...

                            Auf jede Fall fehlt in beiden Zeilen jeweils ein Punkt.

                            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki

                            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            1 Antwort Letzte Antwort
                            2
                            • Marko1974M Offline
                              Marko1974M Offline
                              Marko1974
                              schrieb am zuletzt editiert von
                              #7886

                              Ich hab alles gelöscht und alles neu nach Anleitung gemacht. Die Pfade so wie in der Doku. Jetzt startet er sauber. Danke für den Hinweis mit den Pfaden!

                              1 Antwort Letzte Antwort
                              1
                              • ArmilarA Armilar

                                @Wuschl

                                Frohes neues Jahr.

                                Es handelt sich hierbei um einen Push-Button, der nur eine einzige Aktion durchführen kann. Daher gibt es auch nicht mehrere Zustände (nur true) für den Garagentor "PRESS".

                                Ein optionaler Zustand für einen weiteren Sensor ist nicht vorgesehen...

                                Du könntest allerdings in der gleichen cardEntities z.B. die Garage von der Farbe neutral (z.B. weiß) machen und über einen optionalen Info Alias darunter dann den Open/Close-Sensor den Zustand visualisieren

                                W Offline
                                W Offline
                                Wuschl
                                schrieb am zuletzt editiert von
                                #7887

                                @Armilar Habe es hinbekommen in dem ich einen Datenpunkt erstellt habe der von der jeweiligen Torstellung gesteuert wird, und mit Push-Button betätigt werden kann. Nun wird das Icon Rot oder grün. Nur unterschiedliche Icons funktionieren nicht.

                                1 Antwort Letzte Antwort
                                1
                                • T Online
                                  T Online
                                  TimoWald
                                  schrieb am zuletzt editiert von
                                  #7888

                                  Hallo, bekomme seit dem ich Proxmox neu aufgesetzt habe und das IOBroker Backup zurückspielete folgende Fehlermeldung. Woran liegt dies?

                                  2.1.2026, 12:28:25.857	[info ]: javascript.0 (29439) script.js.NSPanels.NSPanel_1: Compiling TypeScript source
                                  2.1.2026, 12:28:28.832	[error]: javascript.0 (29439) script.js.NSPanels.NSPanel_1: TypeScript compilation failed:
                                              let name = page.heading !== undefined ? page.heading : o.common.name.de;
                                                                                                                   ^
                                  ERROR: Property 'de' does not exist on type 'StringOrTranslated'.
                                    Property 'de' does not exist on type 'string'.
                                  
                                          let heading = page.heading !== undefined ? page.heading : o.common.name.de;
                                                                                                                  ^
                                  ERROR: Property 'de' does not exist on type 'StringOrTranslated'.
                                    Property 'de' does not exist on type 'string'.
                                  
                                              heading = page.heading !== undefined ? page.heading : o.common.name.de;
                                                                                                                  ^
                                  ERROR: Property 'de' does not exist on type 'StringOrTranslated'.
                                    Property 'de' does not exist on type 'string'.
                                  
                                              unsubscribe(value);
                                                          ^
                                  ERROR: Argument of type 'unknown' is not assignable to parameter of type 'string | RegExp | string[]'.
                                  
                                  
                                  1 Antwort Letzte Antwort
                                  0
                                  • T Nicht stören
                                    T Nicht stören
                                    ticaki
                                    schrieb am zuletzt editiert von
                                    #7889

                                    zu altes Skript - nicht kompatibel mit aktuellem JS-Adapter - vermute ich.

                                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                    Spenden

                                    1 Antwort Letzte Antwort
                                    1
                                    • T Online
                                      T Online
                                      TimoWald
                                      schrieb am zuletzt editiert von
                                      #7890

                                      Das TypeScript im JavaScript Adapter?

                                      T 1 Antwort Letzte Antwort
                                      0
                                      • T TimoWald

                                        Das TypeScript im JavaScript Adapter?

                                        T Offline
                                        T Offline
                                        TT-Tom
                                        schrieb am zuletzt editiert von
                                        #7891

                                        @TimoWald
                                        ganz wichtig bei Probleme sind die Versionen die eingesetzt werden.
                                        TFT-Version
                                        Berry
                                        Tasmota
                                        Script

                                        dann können wir Die Probleme aus ggf. nachvollziehen.

                                        Gruß Tom
                                        https://github.com/tt-tom17
                                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                        NSPanel Script Wiki
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                        NSPanel Adapter Wiki
                                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                        1 Antwort Letzte Antwort
                                        2
                                        • D Offline
                                          D Offline
                                          diwoma
                                          schrieb am zuletzt editiert von
                                          #7892

                                          Nachdem ich Proxmox und IOB-Container auf Trixie hochgehoben habe, wollte ich auch IOB selbst auf den neuesten Stand bringen.
                                          Auch ich bin mit meinem alten TS-Skript ebenfalls auf diesen Fehler gestoßen.

                                          Ja, es ist sehr alt:
                                          Skript-Version V3.4.2.1 vom 16.09.2022.
                                          Dementsprechend sind auch die Berry-Teiber und Tasmota nie angepasst worden.
                                          Und ich habe es nie angepasst, weil es funktioniert hat und ich alle diese Neuerungen nie gebraucht habe. Und weil ich selbst was hingebaut habe, weil es nicht funktioniert hat wie ich es wollte (in einem Punkt).

                                          Die Frage ist jetzt, lässt sich in dem alten Skript noch etwas anpassen (auf die schnelle), also Fallback rausnehmen oder im .common.name noch schnell ein 'de' dazubasteln und den unsubscribe-Fehler durch eine Abfrage umgehen.

                                          Wenn nicht, dann muss ich abschätzen, ob ich auf mein TS-Panel verzichten soll oder weiter auf dem passenden Javaskript bleiben soll.
                                          Wobei zweiteres wahrscheinlich auch nicht auf Dauer gehen wird.

                                          -- diwoma

                                          ioBroker in LX-Container in Proxmox
                                          Zigbee-Coordinator: CC2652P2-TCP FW: 20230507

                                          ArmilarA 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          473

                                          Online

                                          32.6k

                                          Benutzer

                                          81.9k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe