Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

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

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    290

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.7k

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

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m Views 262 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.
  • egalE egal

    So, ihr seid schuld :grinning:
    jetzt mußte ich das Panel noch in Weiss fürs Wohnzimmer bestellen.

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

    @egal

    Ist ja auch hübsch. Wir sind gerne schuld :blush:

    Viele Grüße an deine bessere Hälfte...

    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

      @mading

      ohne N und L wirst du das Panel nie betreiben können. Wie ist es denn jetzt angeschlossen oder ist es noch neu?

      madingM Online
      madingM Online
      mading
      wrote on last edited by
      #1674

      @armilar sagte in SONOFF NSPanel mit Lovelace UI:

      @mading

      ohne N und L wirst du das Panel nie betreiben können. Wie ist es denn jetzt angeschlossen oder ist es noch neu?

      Ich will es bestellen. Ich schau mir noch die Doku etc an bevor ich das mache. Kann ich das nspanel wieder in den auslieferungszustand zurück bringen?

      ArmilarA H 3 Replies Last reply
      1
      • madingM mading

        @armilar sagte in SONOFF NSPanel mit Lovelace UI:

        @mading

        ohne N und L wirst du das Panel nie betreiben können. Wie ist es denn jetzt angeschlossen oder ist es noch neu?

        Ich will es bestellen. Ich schau mir noch die Doku etc an bevor ich das mache. Kann ich das nspanel wieder in den auslieferungszustand zurück bringen?

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

        @mading

        Es gibt Leute die es geschafft haben. Mit viel hin und her und ich weiß auch nicht wie die an die Original TFT wieder herangekommen sind - aber es soll irgendwie möglich sein - mehr weiß ich auch nicht.

        Mir fällt aber kein Grund ein, ein NSPanel wieder gegen einen einfachen Lichtschalter zu tauschen ;-)

        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.

        madingM 1 Reply Last reply
        0
        • madingM mading

          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

          @mading

          ohne N und L wirst du das Panel nie betreiben können. Wie ist es denn jetzt angeschlossen oder ist es noch neu?

          Ich will es bestellen. Ich schau mir noch die Doku etc an bevor ich das mache. Kann ich das nspanel wieder in den auslieferungszustand zurück bringen?

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

          @mading sagte in SONOFF NSPanel mit Lovelace UI:

          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

          @mading

          ohne N und L wirst du das Panel nie betreiben können. Wie ist es denn jetzt angeschlossen oder ist es noch neu?

          Ich will es bestellen. Ich schau mir noch die Doku etc an bevor ich das mache. Kann ich das nspanel wieder in den auslieferungszustand zurück bringen?

          Wenn du einen ESP32 herumfliegen hast, könntest du auch schon anfangen...
          https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Nextion-Editor

          Nextion-Editor auf Windows installieren und den ESP32 mit Tasmota flashen. Ein wenig konfigurieren, ausprobieren und entscheiden...

          Wenn es dann passt, kannst du das Script auch für das Live-Panel nutzen

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

            @mading

            Es gibt Leute die es geschafft haben. Mit viel hin und her und ich weiß auch nicht wie die an die Original TFT wieder herangekommen sind - aber es soll irgendwie möglich sein - mehr weiß ich auch nicht.

            Mir fällt aber kein Grund ein, ein NSPanel wieder gegen einen einfachen Lichtschalter zu tauschen ;-)

            madingM Online
            madingM Online
            mading
            wrote on last edited by
            #1677

            @armilar ok danke. Ich will den Mini TFT in mein Büro unter den Bildschirm stellen. Daher schrieb ich weiter oben dass ich mich mal mit den Video(s) und Wiki/ Anleitung beschäftigen muss, um sicher zu stellen dass es das ist was ich möchte. Grundsätzlich ist es ja aber so, dass es keine breite Alternative für kleine Displays gibt (ein Galaxy Tab hängt für VIS im EG Flur und ein Ink Homematic Ink Display/ Taster im Bad). Ich suche noch was um mir PV/ E-Auto Ladewerte etc. anzeigen zu lassen um die Werte zu sehen während ich arbeite :). Männerspielzeug :D

            ArmilarA 1 Reply Last reply
            1
            • madingM mading

              @armilar ok danke. Ich will den Mini TFT in mein Büro unter den Bildschirm stellen. Daher schrieb ich weiter oben dass ich mich mal mit den Video(s) und Wiki/ Anleitung beschäftigen muss, um sicher zu stellen dass es das ist was ich möchte. Grundsätzlich ist es ja aber so, dass es keine breite Alternative für kleine Displays gibt (ein Galaxy Tab hängt für VIS im EG Flur und ein Ink Homematic Ink Display/ Taster im Bad). Ich suche noch was um mir PV/ E-Auto Ladewerte etc. anzeigen zu lassen um die Werte zu sehen während ich arbeite :). Männerspielzeug :D

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

              @mading

              Ist ein Männerspielzeug... Aber die Frauen finden das irgendwann auch sehr gut... :blush:

              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
              0
              • madingM mading

                @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                @mading

                ohne N und L wirst du das Panel nie betreiben können. Wie ist es denn jetzt angeschlossen oder ist es noch neu?

                Ich will es bestellen. Ich schau mir noch die Doku etc an bevor ich das mache. Kann ich das nspanel wieder in den auslieferungszustand zurück bringen?

                H Offline
                H Offline
                hansano
                wrote on last edited by hansano
                #1679

                @mading

                Ich hatte Lovelace drauf, bin wieder zurück auf die Original Version und jetzt wieder bei Lovelace. Das Original gibt es in irgendeinem Disqord Forum.

                Edit
                Habs gefunden
                Link

                1 Reply Last reply
                2
                • madingM Online
                  madingM Online
                  mading
                  wrote on last edited by mading
                  #1680

                  folgendes sollte ja ausreichen, um das NSPanel zu flashen, richtig: https://www.amazon.de/gp/product/B00AFRXKFU/ref=ox_sc_act_title_1?smid=A1CSDW1MXJ9X3L&psc=1

                  CP210x ist ja klar, mir geht es eher um die Kabel. 5 müssten es sein und sind es.

                  Geht aus dem Wiki nicht hervor. Ich würde es dann dort ergänzen ;)

                  1 Reply Last reply
                  0
                  • T Offline
                    T Offline
                    TT-Tom
                    wrote on last edited by
                    #1681

                    @mading
                    Du benötigst 5 Kabel: 3,3V ; Gnd; TX; RX; und eins um gipo 0 mit Gnd zu verbinden. Ist im Video von Matthias eigentlich gut erklärt, der link ist im Wiki.

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

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

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

                    ArmilarA 1 Reply Last reply
                    0
                    • T TT-Tom

                      @mading
                      Du benötigst 5 Kabel: 3,3V ; Gnd; TX; RX; und eins um gipo 0 mit Gnd zu verbinden. Ist im Video von Matthias eigentlich gut erklärt, der link ist im Wiki.

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

                      @tt-tom

                      @mading
                      https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---Basisinstallation

                      Der Link ist ganz oben - da gehts zu youtube

                      https://www.youtube.com/watch?v=ZPLJk2ZLo_8

                      Das Flashen des Panel hier:
                      https://www.youtube.com/watch?v=uqPz08ZpFW8&t=409s

                      Im 2. Link nur das Flashen berücksichtigen und dann auf das erste Video.

                      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.

                      madingM 1 Reply Last reply
                      0
                      • ArmilarA Armilar

                        @tt-tom

                        @mading
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---Basisinstallation

                        Der Link ist ganz oben - da gehts zu youtube

                        https://www.youtube.com/watch?v=ZPLJk2ZLo_8

                        Das Flashen des Panel hier:
                        https://www.youtube.com/watch?v=uqPz08ZpFW8&t=409s

                        Im 2. Link nur das Flashen berücksichtigen und dann auf das erste Video.

                        madingM Online
                        madingM Online
                        mading
                        wrote on last edited by
                        #1683

                        @armilar danke das habe ich mir alles schon durch gesehen, auch das super wiki. Da ich elektrotechnisch nicht ganz so beschlagen bin dachte ich frage ich mal wegen der Kabel nach. Danke für die Mühen an die Antworter! Hab mir das nspanel und den adapter inkl. Kabel bestellt und wühle mich dann durch das Wiki 🫶👍🏼

                        ArmilarA 1 Reply Last reply
                        1
                        • madingM mading

                          @armilar danke das habe ich mir alles schon durch gesehen, auch das super wiki. Da ich elektrotechnisch nicht ganz so beschlagen bin dachte ich frage ich mal wegen der Kabel nach. Danke für die Mühen an die Antworter! Hab mir das nspanel und den adapter inkl. Kabel bestellt und wühle mich dann durch das Wiki 🫶👍🏼

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

                          @mading

                          Falls fragen, dann einfach nachhaken. Den Part mussten hier im Thread alle durchlaufen ;-)

                          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.

                          R 1 Reply Last reply
                          1
                          • ArmilarA Armilar

                            @mading

                            Falls fragen, dann einfach nachhaken. Den Part mussten hier im Thread alle durchlaufen ;-)

                            R Offline
                            R Offline
                            ronny130286
                            wrote on last edited by ronny130286
                            #1685

                            @armilar

                            Ich habe mir für Lichtschalter noch eine optional Erweiterung einfallen lassen unzwar wenn ich auf den Text Klicke dann öffnet sich nicht die Detailansicht sondern eine Subpage.
                            Über die Subpage kann ich dann Einstellungen am Licht vornehmen. Bei mir ist es so, ich habe bspw. Terrassenlicht was automatisch nach einer Nachlaufzeit ausgehen soll wenn alle Terrassentüren wieder geschlossen sind oder Licht was zu einer bestimmten Zeit an/aus gehen soll, auf der Seite kann man das dann entsprechend einstellen.

                            Ich habe das über eine weitere Option im PageItem angelegt

                            optionPage: (string | undefined)
                            

                            Bsp: optionPage: "Terrasse" (das Terasse steht für die Subpage die angezeigt werden soll und muss auch unter Subpages eingetragen sein)

                            Die Funktion HandleMessage habe ich so abgewandelt:

                            function HandleMessage(typ: string, method: string, page: number, words: Array<string>): void {
                                try {
                                    if (typ == 'event') {
                                        switch (method) {
                                            case 'startup':
                                                screensaverEnabled = false;
                                                UnsubscribeWatcher();
                                                HandleStartupProcess();
                                                pageId = 0;
                                                GeneratePage(config.pages[0]);
                                                break;
                                            case 'sleepReached':
                                                useMediaEvents = false;
                                                screensaverEnabled = true;
                                                if (pageId < 0)
                                                    pageId = 0;
                                                HandleScreensaver();
                                                break;
                                            case 'pageOpenDetail':
                                                screensaverEnabled = false;
                                                UnsubscribeWatcher();
                                                let tempPageItem = words[3].split('?');
                                                let pageItem = findPageItem(tempPageItem[0]);
                                                if(pageItem!== undefined && pageItem.optionPage !== undefined){
                                                    GeneratePage(eval(pageItem.optionPage));
                                                }
                                                else if (pageItem !== undefined && pageItem.optionPage == undefined) {
                                                    //console.log(words[0] + ' - ' + words[1] + ' - ' + words[2] + ' - ' + words[3] + ' - ' + words[4]);
                                                    SendToPanel(GenerateDetailPage(words[2], tempPageItem[1], pageItem));
                                                }
                                                break;
                                            case 'buttonPress2':
                                                screensaverEnabled = false;
                                                HandleButtonEvent(words);
                                                if (Debug) {
                                                    console.log(words[0] + ' - ' + words[1] + ' - ' + words[2] + ' - ' + words[3] + ' - ' + words[4]);
                                                }
                                                break;
                                            case 'button1':
                                            case 'button2':
                                                screensaverEnabled = false;
                                                HandleHardwareButton(method);
                                                break;
                                            default:
                                                break;
                                        }
                                    }
                                } catch (err) {
                                    console.warn('function HandleMessage: ' + err.message);
                                }
                            }
                            

                            Ich habe jetzt nur kleineres Problem wenn ich auf den Text klicke, dann sieht man für eine kurze Zeit erst die Detailseite und dann erst kommt meine Subpage, weist du wie ich das wegbekomme?

                            Anbei mal noch ein paar Bilder dazu vielleicht braucht es ja noch jemand.
                            20230112-154856_eLU8Q65T.mp4

                            20230112_154803.jpg

                            20230112_154816.jpg

                            T ArmilarA 2 Replies Last reply
                            0
                            • R ronny130286

                              @armilar

                              Ich habe mir für Lichtschalter noch eine optional Erweiterung einfallen lassen unzwar wenn ich auf den Text Klicke dann öffnet sich nicht die Detailansicht sondern eine Subpage.
                              Über die Subpage kann ich dann Einstellungen am Licht vornehmen. Bei mir ist es so, ich habe bspw. Terrassenlicht was automatisch nach einer Nachlaufzeit ausgehen soll wenn alle Terrassentüren wieder geschlossen sind oder Licht was zu einer bestimmten Zeit an/aus gehen soll, auf der Seite kann man das dann entsprechend einstellen.

                              Ich habe das über eine weitere Option im PageItem angelegt

                              optionPage: (string | undefined)
                              

                              Bsp: optionPage: "Terrasse" (das Terasse steht für die Subpage die angezeigt werden soll und muss auch unter Subpages eingetragen sein)

                              Die Funktion HandleMessage habe ich so abgewandelt:

                              function HandleMessage(typ: string, method: string, page: number, words: Array<string>): void {
                                  try {
                                      if (typ == 'event') {
                                          switch (method) {
                                              case 'startup':
                                                  screensaverEnabled = false;
                                                  UnsubscribeWatcher();
                                                  HandleStartupProcess();
                                                  pageId = 0;
                                                  GeneratePage(config.pages[0]);
                                                  break;
                                              case 'sleepReached':
                                                  useMediaEvents = false;
                                                  screensaverEnabled = true;
                                                  if (pageId < 0)
                                                      pageId = 0;
                                                  HandleScreensaver();
                                                  break;
                                              case 'pageOpenDetail':
                                                  screensaverEnabled = false;
                                                  UnsubscribeWatcher();
                                                  let tempPageItem = words[3].split('?');
                                                  let pageItem = findPageItem(tempPageItem[0]);
                                                  if(pageItem!== undefined && pageItem.optionPage !== undefined){
                                                      GeneratePage(eval(pageItem.optionPage));
                                                  }
                                                  else if (pageItem !== undefined && pageItem.optionPage == undefined) {
                                                      //console.log(words[0] + ' - ' + words[1] + ' - ' + words[2] + ' - ' + words[3] + ' - ' + words[4]);
                                                      SendToPanel(GenerateDetailPage(words[2], tempPageItem[1], pageItem));
                                                  }
                                                  break;
                                              case 'buttonPress2':
                                                  screensaverEnabled = false;
                                                  HandleButtonEvent(words);
                                                  if (Debug) {
                                                      console.log(words[0] + ' - ' + words[1] + ' - ' + words[2] + ' - ' + words[3] + ' - ' + words[4]);
                                                  }
                                                  break;
                                              case 'button1':
                                              case 'button2':
                                                  screensaverEnabled = false;
                                                  HandleHardwareButton(method);
                                                  break;
                                              default:
                                                  break;
                                          }
                                      }
                                  } catch (err) {
                                      console.warn('function HandleMessage: ' + err.message);
                                  }
                              }
                              

                              Ich habe jetzt nur kleineres Problem wenn ich auf den Text klicke, dann sieht man für eine kurze Zeit erst die Detailseite und dann erst kommt meine Subpage, weist du wie ich das wegbekomme?

                              Anbei mal noch ein paar Bilder dazu vielleicht braucht es ja noch jemand.
                              20230112-154856_eLU8Q65T.mp4

                              20230112_154803.jpg

                              20230112_154816.jpg

                              T Offline
                              T Offline
                              TT-Tom
                              wrote on last edited by TT-Tom
                              #1686

                              @ronny130286

                              hast du das Script vorher kopiert und dann geändert?

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

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

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

                              R 1 Reply Last reply
                              0
                              • T TT-Tom

                                @ronny130286

                                hast du das Script vorher kopiert und dann geändert?

                                R Offline
                                R Offline
                                ronny130286
                                wrote on last edited by ronny130286
                                #1687

                                @tt-tom

                                Ich habe das aktuelle Skript genommen und dann meine Änderungen gemacht, wieso?

                                Edit:
                                Meinst du weil man das eventuell auch mit dem neun Script auch über die Navigation hätte machen können?

                                T 1 Reply Last reply
                                0
                                • R ronny130286

                                  @armilar

                                  Ich habe mir für Lichtschalter noch eine optional Erweiterung einfallen lassen unzwar wenn ich auf den Text Klicke dann öffnet sich nicht die Detailansicht sondern eine Subpage.
                                  Über die Subpage kann ich dann Einstellungen am Licht vornehmen. Bei mir ist es so, ich habe bspw. Terrassenlicht was automatisch nach einer Nachlaufzeit ausgehen soll wenn alle Terrassentüren wieder geschlossen sind oder Licht was zu einer bestimmten Zeit an/aus gehen soll, auf der Seite kann man das dann entsprechend einstellen.

                                  Ich habe das über eine weitere Option im PageItem angelegt

                                  optionPage: (string | undefined)
                                  

                                  Bsp: optionPage: "Terrasse" (das Terasse steht für die Subpage die angezeigt werden soll und muss auch unter Subpages eingetragen sein)

                                  Die Funktion HandleMessage habe ich so abgewandelt:

                                  function HandleMessage(typ: string, method: string, page: number, words: Array<string>): void {
                                      try {
                                          if (typ == 'event') {
                                              switch (method) {
                                                  case 'startup':
                                                      screensaverEnabled = false;
                                                      UnsubscribeWatcher();
                                                      HandleStartupProcess();
                                                      pageId = 0;
                                                      GeneratePage(config.pages[0]);
                                                      break;
                                                  case 'sleepReached':
                                                      useMediaEvents = false;
                                                      screensaverEnabled = true;
                                                      if (pageId < 0)
                                                          pageId = 0;
                                                      HandleScreensaver();
                                                      break;
                                                  case 'pageOpenDetail':
                                                      screensaverEnabled = false;
                                                      UnsubscribeWatcher();
                                                      let tempPageItem = words[3].split('?');
                                                      let pageItem = findPageItem(tempPageItem[0]);
                                                      if(pageItem!== undefined && pageItem.optionPage !== undefined){
                                                          GeneratePage(eval(pageItem.optionPage));
                                                      }
                                                      else if (pageItem !== undefined && pageItem.optionPage == undefined) {
                                                          //console.log(words[0] + ' - ' + words[1] + ' - ' + words[2] + ' - ' + words[3] + ' - ' + words[4]);
                                                          SendToPanel(GenerateDetailPage(words[2], tempPageItem[1], pageItem));
                                                      }
                                                      break;
                                                  case 'buttonPress2':
                                                      screensaverEnabled = false;
                                                      HandleButtonEvent(words);
                                                      if (Debug) {
                                                          console.log(words[0] + ' - ' + words[1] + ' - ' + words[2] + ' - ' + words[3] + ' - ' + words[4]);
                                                      }
                                                      break;
                                                  case 'button1':
                                                  case 'button2':
                                                      screensaverEnabled = false;
                                                      HandleHardwareButton(method);
                                                      break;
                                                  default:
                                                      break;
                                              }
                                          }
                                      } catch (err) {
                                          console.warn('function HandleMessage: ' + err.message);
                                      }
                                  }
                                  

                                  Ich habe jetzt nur kleineres Problem wenn ich auf den Text klicke, dann sieht man für eine kurze Zeit erst die Detailseite und dann erst kommt meine Subpage, weist du wie ich das wegbekomme?

                                  Anbei mal noch ein paar Bilder dazu vielleicht braucht es ja noch jemand.
                                  20230112-154856_eLU8Q65T.mp4

                                  20230112_154803.jpg

                                  20230112_154816.jpg

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

                                  @ronny130286

                                  An den Detailpages kannst du nicht vorbei, denn die werden durch die HMI geöffnet. Ein Lichtschalter hat eben ein festdefiniertes popUp. Das TS-Script schickt dann nur eine Änderung um die richtigen Daten für das popUp anzuzeigen.

                                  Also nicht wirklich so gut die Idee :face_with_rolling_eyes:

                                  EDIT: Wenn ich es richtig in Erinnerung habe, bekommt das popUp-Licht demnächst aber noch eine Sprungmarke zu weiteren Configs.

                                  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.

                                  R 1 Reply Last reply
                                  0
                                  • R ronny130286

                                    @tt-tom

                                    Ich habe das aktuelle Skript genommen und dann meine Änderungen gemacht, wieso?

                                    Edit:
                                    Meinst du weil man das eventuell auch mit dem neun Script auch über die Navigation hätte machen können?

                                    T Offline
                                    T Offline
                                    TT-Tom
                                    wrote on last edited by TT-Tom
                                    #1689

                                    @ronny130286

                                    ich vermute, dass das alte Script parallel mit läuft.

                                    EDIT: @Armilar hat die Lösung, erkennt sich da auch bestens aus :blush:

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

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

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

                                    1 Reply Last reply
                                    0
                                    • ArmilarA Armilar

                                      @ronny130286

                                      An den Detailpages kannst du nicht vorbei, denn die werden durch die HMI geöffnet. Ein Lichtschalter hat eben ein festdefiniertes popUp. Das TS-Script schickt dann nur eine Änderung um die richtigen Daten für das popUp anzuzeigen.

                                      Also nicht wirklich so gut die Idee :face_with_rolling_eyes:

                                      EDIT: Wenn ich es richtig in Erinnerung habe, bekommt das popUp-Licht demnächst aber noch eine Sprungmarke zu weiteren Configs.

                                      R Offline
                                      R Offline
                                      ronny130286
                                      wrote on last edited by
                                      #1690

                                      @armilar

                                      ok, na dann lebe ich erstmal damit wie es jetzt ist und hoffe dann auf die Sprungmarke :)

                                      1 Reply Last reply
                                      1
                                      • ravenst0neR ravenst0ne

                                        @meister-x Hi, ich nutze bei mir folgendes einfaches Blockly:
                                        603c147d-00ac-4904-9b1c-07f7e5730b25-grafik.png

                                        Abhängig von ACTUAL, in einem Fall der Beweungsmelder, wird die aktuelle Hellligkeit entweder auf NSPanel_Dimmode_brightnessNight oder NSPanel_Dimmode_brightnessDay gesetzt.

                                        BlocklyJavascriptTypeScriptRules
                                        Protokoll
                                        Ausgewählte Blöcke exportieren
                                        
                                        <block xmlns="https://developers.google.com/blockly/xml" type="on" id="xkUT),gJZ%H~oK+!piwo" x="38" y="38">
                                          <field name="OID">alias.0.Flur.Licht.ACTUAL</field>
                                          <field name="CONDITION">ne</field>
                                          <field name="ACK_CONDITION"></field>
                                          <statement name="STATEMENT">
                                            <block type="controls_if" id="9:TR)sZ=gTMK{!Mg[NfW">
                                              <mutation else="1"></mutation>
                                              <value name="IF0">
                                                <block type="logic_compare" id="oP$[aE*UASa5S*+UL60f">
                                                  <field name="OP">EQ</field>
                                                  <value name="A">
                                                    <block type="logic_boolean" id="sL;r=yYdcWb@lV|wc`+t">
                                                      <field name="BOOL">FALSE</field>
                                                    </block>
                                                  </value>
                                                  <value name="B">
                                                    <block type="on_source" id="CK8/,FyD4*69y:TRF+c3">
                                                      <field name="ATTR">state.val</field>
                                                    </block>
                                                  </value>
                                                </block>
                                              </value>
                                              <statement name="DO0">
                                                <block type="control" id="_ZPC[8*%a{IUav:AIp9|">
                                                  <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                  <field name="OID">0_userdata.0.NSPanel.3.ScreensaverInfo.activeDimmodeBrightness</field>
                                                  <field name="WITH_DELAY">FALSE</field>
                                                  <value name="VALUE">
                                                    <block type="get_value" id="emcV3lR:.1CV8bIo90BJ">
                                                      <field name="ATTR">val</field>
                                                      <field name="OID">0_userdata.0.NSPanel.3.NSPanel_Dimmode_brightnessNight</field>
                                                    </block>
                                                  </value>
                                                </block>
                                              </statement>
                                              <statement name="ELSE">
                                                <block type="control" id=":NJ49];sb!e%KhU_^`dc">
                                                  <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                  <field name="OID">0_userdata.0.NSPanel.3.ScreensaverInfo.activeDimmodeBrightness</field>
                                                  <field name="WITH_DELAY">FALSE</field>
                                                  <value name="VALUE">
                                                    <block type="get_value" id=";1=GeTNL%eYJ.8n=:R3S">
                                                      <field name="ATTR">val</field>
                                                      <field name="OID">0_userdata.0.NSPanel.3.NSPanel_Dimmode_brightnessDay</field>
                                                    </block>
                                                  </value>
                                                </block>
                                              </statement>
                                            </block>
                                          </statement>
                                        </block>
                                        
                                        <block xmlns="https://developers.google.com/blockly/xml" type="on" id="xkUT),gJZ%H~oK+!piwo" x="38" y="38">
                                          <field name="OID">alias.0.Flur.Licht.ACTUAL</field>
                                          <field name="CONDITION">ne</field>
                                          <field name="ACK_CONDITION"></field>
                                          <statement name="STATEMENT">
                                            <block type="controls_if" id="9:TR)sZ=gTMK{!Mg[NfW">
                                              <mutation else="1"></mutation>
                                              <value name="IF0">
                                                <block type="logic_compare" id="oP$[aE*UASa5S*+UL60f">
                                                  <field name="OP">EQ</field>
                                                  <value name="A">
                                                    <block type="logic_boolean" id="sL;r=yYdcWb@lV|wc`+t">
                                                      <field name="BOOL">FALSE</field>
                                                    </block>
                                                  </value>
                                                  <value name="B">
                                                    <block type="on_source" id="CK8/,FyD4*69y:TRF+c3">
                                                      <field name="ATTR">state.val</field>
                                                    </block>
                                                  </value>
                                                </block>
                                              </value>
                                              <statement name="DO0">
                                                <block type="control" id="_ZPC[8*%a{IUav:AIp9|">
                                                  <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                  <field name="OID">0_userdata.0.NSPanel.3.ScreensaverInfo.activeDimmodeBrightness</field>
                                                  <field name="WITH_DELAY">FALSE</field>
                                                  <value name="VALUE">
                                                    <block type="get_value" id="emcV3lR:.1CV8bIo90BJ">
                                                      <field name="ATTR">val</field>
                                                      <field name="OID">0_userdata.0.NSPanel.3.NSPanel_Dimmode_brightnessNight</field>
                                                    </block>
                                                  </value>
                                                </block>
                                              </statement>
                                              <statement name="ELSE">
                                                <block type="control" id=":NJ49];sb!e%KhU_^`dc">
                                                  <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                  <field name="OID">0_userdata.0.NSPanel.3.ScreensaverInfo.activeDimmodeBrightness</field>
                                                  <field name="WITH_DELAY">FALSE</field>
                                                  <value name="VALUE">
                                                    <block type="get_value" id=";1=GeTNL%eYJ.8n=:R3S">
                                                      <field name="ATTR">val</field>
                                                      <field name="OID">0_userdata.0.NSPanel.3.NSPanel_Dimmode_brightnessDay</field>
                                                    </block>
                                                  </value>
                                                </block>
                                              </statement>
                                            </block>
                                          </statement>
                                        </block>
                                        
                                        
                                        Meister-xM Offline
                                        Meister-xM Offline
                                        Meister-x
                                        wrote on last edited by
                                        #1691

                                        @ravenst0ne
                                        Danke..
                                        werde es morgen gleich versuchen.
                                        VG
                                        Gerhard

                                        1 Reply Last reply
                                        0
                                        • ArmilarA Armilar

                                          @ravenst0ne
                                          @Meister-x

                                          86c6cc13-f438-4a73-8d41-c20c82b92fda-image.png

                                          Ich hätte jetzt auch einen Trigger erwartet, jedoch würde das bedeuten, dass der ACTUAL über einen längeren Zeitraum gehalten wird, was die meisten Bewegungsmelder nicht machen. Somit würde auch in dem Blockly von @ravenst0ne das Panel (zumindest bei meinen Bewegungsmeldern unterschiedlicher Hersteller wäre es so) permanent die Helligkeit ändern.

                                          Daher würde ich es (ungetestet) eher so machen:

                                          89849ea3-fa47-4613-9072-dae647cdf831-image.png

                                          <xml xmlns="https://developers.google.com/blockly/xml">
                                            <variables>
                                              <variable id="T{[c0=4G#wWDoVFE!;vu">PanelPath</variable>
                                              <variable type="timeout" id="timeout">timeout</variable>
                                            </variables>
                                            <block type="variables_set" id="Ou[p`j.9:LS49;(d`ydh" x="37" y="-87">
                                              <field name="VAR" id="T{[c0=4G#wWDoVFE!;vu">PanelPath</field>
                                              <value name="VALUE">
                                                <block type="text" id="yFuV!E?3sh;6?.+6p8?q">
                                                  <field name="TEXT">0_userdata.0.NSPanel.1.</field>
                                                </block>
                                              </value>
                                              <next>
                                                <block type="on_ext" id="WmK_{C-/U_]f2c,!onV^">
                                                  <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
                                                  <field name="CONDITION">ne</field>
                                                  <field name="ACK_CONDITION"></field>
                                                  <value name="OID0">
                                                    <shadow type="field_oid" id="b9Mi:+tC(;O-%}6b5qU!">
                                                      <field name="oid">default</field>
                                                    </shadow>
                                                    <block type="text" id="tzk#0O5uEH5cj6COWS.|">
                                                      <field name="TEXT">hier Trigger auf DP von BWM</field>
                                                    </block>
                                                  </value>
                                                  <statement name="STATEMENT">
                                                    <block type="controls_if" id="`v7.LxPyQ(HEYvVhpWfw">
                                                      <value name="IF0">
                                                        <block type="on_source" id="d?7UJ~+o3Y)ZhHw{TBE/">
                                                          <field name="ATTR">state.val</field>
                                                        </block>
                                                      </value>
                                                      <statement name="DO0">
                                                        <block type="control_ex" id="l*^r%n+t7$MplXhL8.U1">
                                                          <field name="TYPE">false</field>
                                                          <field name="CLEAR_RUNNING">FALSE</field>
                                                          <value name="OID">
                                                            <shadow type="field_oid" id="5fM_G@dXcswE[vjR|fj1">
                                                              <field name="oid">Object ID</field>
                                                            </shadow>
                                                            <block type="text_join" id="I!kX:P|jYs#R.nvAt:X$">
                                                              <mutation items="2"></mutation>
                                                              <value name="ADD0">
                                                                <block type="variables_get" id="D=~K)3Z@BhWXyeQF8B~E">
                                                                  <field name="VAR" id="T{[c0=4G#wWDoVFE!;vu">PanelPath</field>
                                                                </block>
                                                              </value>
                                                              <value name="ADD1">
                                                                <block type="text" id="Y9p%K-~hG|qq7;{qvqn-">
                                                                  <field name="TEXT">ScreensaverInfo.activeDimmodeBrightness</field>
                                                                </block>
                                                              </value>
                                                            </block>
                                                          </value>
                                                          <value name="VALUE">
                                                            <shadow type="logic_boolean" id="nvKhE59q{A$yAa33F#in">
                                                              <field name="BOOL">TRUE</field>
                                                            </shadow>
                                                            <block type="get_value_var" id="wBdL1#WMy[Lt)%iLc#ZX">
                                                              <field name="ATTR">val</field>
                                                              <value name="OID">
                                                                <shadow type="text" id="):jKR?kS8LDKyp?.24ES">
                                                                  <field name="TEXT"></field>
                                                                </shadow>
                                                                <block type="text_join" id="T]~SW}TjS8+o}*?A$PSz">
                                                                  <mutation items="2"></mutation>
                                                                  <value name="ADD0">
                                                                    <block type="variables_get" id="yO:^h4HG[G=UkD`U-?mv">
                                                                      <field name="VAR" id="T{[c0=4G#wWDoVFE!;vu">PanelPath</field>
                                                                    </block>
                                                                  </value>
                                                                  <value name="ADD1">
                                                                    <block type="text" id="IQ64~mO96?c3}MFl2qzx">
                                                                      <field name="TEXT">ScreensaverInfo.activeBrightness</field>
                                                                    </block>
                                                                  </value>
                                                                </block>
                                                              </value>
                                                            </block>
                                                          </value>
                                                          <value name="DELAY_MS">
                                                            <shadow type="math_number" id="3]|#5BwR2|N--h{m0it8">
                                                              <field name="NUM">0</field>
                                                            </shadow>
                                                          </value>
                                                          <next>
                                                            <block type="timeouts_cleartimeout" id="Vr:iRZ)-d~@(6{KkIvjz">
                                                              <field name="NAME">timeout</field>
                                                              <next>
                                                                <block type="timeouts_settimeout" id="{KB@kI*3EcbPOu=f[M!l">
                                                                  <field name="NAME">timeout</field>
                                                                  <field name="DELAY">90</field>
                                                                  <field name="UNIT">sec</field>
                                                                  <statement name="STATEMENT">
                                                                    <block type="control_ex" id="6fLdhT{4=Oe^gb!}sZ6V">
                                                                      <field name="TYPE">false</field>
                                                                      <field name="CLEAR_RUNNING">FALSE</field>
                                                                      <value name="OID">
                                                                        <shadow type="field_oid" id="]A[%5rKO~k9FiOJ^,EZW">
                                                                          <field name="oid">Object ID</field>
                                                                        </shadow>
                                                                        <block type="text_join" id=";F{,f/JP=ayJD_G|,j)U">
                                                                          <mutation items="2"></mutation>
                                                                          <value name="ADD0">
                                                                            <block type="variables_get" id="1^LBeA4vuCe6x7I!DY7s">
                                                                              <field name="VAR" id="T{[c0=4G#wWDoVFE!;vu">PanelPath</field>
                                                                            </block>
                                                                          </value>
                                                                          <value name="ADD1">
                                                                            <block type="text" id="N1b$P`r,Z1?c__pjEihj">
                                                                              <field name="TEXT">ScreensaverInfo.activeDimmodeBrightness</field>
                                                                            </block>
                                                                          </value>
                                                                        </block>
                                                                      </value>
                                                                      <value name="VALUE">
                                                                        <shadow type="logic_boolean" id="E8b|IE1u2yYv3gm,YUxb">
                                                                          <field name="BOOL">TRUE</field>
                                                                        </shadow>
                                                                        <block type="logic_null" id="3zCOeQ{nN/kssv2%vx!U"></block>
                                                                      </value>
                                                                      <value name="DELAY_MS">
                                                                        <shadow type="math_number" id="d=a^Vm37f^=#;=1PFh?6">
                                                                          <field name="NUM">0</field>
                                                                        </shadow>
                                                                      </value>
                                                                    </block>
                                                                  </statement>
                                                                </block>
                                                              </next>
                                                            </block>
                                                          </next>
                                                        </block>
                                                      </statement>
                                                    </block>
                                                  </statement>
                                                </block>
                                              </next>
                                            </block>
                                          </xml>
                                          

                                          Wo ist der Unterschied?

                                          Der Bewegungsmelder löst aus (Wert ist true) --> das Display wird hell.
                                          Über ein Timeout (in diesem Fall 90 Sekunden) wird das Timeout jedesmal wenn der Tigger des Bewgungsmelders (BWM) feuert, erneut gestartet. Wenn 90 Sekunden keine Bewegung mehr, dann schalte auf den eingestellten Dimmode für aus... Wenn der 0 sein sollte, dann ist das Display komplett aus.

                                          Meister-xM Offline
                                          Meister-xM Offline
                                          Meister-x
                                          wrote on last edited by
                                          #1692

                                          @armilar
                                          klingt klasse , vielen Dank .
                                          Komm leider erst morgen zum testen..
                                          Wirklich einmalig deine Hilfen und Lösungen !!

                                          ArmilarA 1 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          602

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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