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

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

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.
  • 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
                                    • ArmilarA Armilar

                                      @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

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

                                      @armilar

                                      Aso.. Ups falsch verstanden. Ich habe kein Passwort gesetzt. Nun sind keine Fehler mehr im LOG.
                                      Die Info mit den offenen Fenster hab ich auch hinbekommen.
                                      Vielen Dank 🙂

                                      ArmilarA 1 Reply Last reply
                                      1
                                      • T thomson

                                        @armilar

                                        Aso.. Ups falsch verstanden. Ich habe kein Passwort gesetzt. Nun sind keine Fehler mehr im LOG.
                                        Die Info mit den offenen Fenster hab ich auch hinbekommen.
                                        Vielen Dank 🙂

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

                                        @thomson

                                        sehr gerne. Wir haben festgestellt, dass bei der Thermostat-Page im hinteren Bereich alle Zeichen des Payloads > 250 Zeichen abgeschnitten wurden. Das führt bei langen Alias-Namen zu Problemen (und wird mit nächster HMI korrigiert). In der Regel werden dadurch in der aktuellen HMI-Version nur die Labels abgeschnitten. Auf die Buttons dürfte das keinen Einfluss haben...

                                        Du kannst aber dennoch von deinen HM-Thermostaten kurz eine Übersicht der Objekte senden, damit man sehen kann wie die Dinger funktionieren und was angesprochen werden muss...

                                        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

                                          sehr gerne. Wir haben festgestellt, dass bei der Thermostat-Page im hinteren Bereich alle Zeichen des Payloads > 250 Zeichen abgeschnitten wurden. Das führt bei langen Alias-Namen zu Problemen (und wird mit nächster HMI korrigiert). In der Regel werden dadurch in der aktuellen HMI-Version nur die Labels abgeschnitten. Auf die Buttons dürfte das keinen Einfluss haben...

                                          Du kannst aber dennoch von deinen HM-Thermostaten kurz eine Übersicht der Objekte senden, damit man sehen kann wie die Dinger funktionieren und was angesprochen werden muss...

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

                                          @armilar Klar


                                          734975de-13a4-4fa7-b2fd-33ad024340d9-image.png
                                          899f0759-8796-486a-b67f-908e50decf24-image.png

                                          b65442e1-22d8-4b89-9071-b472d74e3dde-image.png
                                          IMG_1927.JPEG

                                          ArmilarA 2 Replies Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          746

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          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