Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    209

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    7.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • F Frank579

    @armilar @egal @Kuckuckmann waren natürlich auch gemeint 😀

    K Offline
    K Offline
    Kuckuckmann
    wrote on last edited by
    #1469

    @frank579
    Sag mir gerade nochmal bitte, wo waren da Username und Passwort drin?
    Ich nehme das addhoc in die FAQ auf.

    NSPanel Dokumentation im GitHub Wiki:

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

    F 1 Reply Last reply
    0
    • K Kuckuckmann

      @frank579
      Sag mir gerade nochmal bitte, wo waren da Username und Passwort drin?
      Ich nehme das addhoc in die FAQ auf.

      F Offline
      F Offline
      Frank579
      wrote on last edited by Frank579
      #1470

      @kuckuckmann Auf dem NSPanel Tasmota web Zugang

      K 1 Reply Last reply
      0
      • F Frank579

        @kuckuckmann Auf dem NSPanel Tasmota web Zugang

        K Offline
        K Offline
        Kuckuckmann
        wrote on last edited by
        #1471

        @frank579
        Danke sehr

        NSPanel Dokumentation im GitHub Wiki:

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

        1 Reply Last reply
        0
        • ArmilarA Armilar

          @gelberlemmy

          Die Vorgehensweise von @Kuckuckmann ist schon okay. Das alte Script deaktivieren (ist auch Fallback) und dann ein neues Script anlegen mit dem Inhalt der NsPanelTs_without_Examples.ts

          Dann die wichtigsten Konfigurationen wieder in das neue Script übernehmen. Das wäre aus meiner Sicht:

          • const NSPanel_Path

          und in der
          export const config: Config = {

          • panelRecvTopic:
          • panelSendTopic:
          • firstScreensaverEntity - fourthScreensaverEntity:
          • mrIcon1ScreensaverEntity:
          • mrIcon2ScreensaverEntity:

          Im Vorfeld noch kurz überprüfen, ob der JS-Adapter > v6.1.3 ist und ggfs. falls nicht aktuell das System updaten. nodeJS v16.19.0 wäre auch ganz gut.

          Dann den BerryDriver auf 8 anheben und ein TFT-Update (FlashNextion analog der unteren Anleitung in den Release Notes) machen.

          Du kannst die Tasmota-Version auch auf 12.3.1 updaten. Mit dem BerryDriver 8 dürfte es keine Probleme mit dem TFT-Update mehr geben.

          Im Anschluss dann noch die Seitendefinitionen kopieren und ggfs. mit Änderungen aus der aktuellen NsPanelTs.ts (Beispiele) oder den Wiki-Beschreibungen vergleichen. Es gab schon die ein oder andere Veränderung in einigen Seitendefinitionen oder pageItems...

          gelberlemmyG Offline
          gelberlemmyG Offline
          gelberlemmy
          wrote on last edited by
          #1472

          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

          BerryDriver auf 8

          Danke für die Antwort. Werde ich auch so machen.

          1 Reply Last reply
          0
          • ArmilarA Armilar

            @gelberlemmy

            Die Vorgehensweise von @Kuckuckmann ist schon okay. Das alte Script deaktivieren (ist auch Fallback) und dann ein neues Script anlegen mit dem Inhalt der NsPanelTs_without_Examples.ts

            Dann die wichtigsten Konfigurationen wieder in das neue Script übernehmen. Das wäre aus meiner Sicht:

            • const NSPanel_Path

            und in der
            export const config: Config = {

            • panelRecvTopic:
            • panelSendTopic:
            • firstScreensaverEntity - fourthScreensaverEntity:
            • mrIcon1ScreensaverEntity:
            • mrIcon2ScreensaverEntity:

            Im Vorfeld noch kurz überprüfen, ob der JS-Adapter > v6.1.3 ist und ggfs. falls nicht aktuell das System updaten. nodeJS v16.19.0 wäre auch ganz gut.

            Dann den BerryDriver auf 8 anheben und ein TFT-Update (FlashNextion analog der unteren Anleitung in den Release Notes) machen.

            Du kannst die Tasmota-Version auch auf 12.3.1 updaten. Mit dem BerryDriver 8 dürfte es keine Probleme mit dem TFT-Update mehr geben.

            Im Anschluss dann noch die Seitendefinitionen kopieren und ggfs. mit Änderungen aus der aktuellen NsPanelTs.ts (Beispiele) oder den Wiki-Beschreibungen vergleichen. Es gab schon die ein oder andere Veränderung in einigen Seitendefinitionen oder pageItems...

            gelberlemmyG Offline
            gelberlemmyG Offline
            gelberlemmy
            wrote on last edited by
            #1473

            @armilar sagte in SONOFF NSPanel mit Lovelace UI:

            @gelberlemmy

            Die Vorgehensweise von @Kuckuckmann ist schon okay. Das alte Script deaktivieren (ist auch Fallback) und dann ein neues Script anlegen mit dem Inhalt der NsPanelTs_without_Examples.ts

            Dann die wichtigsten Konfigurationen wieder in das neue Script übernehmen. Das wäre aus meiner Sicht:

            • const NSPanel_Path

            und in der
            export const config: Config = {

            • panelRecvTopic:
            • panelSendTopic:
            • firstScreensaverEntity - fourthScreensaverEntity:
            • mrIcon1ScreensaverEntity:
            • mrIcon2ScreensaverEntity:

            Im Vorfeld noch kurz überprüfen, ob der JS-Adapter > v6.1.3 ist und ggfs. falls nicht aktuell das System updaten. nodeJS v16.19.0 wäre auch ganz gut.

            Dann den BerryDriver auf 8 anheben und ein TFT-Update (FlashNextion analog der unteren Anleitung in den Release Notes) machen.

            Du kannst die Tasmota-Version auch auf 12.3.1 updaten. Mit dem BerryDriver 8 dürfte es keine Probleme mit dem TFT-Update mehr geben.

            Im Anschluss dann noch die Seitendefinitionen kopieren und ggfs. mit Änderungen aus der aktuellen NsPanelTs.ts (Beispiele) oder den Wiki-Beschreibungen vergleichen. Es gab schon die ein oder andere Veränderung in einigen Seitendefinitionen oder pageItems...

            Eine Frage habe ich noch, wie kann ich ersehen, ob ich den BerryDriver und das TFT richtig geupdatet habe ? Gibt es da eine Eingabe in der Konsole ?

            ArmilarA 1 Reply Last reply
            0
            • gelberlemmyG gelberlemmy

              @armilar sagte in SONOFF NSPanel mit Lovelace UI:

              @gelberlemmy

              Die Vorgehensweise von @Kuckuckmann ist schon okay. Das alte Script deaktivieren (ist auch Fallback) und dann ein neues Script anlegen mit dem Inhalt der NsPanelTs_without_Examples.ts

              Dann die wichtigsten Konfigurationen wieder in das neue Script übernehmen. Das wäre aus meiner Sicht:

              • const NSPanel_Path

              und in der
              export const config: Config = {

              • panelRecvTopic:
              • panelSendTopic:
              • firstScreensaverEntity - fourthScreensaverEntity:
              • mrIcon1ScreensaverEntity:
              • mrIcon2ScreensaverEntity:

              Im Vorfeld noch kurz überprüfen, ob der JS-Adapter > v6.1.3 ist und ggfs. falls nicht aktuell das System updaten. nodeJS v16.19.0 wäre auch ganz gut.

              Dann den BerryDriver auf 8 anheben und ein TFT-Update (FlashNextion analog der unteren Anleitung in den Release Notes) machen.

              Du kannst die Tasmota-Version auch auf 12.3.1 updaten. Mit dem BerryDriver 8 dürfte es keine Probleme mit dem TFT-Update mehr geben.

              Im Anschluss dann noch die Seitendefinitionen kopieren und ggfs. mit Änderungen aus der aktuellen NsPanelTs.ts (Beispiele) oder den Wiki-Beschreibungen vergleichen. Es gab schon die ein oder andere Veränderung in einigen Seitendefinitionen oder pageItems...

              Eine Frage habe ich noch, wie kann ich ersehen, ob ich den BerryDriver und das TFT richtig geupdatet habe ? Gibt es da eine Eingabe in der Konsole ?

              ArmilarA Offline
              ArmilarA Offline
              Armilar
              Most Active Forum Testing
              wrote on last edited by Armilar
              #1474

              @gelberlemmy

              Wenn du nach einem Tasmota-Reboot in die Console folgende Befehle eingibst:

              GetDriverVersion
              

              gibt

              21:23:14.177 MQT: SmartHome/NSPanel_1/tele/RESULT = {"nlui_driver_version":"8"}
              

              zurück. Die 8 steht für die BerryDriver Version.

              CustomSend pageType~pageStartup
              

              gibt

              21:26:42.736 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,startup,46,eu"}
              

              zurück.

              • 46 steht für 3.7.0 - 3.7.3 (somit aktuell)
              • eu ist die eu-TFT-Version

              Mit:

              Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
              

              und mit

              FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.7.3.tft
              

              sollte aber alles korrekt sein

              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 Reply Last reply
              1
              • ArmilarA Armilar

                @frank579

                Gerne, aber ohne den entscheidenden Hinweis von @egal hätte ich auch noch länger herumgestochert. 👍

                F Offline
                F Offline
                Frank579
                wrote on last edited by
                #1475

                @armilar
                Bin jetzt wieder auf meinem MQTT Server umgezogen (mqtt.0), Hatte den mqtt.1 nur eingerichtet um einen Fehler am MQTT Server auszuschließen, läuft nach Anpassungen auch wieder bekomme nur im Log jetzt immer

                mqtt.0
                2023-01-01 21:06:00.079	info	send2Server mqtt.0.Tasmota.NSPanel_01.cmnd.CustomSend[Tasmota/NSPanel_01/cmnd/CustomSend]
                

                Einstellungen im MQTT sollten passen :
                mqtt.PNG

                Denke nicht das es am NS Panel liegt, da ich das bei andern Schaltvorgängen auch habe, aber evtl. hast du ja eine Idee 🙂

                ArmilarA 1 Reply Last reply
                0
                • F Frank579

                  @armilar
                  Bin jetzt wieder auf meinem MQTT Server umgezogen (mqtt.0), Hatte den mqtt.1 nur eingerichtet um einen Fehler am MQTT Server auszuschließen, läuft nach Anpassungen auch wieder bekomme nur im Log jetzt immer

                  mqtt.0
                  2023-01-01 21:06:00.079	info	send2Server mqtt.0.Tasmota.NSPanel_01.cmnd.CustomSend[Tasmota/NSPanel_01/cmnd/CustomSend]
                  

                  Einstellungen im MQTT sollten passen :
                  mqtt.PNG

                  Denke nicht das es am NS Panel liegt, da ich das bei andern Schaltvorgängen auch habe, aber evtl. hast du ja eine Idee 🙂

                  ArmilarA Offline
                  ArmilarA Offline
                  Armilar
                  Most Active Forum Testing
                  wrote on last edited by Armilar
                  #1476

                  @frank579 sagte in SONOFF NSPanel mit Lovelace UI:

                  send2Server

                  Wo auch immer das her kommt, ein send2Server gibt es nicht im TS-Script.

                  Hast du noch weitere Scripte? Evtl. ein globales Script? Das scheint eine Debug-Meldung zu haben. Aus dem TS-Script kommt das nicht...

                  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.

                  F 1 Reply Last reply
                  0
                  • ArmilarA Armilar

                    @frank579 sagte in SONOFF NSPanel mit Lovelace UI:

                    send2Server

                    Wo auch immer das her kommt, ein send2Server gibt es nicht im TS-Script.

                    Hast du noch weitere Scripte? Evtl. ein globales Script? Das scheint eine Debug-Meldung zu haben. Aus dem TS-Script kommt das nicht...

                    F Offline
                    F Offline
                    Frank579
                    wrote on last edited by
                    #1477

                    @armilar
                    Nicht im Bezug zum NS Panel, denke kommt von der Kommunikation MQTT Adapter -> Mosquitto Server, hab den mqtt.0 jetzt wieder auf warn stehen nu is ruhe ...

                    1 Reply Last reply
                    0
                    • T Offline
                      T Offline
                      thomson
                      wrote on last edited by thomson
                      #1478

                      Moin zusammen und ein Frohes neues Jahr!

                      Erstmal danke für die guten Erklärungen und Beiträge!
                      Habe das Panel nun seit knapp zwei Wochen. Komme leider an ein paar Punkten nicht weiter und benötige Unterstützung 😕

                      • TFT 46 / v3.7.3 / BerryDriver 8 / Tasmota 12.3.1

                      Skript wurde neu geladen -> Screensaver kommt nach 30sek

                      2.1.2023, 20:04:36.478	[info ]: javascript.0 (12969) Stop script script.js.common.NSPanels.nspFlur
                      2.1.2023, 20:04:36.526	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: compiling TypeScript source...
                      2.1.2023, 20:04:37.469	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: source code did not change, using cached compilation result...
                      2.1.2023, 20:04:37.522	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: Wetter-Alias existiert bereits
                      2.1.2023, 20:04:37.574	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: registered 20 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions
                      2.1.2023, 20:04:58.425	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
                      2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                      2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                      2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                      2.1.2023, 20:04:58.427	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
                      2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                      2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                      2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                      2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
                      2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                      2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                      2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                      2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
                      2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                      2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                      2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                      2.1.2023, 20:05:00.012	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
                      2.1.2023, 20:05:00.012	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:1231:9)
                      


                      Bin wie in der Anleitung vorgegangen. Die Seite kann ich aufrufen aber es sind keine Daten unter SSID/Passwort/QR-Code

                      var WLAN: PageQR = 
                      {
                          "type": "cardQR",
                          "heading": "Gäste WLAN",
                          "useColor": true,
                          "subPage": true,
                          "parent": Service,
                          "items": [
                      		<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                      	
                      	]
                      };
                      

                      98ca9163-ca35-4585-bb6f-d0b88489d011-image.png


                      Nutzt die Thermostet von HM (kein IP)
                      Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

                      let Thermo: PageThermo =
                      {
                          "type": "cardThermo",
                          "heading": "Thermostat",
                          "useColor": true,
                          "subPage": true,
                          "parent": Umwelt,
                           "items": [
                               <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                           ]
                      };
                      

                      2.PNG

                      • Kann ich als Hintergrund Bilder / Farbverläufe oder ähnliches einstellen?

                      • Ist es möglich als Infotext eine Ausgabe zu bekommen welche Fenster geöffnet sind? Was ggf. ja mehrere sein können

                      Vielen Dank

                      K ArmilarA P 3 Replies Last reply
                      0
                      • T thomson

                        Moin zusammen und ein Frohes neues Jahr!

                        Erstmal danke für die guten Erklärungen und Beiträge!
                        Habe das Panel nun seit knapp zwei Wochen. Komme leider an ein paar Punkten nicht weiter und benötige Unterstützung 😕

                        • TFT 46 / v3.7.3 / BerryDriver 8 / Tasmota 12.3.1

                        Skript wurde neu geladen -> Screensaver kommt nach 30sek

                        2.1.2023, 20:04:36.478	[info ]: javascript.0 (12969) Stop script script.js.common.NSPanels.nspFlur
                        2.1.2023, 20:04:36.526	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: compiling TypeScript source...
                        2.1.2023, 20:04:37.469	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: source code did not change, using cached compilation result...
                        2.1.2023, 20:04:37.522	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: Wetter-Alias existiert bereits
                        2.1.2023, 20:04:37.574	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: registered 20 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions
                        2.1.2023, 20:04:58.425	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
                        2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                        2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                        2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                        2.1.2023, 20:04:58.427	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
                        2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                        2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                        2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                        2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
                        2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                        2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                        2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                        2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
                        2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                        2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                        2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                        2.1.2023, 20:05:00.012	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
                        2.1.2023, 20:05:00.012	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:1231:9)
                        


                        Bin wie in der Anleitung vorgegangen. Die Seite kann ich aufrufen aber es sind keine Daten unter SSID/Passwort/QR-Code

                        var WLAN: PageQR = 
                        {
                            "type": "cardQR",
                            "heading": "Gäste WLAN",
                            "useColor": true,
                            "subPage": true,
                            "parent": Service,
                            "items": [
                        		<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                        	
                        	]
                        };
                        

                        98ca9163-ca35-4585-bb6f-d0b88489d011-image.png


                        Nutzt die Thermostet von HM (kein IP)
                        Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

                        let Thermo: PageThermo =
                        {
                            "type": "cardThermo",
                            "heading": "Thermostat",
                            "useColor": true,
                            "subPage": true,
                            "parent": Umwelt,
                             "items": [
                                 <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                             ]
                        };
                        

                        2.PNG

                        • Kann ich als Hintergrund Bilder / Farbverläufe oder ähnliches einstellen?

                        • Ist es möglich als Infotext eine Ausgabe zu bekommen welche Fenster geöffnet sind? Was ggf. ja mehrere sein können

                        Vielen Dank

                        K Offline
                        K Offline
                        Kuckuckmann
                        wrote on last edited by Kuckuckmann
                        #1479

                        @thomson
                        Huhu,

                        willkommen 🙂

                        In Bezug auf die QR-Code WLAN Page: Du hast den Wert in den Namen des Objektes geschrieben.
                        Nimm die Zeichenkette da raus und setze den Namen "WLAN_Guest", damit passt es schon zu Deinem PageItem.
                        Speichere das nu ab und füge die Zeichenkette bei Wert ein. Danach hast du schon mal weniger Fehler und die Seite wird gehen.

                        Für die CardThermo benötigen wir den Meister diese Threads @Armilar. Ich kann da leider nicht behilflich sein.

                        Zu deinen Fragen:

                        • Hintergrundbilder und Farbverläufe gehen nicht. Wenn dann Uni-Farben und das auch nur limitiert wie auf dem Screensaver.
                        • Da kann man was machen, sei es über ein Blockly/Skript und z.B. einen Infopupup (Dazu gerne mal in der Wiki schauen) oder ggf. mit einer Neuerung, an deren Dokumentation wir gerade arbeiten. Vlt. da noch ein paar tage Geduld haben 😉
                          Evtl. hat @Armilar da auch noch einen guten Tipp, oder kann mich korrigieren, wenn ich falsch liege 😄

                        LG

                        NSPanel Dokumentation im GitHub Wiki:

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

                        T 1 Reply Last reply
                        1
                        • T thomson

                          Moin zusammen und ein Frohes neues Jahr!

                          Erstmal danke für die guten Erklärungen und Beiträge!
                          Habe das Panel nun seit knapp zwei Wochen. Komme leider an ein paar Punkten nicht weiter und benötige Unterstützung 😕

                          • TFT 46 / v3.7.3 / BerryDriver 8 / Tasmota 12.3.1

                          Skript wurde neu geladen -> Screensaver kommt nach 30sek

                          2.1.2023, 20:04:36.478	[info ]: javascript.0 (12969) Stop script script.js.common.NSPanels.nspFlur
                          2.1.2023, 20:04:36.526	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: compiling TypeScript source...
                          2.1.2023, 20:04:37.469	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: source code did not change, using cached compilation result...
                          2.1.2023, 20:04:37.522	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: Wetter-Alias existiert bereits
                          2.1.2023, 20:04:37.574	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: registered 20 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions
                          2.1.2023, 20:04:58.425	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
                          2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                          2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                          2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                          2.1.2023, 20:04:58.427	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
                          2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                          2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                          2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                          2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
                          2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                          2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                          2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                          2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
                          2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                          2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                          2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                          2.1.2023, 20:05:00.012	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
                          2.1.2023, 20:05:00.012	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:1231:9)
                          


                          Bin wie in der Anleitung vorgegangen. Die Seite kann ich aufrufen aber es sind keine Daten unter SSID/Passwort/QR-Code

                          var WLAN: PageQR = 
                          {
                              "type": "cardQR",
                              "heading": "Gäste WLAN",
                              "useColor": true,
                              "subPage": true,
                              "parent": Service,
                              "items": [
                          		<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                          	
                          	]
                          };
                          

                          98ca9163-ca35-4585-bb6f-d0b88489d011-image.png


                          Nutzt die Thermostet von HM (kein IP)
                          Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

                          let Thermo: PageThermo =
                          {
                              "type": "cardThermo",
                              "heading": "Thermostat",
                              "useColor": true,
                              "subPage": true,
                              "parent": Umwelt,
                               "items": [
                                   <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                               ]
                          };
                          

                          2.PNG

                          • Kann ich als Hintergrund Bilder / Farbverläufe oder ähnliches einstellen?

                          • Ist es möglich als Infotext eine Ausgabe zu bekommen welche Fenster geöffnet sind? Was ggf. ja mehrere sein können

                          Vielen Dank

                          ArmilarA Offline
                          ArmilarA Offline
                          Armilar
                          Most Active Forum Testing
                          wrote on last edited by
                          #1480

                          @thomson sagte in SONOFF NSPanel mit Lovelace UI:

                          Nutzt die Thermostet von HM (kein IP)
                          Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

                          Willkommen und Frohes Neues Jahr 2023

                          Nutzt die Thermostet von HM (kein IP)
                          Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

                          Haben seit der letzten Version eine Verschiebung in den Bezeichnern beim Thermostaten. Hotfix kommt morgen/übermorgen.

                          Die HM (nicht IP) sind etwas speziell zwischen Mode und Automatic, etc. Wir hatten den Punkt erst vor Kurzem. Da muss erst ein wenig in der 0_userdata virtualisiert und emuliert werden, bevor die funktionieren. Versuche das Beispiel nach dem Hotfix mal aufzugreifen...

                          Kann ich als Hintergrund Bilder / Farbverläufe oder ähnliches einstellen?

                          Du kannst die Hintergrundfarbe verändern und du kannst die "meisten" Vordergrundfarben in den Konstanten oben im Script verändern. Farbverläufe sind nicht möglich.

                          Ist es möglich als Infotext eine Ausgabe zu bekommen welche Fenster geöffnet sind? Was ggf. ja mehrere sein können

                          Natürlich: Über ein separates Script (Blockly/JS) ermittelst du generisch die geöffneten Fenster (Gibt im Forum massenhaft Beispiele). Zum Zeitpunkt deiner Wahl überträgst du die Info dann an eine der folgenden Info-Dialoge im NSPanel:

                          Du kannst dazu die ScreensaverNotify
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#3-info-screensaver-info-auf-request

                          oder die popUp Notify nutzen...
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#popupnotify

                          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 Reply Last reply
                          0
                          • K Kuckuckmann

                            @thomson
                            Huhu,

                            willkommen 🙂

                            In Bezug auf die QR-Code WLAN Page: Du hast den Wert in den Namen des Objektes geschrieben.
                            Nimm die Zeichenkette da raus und setze den Namen "WLAN_Guest", damit passt es schon zu Deinem PageItem.
                            Speichere das nu ab und füge die Zeichenkette bei Wert ein. Danach hast du schon mal weniger Fehler und die Seite wird gehen.

                            Für die CardThermo benötigen wir den Meister diese Threads @Armilar. Ich kann da leider nicht behilflich sein.

                            Zu deinen Fragen:

                            • Hintergrundbilder und Farbverläufe gehen nicht. Wenn dann Uni-Farben und das auch nur limitiert wie auf dem Screensaver.
                            • Da kann man was machen, sei es über ein Blockly/Skript und z.B. einen Infopupup (Dazu gerne mal in der Wiki schauen) oder ggf. mit einer Neuerung, an deren Dokumentation wir gerade arbeiten. Vlt. da noch ein paar tage Geduld haben 😉
                              Evtl. hat @Armilar da auch noch einen guten Tipp, oder kann mich korrigieren, wenn ich falsch liege 😄

                            LG

                            T Offline
                            T Offline
                            thomson
                            wrote on last edited by
                            #1481

                            @kuckuckmann said in SONOFF NSPanel mit Lovelace UI:

                            In Bezug auf die QR-Code WLAN Page: Du hast den Wert in den Namen des Objektes geschrieben.
                            Nimm die Zeichenkette da raus und setze den Namen "WLAN_Guest", damit passt es schon zu Deinem PageItem.
                            Speichere das nu ab und füge die Zeichenkette bei Wert ein. Danach hast du schon mal weniger Fehler und die Seite wird gehen

                            Super das hat geklappt und verstanden... Blöder Fehler.....
                            Dankeschön!

                            1 Reply Last reply
                            0
                            • ArmilarA Armilar

                              @thomson sagte in SONOFF NSPanel mit Lovelace UI:

                              Nutzt die Thermostet von HM (kein IP)
                              Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

                              Willkommen und Frohes Neues Jahr 2023

                              Nutzt die Thermostet von HM (kein IP)
                              Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

                              Haben seit der letzten Version eine Verschiebung in den Bezeichnern beim Thermostaten. Hotfix kommt morgen/übermorgen.

                              Die HM (nicht IP) sind etwas speziell zwischen Mode und Automatic, etc. Wir hatten den Punkt erst vor Kurzem. Da muss erst ein wenig in der 0_userdata virtualisiert und emuliert werden, bevor die funktionieren. Versuche das Beispiel nach dem Hotfix mal aufzugreifen...

                              Kann ich als Hintergrund Bilder / Farbverläufe oder ähnliches einstellen?

                              Du kannst die Hintergrundfarbe verändern und du kannst die "meisten" Vordergrundfarben in den Konstanten oben im Script verändern. Farbverläufe sind nicht möglich.

                              Ist es möglich als Infotext eine Ausgabe zu bekommen welche Fenster geöffnet sind? Was ggf. ja mehrere sein können

                              Natürlich: Über ein separates Script (Blockly/JS) ermittelst du generisch die geöffneten Fenster (Gibt im Forum massenhaft Beispiele). Zum Zeitpunkt deiner Wahl überträgst du die Info dann an eine der folgenden Info-Dialoge im NSPanel:

                              Du kannst dazu die ScreensaverNotify
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#3-info-screensaver-info-auf-request

                              oder die popUp Notify nutzen...
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#popupnotify

                              T Offline
                              T Offline
                              thomson
                              wrote on last edited by
                              #1482

                              @armilar Danke für die schnelle Antwort. Werde ich machen. Besten Dank 🙂

                              ArmilarA 1 Reply Last reply
                              0
                              • T thomson

                                @armilar Danke für die schnelle Antwort. Werde ich machen. Besten Dank 🙂

                                ArmilarA Offline
                                ArmilarA Offline
                                Armilar
                                Most Active Forum Testing
                                wrote on last edited by
                                #1483

                                @thomson

                                Gibt es aktuell noch Warnung im Log?

                                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 Reply Last reply
                                0
                                • ArmilarA Armilar

                                  @thomson

                                  Gibt es aktuell noch Warnung im Log?

                                  T Offline
                                  T Offline
                                  thomson
                                  wrote on last edited by
                                  #1484

                                  @armilar

                                  Japp da ist noch einiges drin

                                  3.1.2023, 13:08:20.643	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
                                  3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                                  3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                                  3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                                  3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
                                  3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                                  3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                                  3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                                  3.1.2023, 13:08:20.651	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
                                  3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                                  3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                                  3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                                  3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
                                  3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                                  3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                                  3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                                  
                                  ArmilarA 1 Reply Last reply
                                  0
                                  • T thomson

                                    @armilar

                                    Japp da ist noch einiges drin

                                    3.1.2023, 13:08:20.643	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
                                    3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                                    3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                                    3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                                    3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
                                    3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                                    3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                                    3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                                    3.1.2023, 13:08:20.651	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
                                    3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                                    3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                                    3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                                    3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
                                    3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                                    3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                                    3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                                    
                                    ArmilarA Offline
                                    ArmilarA Offline
                                    Armilar
                                    Most Active Forum Testing
                                    wrote on last edited by
                                    #1485

                                    @thomson

                                    Ist das Panel per http: mit Passwort gesichert?

                                    adee636e-44c3-401b-8e1f-f569b14b12fe-image.png

                                    Falls ja, dann deaktivieren

                                    Poste mal kurz deine Config

                                    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 Reply Last reply
                                    1
                                    • ArmilarA Armilar

                                      @thomson

                                      Ist das Panel per http: mit Passwort gesichert?

                                      adee636e-44c3-401b-8e1f-f569b14b12fe-image.png

                                      Falls ja, dann deaktivieren

                                      Poste mal kurz deine Config

                                      T Offline
                                      T Offline
                                      thomson
                                      wrote on last edited by
                                      #1486

                                      @armilar

                                      3e1c1afb-e933-4fc7-bda7-c795b9d6be67-image.png

                                      //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                                      
                                      let Licht: PageGrid =
                                      {
                                         "type": "cardGrid",
                                         "heading": "Lichtsteuerung",
                                         "useColor": true,
                                         "subPage": false,
                                         "parent": undefined,
                                         "items": [
                                             <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
                                             <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
                                             <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
                                              <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
                                         ]
                                      };
                                      
                                      var Umwelt: PageGrid =
                                      {
                                         "type": "cardGrid",
                                         "heading": "Umwelt",
                                         "useColor": true,
                                         "subPage": false,
                                         "parent": undefined,
                                         "items": [
                                             <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
                                             <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
                                             <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
                                         ]
                                      };
                                      
                                      
                                      
                                      
                                      //*************************Sub Pages*****************************************
                                      let Thermo: PageThermo =
                                      {
                                         "type": "cardThermo",
                                         "heading": "Thermostat",
                                         "useColor": true,
                                         "subPage": true,
                                         "parent": Umwelt,
                                          "items": [
                                              <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                                          ]
                                      };
                                      
                                      
                                      var Aussenlicht: PageGrid =
                                      {
                                         "type": "cardGrid",
                                         "heading": "Außenlicht",
                                         "useColor": true,
                                         "subPage": true,
                                         "parent": Licht,
                                         "items": [
                                         <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
                                         <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
                                         <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
                                         <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
                                         ]
                                      };
                                      
                                      var WLAN: PageQR = 
                                      {
                                         "type": "cardQR",
                                         "heading": "Gäste WLAN",
                                         "useColor": true,
                                         "subPage": true,
                                         "parent": Service,
                                         "items": [
                                         	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                                         
                                         ]
                                      };
                                      
                                      // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
                                      //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                                      
                                      
                                      /********************************************************************************************************** */
                                      //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
                                      /********************************************************************************************************** */
                                      
                                      var Service: PageEntities =
                                      {
                                         "type": "cardEntities",
                                         "heading": "NSPanel Service",
                                         "useColor": true,
                                         "subPage": false,
                                         "parent": undefined, 
                                         "items": [
                                             <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
                                             <PageItem>{ navigate: true, id: "NSPanel_Firmware_Info", icon: "update", onColor: White, name: "Firmware Infos"},
                                             <PageItem>{ navigate: true, id: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
                                         ]
                                      };
                                      
                                             //Subpage 1 von Subpages_2
                                             let NSPanel_Infos: PageEntities =
                                             {
                                                 "type": "cardEntities",
                                                 "heading": "NSPanel Infos",
                                                 "useColor": true,
                                                 "subPage": true,
                                                 "parent": Service,
                                                 "items": [
                                                     <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                     <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                     <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                     <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
                                                 ]
                                             };
                                      /*
                                             //+Subpage 2 von Subpages_2
                                             let NSPanel_Einstellungen: PageEntities =
                                             {
                                                 'type': 'cardEntities',
                                                 'heading': 'Screensaver',
                                                 'useColor': true,
                                                 'subPage': true,
                                                 'parent': Service,
                                                 'items': [
                                                     <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                                                     <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                                                     <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                                                     <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                                                 ]
                                             };*/
                                      
                                             //Subpage 3 von Subpages_2
                                             let NSPanel_Firmware_Info: PageEntities =
                                             {
                                                 'type': 'cardEntities',
                                                 'heading': 'Firmware-Updates',
                                                 'useColor': true,
                                                 'subPage': true,
                                                 'parent': Service,
                                                 'items': [
                                                     <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                     <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                     <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                     <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                                                 ]
                                             };
                                      
                                      export const config: Config = {
                                          panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
                                         panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.cmnd.CustomSend',   // anpassen
                                         firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
                                         secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                                         //secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                                         thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
                                         fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                                         alternativeScreensaverLayout: false,
                                         autoWeatherColorScreensaverLayout: true,
                                         mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                         mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                         timeoutScreensaver: 20,
                                         screenSaverDoubleClick: true,
                                         locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
                                         weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
                                         defaultOffColor: Off,
                                         defaultOnColor: On,
                                         defaultColor: Off,
                                         defaultBackgroundColor: HMIDark,    //New Parameter
                                         temperatureUnit: '°C',
                                         pages: [
                                         		Licht,                //Lichtsteuerung Flur
                                                 Umwelt,
                                                 Service             //Auto-Alias Service Page
                                         ],
                                         subPages: [
                                                     
                                                     NSPanel_Infos,              //Auto-Alias Service Page
                                                    // NSPanel_Einstellungen,      //Auto-Alias Service Page
                                                     NSPanel_Firmware_Info,       //Auto-Alias Service Page
                                                     Thermo,
                                                     WLAN,
                                                     Aussenlicht
                                         ],
                                         button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
                                         button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
                                      };
                                      
                                      // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
                                      
                                      

                                      ArmilarA 2 Replies Last reply
                                      0
                                      • T thomson

                                        @armilar

                                        3e1c1afb-e933-4fc7-bda7-c795b9d6be67-image.png

                                        //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                                        
                                        let Licht: PageGrid =
                                        {
                                           "type": "cardGrid",
                                           "heading": "Lichtsteuerung",
                                           "useColor": true,
                                           "subPage": false,
                                           "parent": undefined,
                                           "items": [
                                               <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
                                               <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
                                               <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
                                                <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
                                           ]
                                        };
                                        
                                        var Umwelt: PageGrid =
                                        {
                                           "type": "cardGrid",
                                           "heading": "Umwelt",
                                           "useColor": true,
                                           "subPage": false,
                                           "parent": undefined,
                                           "items": [
                                               <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
                                               <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
                                               <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
                                           ]
                                        };
                                        
                                        
                                        
                                        
                                        //*************************Sub Pages*****************************************
                                        let Thermo: PageThermo =
                                        {
                                           "type": "cardThermo",
                                           "heading": "Thermostat",
                                           "useColor": true,
                                           "subPage": true,
                                           "parent": Umwelt,
                                            "items": [
                                                <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                                            ]
                                        };
                                        
                                        
                                        var Aussenlicht: PageGrid =
                                        {
                                           "type": "cardGrid",
                                           "heading": "Außenlicht",
                                           "useColor": true,
                                           "subPage": true,
                                           "parent": Licht,
                                           "items": [
                                           <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
                                           <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
                                           <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
                                           <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
                                           ]
                                        };
                                        
                                        var WLAN: PageQR = 
                                        {
                                           "type": "cardQR",
                                           "heading": "Gäste WLAN",
                                           "useColor": true,
                                           "subPage": true,
                                           "parent": Service,
                                           "items": [
                                           	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                                           
                                           ]
                                        };
                                        
                                        // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
                                        //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                                        
                                        
                                        /********************************************************************************************************** */
                                        //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
                                        /********************************************************************************************************** */
                                        
                                        var Service: PageEntities =
                                        {
                                           "type": "cardEntities",
                                           "heading": "NSPanel Service",
                                           "useColor": true,
                                           "subPage": false,
                                           "parent": undefined, 
                                           "items": [
                                               <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
                                               <PageItem>{ navigate: true, id: "NSPanel_Firmware_Info", icon: "update", onColor: White, name: "Firmware Infos"},
                                               <PageItem>{ navigate: true, id: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
                                           ]
                                        };
                                        
                                               //Subpage 1 von Subpages_2
                                               let NSPanel_Infos: PageEntities =
                                               {
                                                   "type": "cardEntities",
                                                   "heading": "NSPanel Infos",
                                                   "useColor": true,
                                                   "subPage": true,
                                                   "parent": Service,
                                                   "items": [
                                                       <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                       <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                       <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                       <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
                                                   ]
                                               };
                                        /*
                                               //+Subpage 2 von Subpages_2
                                               let NSPanel_Einstellungen: PageEntities =
                                               {
                                                   'type': 'cardEntities',
                                                   'heading': 'Screensaver',
                                                   'useColor': true,
                                                   'subPage': true,
                                                   'parent': Service,
                                                   'items': [
                                                       <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                                                       <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                                                       <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                                                       <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                                                   ]
                                               };*/
                                        
                                               //Subpage 3 von Subpages_2
                                               let NSPanel_Firmware_Info: PageEntities =
                                               {
                                                   'type': 'cardEntities',
                                                   'heading': 'Firmware-Updates',
                                                   'useColor': true,
                                                   'subPage': true,
                                                   'parent': Service,
                                                   'items': [
                                                       <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                       <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                       <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                       <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                                                   ]
                                               };
                                        
                                        export const config: Config = {
                                            panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
                                           panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.cmnd.CustomSend',   // anpassen
                                           firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
                                           secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                                           //secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                                           thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
                                           fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                                           alternativeScreensaverLayout: false,
                                           autoWeatherColorScreensaverLayout: true,
                                           mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                           mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                           timeoutScreensaver: 20,
                                           screenSaverDoubleClick: true,
                                           locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
                                           weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
                                           defaultOffColor: Off,
                                           defaultOnColor: On,
                                           defaultColor: Off,
                                           defaultBackgroundColor: HMIDark,    //New Parameter
                                           temperatureUnit: '°C',
                                           pages: [
                                           		Licht,                //Lichtsteuerung Flur
                                                   Umwelt,
                                                   Service             //Auto-Alias Service Page
                                           ],
                                           subPages: [
                                                       
                                                       NSPanel_Infos,              //Auto-Alias Service Page
                                                      // NSPanel_Einstellungen,      //Auto-Alias Service Page
                                                       NSPanel_Firmware_Info,       //Auto-Alias Service Page
                                                       Thermo,
                                                       WLAN,
                                                       Aussenlicht
                                           ],
                                           button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
                                           button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
                                        };
                                        
                                        // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
                                        
                                        

                                        ArmilarA Offline
                                        ArmilarA Offline
                                        Armilar
                                        Most Active Forum Testing
                                        wrote on last edited by Armilar
                                        #1487

                                        @thomson

                                        Das war nur auf die Frage bezogen, ob ein Passwort gesetzt ist?

                                        Nee, die export const config: Config = { aus dem TS-Script würde ich gerne kurz betrachten

                                        EDIT: sehe den Spoiler schon... danke

                                        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 Reply Last reply
                                        1
                                        • T thomson

                                          @armilar

                                          3e1c1afb-e933-4fc7-bda7-c795b9d6be67-image.png

                                          //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                                          
                                          let Licht: PageGrid =
                                          {
                                             "type": "cardGrid",
                                             "heading": "Lichtsteuerung",
                                             "useColor": true,
                                             "subPage": false,
                                             "parent": undefined,
                                             "items": [
                                                 <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
                                                 <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
                                                 <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
                                                  <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
                                             ]
                                          };
                                          
                                          var Umwelt: PageGrid =
                                          {
                                             "type": "cardGrid",
                                             "heading": "Umwelt",
                                             "useColor": true,
                                             "subPage": false,
                                             "parent": undefined,
                                             "items": [
                                                 <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
                                                 <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
                                                 <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
                                             ]
                                          };
                                          
                                          
                                          
                                          
                                          //*************************Sub Pages*****************************************
                                          let Thermo: PageThermo =
                                          {
                                             "type": "cardThermo",
                                             "heading": "Thermostat",
                                             "useColor": true,
                                             "subPage": true,
                                             "parent": Umwelt,
                                              "items": [
                                                  <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                                              ]
                                          };
                                          
                                          
                                          var Aussenlicht: PageGrid =
                                          {
                                             "type": "cardGrid",
                                             "heading": "Außenlicht",
                                             "useColor": true,
                                             "subPage": true,
                                             "parent": Licht,
                                             "items": [
                                             <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
                                             <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
                                             <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
                                             <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
                                             ]
                                          };
                                          
                                          var WLAN: PageQR = 
                                          {
                                             "type": "cardQR",
                                             "heading": "Gäste WLAN",
                                             "useColor": true,
                                             "subPage": true,
                                             "parent": Service,
                                             "items": [
                                             	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                                             
                                             ]
                                          };
                                          
                                          // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
                                          //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                                          
                                          
                                          /********************************************************************************************************** */
                                          //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
                                          /********************************************************************************************************** */
                                          
                                          var Service: PageEntities =
                                          {
                                             "type": "cardEntities",
                                             "heading": "NSPanel Service",
                                             "useColor": true,
                                             "subPage": false,
                                             "parent": undefined, 
                                             "items": [
                                                 <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
                                                 <PageItem>{ navigate: true, id: "NSPanel_Firmware_Info", icon: "update", onColor: White, name: "Firmware Infos"},
                                                 <PageItem>{ navigate: true, id: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
                                             ]
                                          };
                                          
                                                 //Subpage 1 von Subpages_2
                                                 let NSPanel_Infos: PageEntities =
                                                 {
                                                     "type": "cardEntities",
                                                     "heading": "NSPanel Infos",
                                                     "useColor": true,
                                                     "subPage": true,
                                                     "parent": Service,
                                                     "items": [
                                                         <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                         <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                         <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                         <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
                                                     ]
                                                 };
                                          /*
                                                 //+Subpage 2 von Subpages_2
                                                 let NSPanel_Einstellungen: PageEntities =
                                                 {
                                                     'type': 'cardEntities',
                                                     'heading': 'Screensaver',
                                                     'useColor': true,
                                                     'subPage': true,
                                                     'parent': Service,
                                                     'items': [
                                                         <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                                                         <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                                                         <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                                                         <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                                                     ]
                                                 };*/
                                          
                                                 //Subpage 3 von Subpages_2
                                                 let NSPanel_Firmware_Info: PageEntities =
                                                 {
                                                     'type': 'cardEntities',
                                                     'heading': 'Firmware-Updates',
                                                     'useColor': true,
                                                     'subPage': true,
                                                     'parent': Service,
                                                     'items': [
                                                         <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                         <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                         <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                                         <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                                                     ]
                                                 };
                                          
                                          export const config: Config = {
                                              panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
                                             panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.cmnd.CustomSend',   // anpassen
                                             firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
                                             secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                                             //secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                                             thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
                                             fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                                             alternativeScreensaverLayout: false,
                                             autoWeatherColorScreensaverLayout: true,
                                             mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                             mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                             timeoutScreensaver: 20,
                                             screenSaverDoubleClick: true,
                                             locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
                                             weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
                                             defaultOffColor: Off,
                                             defaultOnColor: On,
                                             defaultColor: Off,
                                             defaultBackgroundColor: HMIDark,    //New Parameter
                                             temperatureUnit: '°C',
                                             pages: [
                                             		Licht,                //Lichtsteuerung Flur
                                                     Umwelt,
                                                     Service             //Auto-Alias Service Page
                                             ],
                                             subPages: [
                                                         
                                                         NSPanel_Infos,              //Auto-Alias Service Page
                                                        // NSPanel_Einstellungen,      //Auto-Alias Service Page
                                                         NSPanel_Firmware_Info,       //Auto-Alias Service Page
                                                         Thermo,
                                                         WLAN,
                                                         Aussenlicht
                                             ],
                                             button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
                                             button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
                                          };
                                          
                                          // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
                                          
                                          

                                          ArmilarA Offline
                                          ArmilarA Offline
                                          Armilar
                                          Most Active Forum Testing
                                          wrote on last edited by
                                          #1488

                                          @thomson sagte in SONOFF NSPanel mit Lovelace UI:

                                          mqtt.0.SmartHome.NSPanel_1.stat.POWER1

                                          In deinem Spoiler (Zeile 157 und 158) die beiden Zeilen:

                                             mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                             mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                          

                                          kurz ersetzen durch

                                             mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.nspanel_D3D77C.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                             mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.nspanel_D3D77C.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                                          

                                          Ich schätze mal, dass dein MQTT keinen Zugriff auf mein Panel hat 😉

                                          Danach nochmal durchstarten und das Log erneut senden

                                          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 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          105

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe