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.
  • missiM missi

    @mading

    genau das Gerät hat einen 230 Volt Netzteil verbaut.
    Vlt findet du in deinem Sortiment ein alles "PC-Kabel" Netzstecker Kaltgerätestecker.
    Dort einfach denn Stecker abschneiden und angeschlossen.

    Am Panel wird dann L und N angeschlossen, braun blau.

    M Online
    M Online
    mading
    wrote on last edited by
    #1669

    @missi ok danke. Das Konzept L/P/N ist mir bekannt, nur eben wegen Stromstärke etc. Will das Display nicht in der ersten Sekunde abrauchen. Danke dir.

    ArmilarA 1 Reply Last reply
    0
    • missiM missi

      @armilar

      genau ein Info Alies auf den Benzin Adapter.
      $ geht bei € bleibt das Feld einfach leer

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

      @missi

      So, habe mal mit dem großen HMI-Meister @joBr99 gesprochen.

      Aktuell gibt es kein € Zeichen in der HMI, darum kann es auch nicht angezeigt werden. Es wird aber in absehbarer Zeit ein solches Zeichen hinzugefügt.

      Du kannst dir bis dahin nur helfen, wenn du 'EUR' oder 'Є' verwendest.

      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
      • M mading

        @missi ok danke. Das Konzept L/P/N ist mir bekannt, nur eben wegen Stromstärke etc. Will das Display nicht in der ersten Sekunde abrauchen. Danke dir.

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

        @mading

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

        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.

        M 1 Reply Last reply
        0
        • egalE Offline
          egalE Offline
          egal
          wrote on last edited by
          #1672

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

          Gruß Uwe ;-)

          ArmilarA 1 Reply Last reply
          1
          • egalE egal

            So, ihr seid schuld 😀
            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 😊

            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?

              M Online
              M 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
              • M 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.

                M 1 Reply Last reply
                0
                • M 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 😉

                    M Online
                    M 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 😄

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

                      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... 😊

                      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
                      • M 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
                        • M Online
                          M 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.

                              M 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.

                                M Online
                                M 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
                                • M 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 🙄

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          531

                                          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