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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  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.2k

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

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

SONOFF NSPanel mit Lovelace UI

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

    @bhenyamin

    Ist in der Tat ein Bug drin --> Positionen sind verschoben --> Fix auf github folgt die Tage

    Oder direkt die Funktion austauschen:

    function GeneratePowerPage(page: PagePower): Payload[] {
        try {
            let obj:object;
            let demoMode = false;        
            if (page.items[0].id == undefined){
                console.log("Kein PageItem definiert - cardPower Demo-Modus aktiv");
                demoMode = true;
            }
    
            activePage = page;
            if (Debug) {
                console.log('GeneratePowerPage PageItem.id = ' + page.items[0].id);
            }
            
    
            let heading = 'cardPower Example';
            if (demoMode != true) {
                let id = page.items[0].id
                unsubscribePowerSubscriptions();
                subscribePowerSubscriptions(id);
    
                let o = getObject(id);
                heading = page.heading !== undefined ? page.heading : o.common.name.de;
    
                 obj = JSON.parse((getState(page.items[0].id + '.ACTUAL').val));
            }
            
            let out_msgs: Array<Payload> = [];
            out_msgs.push({ payload: 'pageType~cardPower' });
    
            //Demo Data if no pageItem present
            let array_icon_color = [White, MSGreen, MSYellow, MSGreen, MSYellow, MSGreen, MSRed];
            let array_icon = ['home', 'battery-charging-60', 'solar-power-variant', 'wind-turbine', 'shape', 'transmission-tower', 'car'];
            let array_powerspeed = ['', '-1', '2', '4', '1', '1', '5'];
            let array_powerstate = ['', '0,5 kW', '0,9 kW', '2,8 kW', '0,2 kW', '0,1 kW', '4,6 kW'];
    
            let arrayColorScale = [colorScale0, colorScale1, colorScale2, colorScale3, colorScale4, colorScale5, colorScale6, colorScale7, colorScale8, colorScale9, colorScale10];
    
            let homeIconColor = 0;
            if (!demoMode) {
                for (let obji = 0; obji < 7; obji++) {
                    array_icon_color[obji + 1] = arrayColorScale[obj[obji].iconColor !== '' ? obj[obji].iconColor : 0];
                    array_icon[obji + 1] = obj[obji].icon;
                    array_powerspeed[obji + 1] = obj[obji].speed;
                    array_powerstate[obji + 1] = obj[obji].value + ' ' + obj[obji].unit ;
                }
                array_icon[0] = obj[0].icon;
                array_powerstate[0] = obj[0].value + ' ' + obj[0].unit;
                homeIconColor = obj[0].iconColor;
            }
    
            let power_string : any = '';
    
            for (let i = 1; i < 7; i++ ) {
                power_string = power_string + '~';                                        // type (ignored)
                power_string = power_string + '~';                                        // intNameEntity (ignored)
                power_string = power_string + Icons.GetIcon(array_icon[i+1]) + '~';       // icon~
                power_string = power_string + rgb_dec565(array_icon_color[i+1]) + '~';    // icon_color~
                power_string = power_string + '~';                                        // display (ignored in TS)
                power_string = power_string + array_powerstate[i+1] + '~';                // optionalValue~
                power_string = power_string + array_powerspeed[i+1] + '~';                // speed~
    
                if (Debug) console.log(power_string);
            }
    
            power_string = power_string.substring(0, power_string.length - 1);
                
            out_msgs.push({
                payload: 'entityUpd~' +                                 //entityUpd~*
                    heading                         + '~' +             //internalNameEntity*~*
                    GetNavigationString(pageId)     + '~' +             //navigation*~*
                // Home Icon / Value below Home Icon
                    '' + '~' +                                          // type (ignored)
                    '' + '~' +                                          // intNameEntity (ignored)
                    Icons.GetIcon(array_icon[0])    + '~' +             // icon
                    rgb_dec565(array_icon_color[homeIconColor]) + '~' + // icon_color
                    '' + '~' +                                          // display (ignored in TS)
                    array_powerstate[0]             + '~' +             // optionalValue
                    '' + '~' +                                          // speed
                // Value above Home Icon
                    '' + '~' +                                          // type (ignored)
                    '' + '~' +                                          // intNameEntity (ignored)
                    '' + '~' +                                          // icon
                    '' + '~' +                                          // icon_color
                    '' + '~' +                                          // display (ignored in TS)
                    '' + '~' +                                          // optionalValue
                    '' + '~' +                                          // speed~
                // 1st to 6th Item
                    power_string
            });
            if (Debug) console.log('GeneratePowerPage payload: ' + out_msgs);
            return out_msgs;
    
        } catch (err) {
            console.warn('error at function GeneratePowerPage: ' + err.message);
        }
    }
    

    Vielleicht noch gleich die Frage dazu was die direction "both" bewirkt?

    "Nichts" - weder in noch out noch both wird im Script wirklich ausgewertet. Direction wird nur über das Vorzeichen in speed gesteuert. Habe da nur "in" drin stehen 😉

    Im Übrigen habe ich folgende Warns in der Log: (Wenn ich doch nur peilen würde was die Position 731 ist... 😞 )

    Dein JSON ist valide - kann da keinen Fehler erkennen. Sieh noch mal nach dem Fix nach. Dein JSON läuft mit dem Fix bei mir...

    B Offline
    B Offline
    Bhenyamin
    schrieb am zuletzt editiert von
    #2680

    @armilar

    Ah Supergeil!
    Sorry, die Logs habe ich wieder aus meinem Post genommen, da sie von heute Nachmittag waren, als ich da rum probiert habe. Fiel mir erst später auf. Sorry.
    Danke für den super schnellen Support! Freue mich sehr! Setzte ich gleich um!

    1 Antwort Letzte Antwort
    0
    • B Offline
      B Offline
      Bhenyamin
      schrieb am zuletzt editiert von
      #2681

      Super läuft!
      Kann ich denn eigentlich beeinflussen, dass die Power-Page aktualisiert wird, ohne dass ich sie neu lade (durch Blättern im Menü oder Screensaver) ?

      ArmilarA 1 Antwort Letzte Antwort
      1
      • B Bhenyamin

        Super läuft!
        Kann ich denn eigentlich beeinflussen, dass die Power-Page aktualisiert wird, ohne dass ich sie neu lade (durch Blättern im Menü oder Screensaver) ?

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

        @bhenyamin

        Super läuft!

        Perfekt 👍

        Kann ich denn eigentlich beeinflussen, dass die Power-Page aktualisiert wird, ohne dass ich sie neu lade (durch Blättern im Menü oder Screensaver) ?

        Kommt demnächst eine Lösung für die cardPower und die cardChart/cardLChart. 😊

        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.

        B 1 Antwort Letzte Antwort
        0
        • ArmilarA Armilar

          @bhenyamin

          Super läuft!

          Perfekt 👍

          Kann ich denn eigentlich beeinflussen, dass die Power-Page aktualisiert wird, ohne dass ich sie neu lade (durch Blättern im Menü oder Screensaver) ?

          Kommt demnächst eine Lösung für die cardPower und die cardChart/cardLChart. 😊

          B Offline
          B Offline
          Bhenyamin
          schrieb am zuletzt editiert von
          #2683

          @armilar
          Whoop Whoop! Wird ja immer besser

          1 Antwort Letzte Antwort
          0
          • ArmilarA Armilar

            @marc_d0810

            In 0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness einfach null reinschreiben

            Die Fehlermeldungen sind interessant. Gibt es die Datenpunkte nicht oder sind die leer?

            8970e419-a81c-459a-a3ec-177bf4bfc5b9-image.png

            M Offline
            M Offline
            marc_d0810
            schrieb am zuletzt editiert von
            #2684

            @armilar said in SONOFF NSPanel mit Lovelace UI:

            @marc_d0810

            In 0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness einfach null reinschreiben

            Die Fehlermeldungen sind interessant. Gibt es die Datenpunkte nicht oder sind die leer?

            8970e419-a81c-459a-a3ec-177bf4bfc5b9-image.png

            ahh ich hatte es mit (null) versucht.
            Doch die Datenpunkte gibt es und gefüllt sind die auch.
            Heute kamen die Fehler 2x im ganzen Tagesverlauf vor.

            Bildschirm­foto 2023-03-29 um 20.36.05.png

            Ich hatte Gestern das Skript nochmal gestoppt und die Punkte unter Alias und Userdata gelöscht.
            Beim starten wurden die Punkte dann alle wieder ordentlich angelegt und nun scheint auch das dimmen zu funktionieren.

            Aber die Fehler im LOG bleiben.

            T 1 Antwort Letzte Antwort
            0
            • B Offline
              B Offline
              Bhenyamin
              schrieb am zuletzt editiert von
              #2685

              Kleine Detailfrage, die ich hier noch nicht diskutiert finde:
              Würde gern auf einer CardEntities ein Item zur Shuttersteuerung setzen und dabei je nach Öffnungszustand das Symbol ändern, um es nicht bloß von der Farbe des Symbols abhängig zu machen.
              Gleiches gilt für den Fall der Items auf einer CardGrid, auf der ich 4 verschiedene Shutter darstelle. Da wäre es auch toll, direkt das entsprechende Symbol zu haben.
              Über icon & icon2 geht es offenbar nicht (ist ja auch kein bool'scher Wert dahinter... Aber geht es trotzdem irgendwie?
              Ich meine irgendwo was von einem Blockly dazu gelesen zu haben, finde es in der Wiki aber nicht mehr.

              1 Antwort Letzte Antwort
              0
              • M marc_d0810

                @armilar said in SONOFF NSPanel mit Lovelace UI:

                @marc_d0810

                In 0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness einfach null reinschreiben

                Die Fehlermeldungen sind interessant. Gibt es die Datenpunkte nicht oder sind die leer?

                8970e419-a81c-459a-a3ec-177bf4bfc5b9-image.png

                ahh ich hatte es mit (null) versucht.
                Doch die Datenpunkte gibt es und gefüllt sind die auch.
                Heute kamen die Fehler 2x im ganzen Tagesverlauf vor.

                Bildschirm­foto 2023-03-29 um 20.36.05.png

                Ich hatte Gestern das Skript nochmal gestoppt und die Punkte unter Alias und Userdata gelöscht.
                Beim starten wurden die Punkte dann alle wieder ordentlich angelegt und nun scheint auch das dimmen zu funktionieren.

                Aber die Fehler im LOG bleiben.

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

                @marc_d0810
                kommen die Fehlermeldungen zum Wechsel der Dimmeinstellungen also wenn das richtig sehe um 07:00 und 22:00?

                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

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

                  @bhenyamin

                  Wir müssen für die Shutter/Blinds noch 2 Funktionen um das icon2 erweitern. Ist bislang noch nicht passiert... kommt aber auch noch...

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

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

                  1 Antwort Letzte Antwort
                  1
                  • T TT-Tom

                    @marc_d0810
                    kommen die Fehlermeldungen zum Wechsel der Dimmeinstellungen also wenn das richtig sehe um 07:00 und 22:00?

                    M Offline
                    M Offline
                    marc_d0810
                    schrieb am zuletzt editiert von
                    #2688

                    @tt-tom Hey, nein kommen nicht zu der Zeit.
                    Meine Einstellungen sind 7 und 19 Uhr.
                    Das andere Bild war von @Armilar

                    Heute kamen die zB. um 03:49 und 04:04.

                    Bildschirm­foto 2023-03-30 um 06.07.43.png

                    1 Antwort Letzte Antwort
                    0
                    • André KoschnikA Offline
                      André KoschnikA Offline
                      André Koschnik
                      schrieb am zuletzt editiert von André Koschnik
                      #2689

                      Moin zusammen,

                      ich habe meine Panel FW und Skript geupdatet.
                      javascript.0 (5701) script.js.house.panel.NsPanelTs_130129: Installed TFT Firmware: 50 / v4.0.5

                      Musste den ScreenSaver umstellen aber läuft alles wieder wie vorher.
                      Jetzt wollte ich mal cardChart ausprobieren bekomme es aber nicht zum laufen.
                      Hier meine Konfiguration im Script:

                      let ChartDailySolarPower = <PageChart>
                      {
                      "type": "cardChart",
                      "heading": "Stromerzeugung",
                      "useColor": true,
                      "subPage": true,
                      "parent": Solar,
                      "items": [<PageItem>{
                      id: 'alias.0.NSPanel.1.Solar.ChartDailySolarPower',
                      yAxis: 'Leistung [W]',
                      yAxisTicks: [0,1000,2000,3000,4000,5000],
                      onColor: Yellow
                      }]
                      };

                      Nachtrag: auch mit:
                      yAxisTicks: [0,500,1000,1500,5000,2500],
                      sieht es genau so aus!

                      Das ist der Inhalt von meinem Datenpunkt:
                      502^8:00~627~1052~1523~1577^12:00~1826~1695~1288~711^16:00~288~151~64~0^20:00~0~0~0~0^0:00~0~0~0~0^4:00~0~0~0

                      Auf meinem Panel sieht es aus als wenn die Balken nach unten gehen. Kann mir jemand sagen was ich falsch mache?
                      20230330_082347.jpg
                      PS: wie macht ihr die ScreenShots vom Panel?!

                      Fehler gefunden...
                      yAxisTicks: [**0,**500,1000,1500,5000,2500],
                      sogehts
                      yAxisTicks: [500,1000,1500,5000,2500],

                      ArmilarA 2 Antworten Letzte Antwort
                      0
                      • André KoschnikA André Koschnik

                        Moin zusammen,

                        ich habe meine Panel FW und Skript geupdatet.
                        javascript.0 (5701) script.js.house.panel.NsPanelTs_130129: Installed TFT Firmware: 50 / v4.0.5

                        Musste den ScreenSaver umstellen aber läuft alles wieder wie vorher.
                        Jetzt wollte ich mal cardChart ausprobieren bekomme es aber nicht zum laufen.
                        Hier meine Konfiguration im Script:

                        let ChartDailySolarPower = <PageChart>
                        {
                        "type": "cardChart",
                        "heading": "Stromerzeugung",
                        "useColor": true,
                        "subPage": true,
                        "parent": Solar,
                        "items": [<PageItem>{
                        id: 'alias.0.NSPanel.1.Solar.ChartDailySolarPower',
                        yAxis: 'Leistung [W]',
                        yAxisTicks: [0,1000,2000,3000,4000,5000],
                        onColor: Yellow
                        }]
                        };

                        Nachtrag: auch mit:
                        yAxisTicks: [0,500,1000,1500,5000,2500],
                        sieht es genau so aus!

                        Das ist der Inhalt von meinem Datenpunkt:
                        502^8:00~627~1052~1523~1577^12:00~1826~1695~1288~711^16:00~288~151~64~0^20:00~0~0~0~0^0:00~0~0~0~0^4:00~0~0~0

                        Auf meinem Panel sieht es aus als wenn die Balken nach unten gehen. Kann mir jemand sagen was ich falsch mache?
                        20230330_082347.jpg
                        PS: wie macht ihr die ScreenShots vom Panel?!

                        Fehler gefunden...
                        yAxisTicks: [**0,**500,1000,1500,5000,2500],
                        sogehts
                        yAxisTicks: [500,1000,1500,5000,2500],

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

                        @andré-koschnik sagte in SONOFF NSPanel mit Lovelace UI:

                        yAxisTicks: [0,500,1000,1500,5000,2500],

                        Die yAxisTicks: [0,5000,10000,15000,20000,25000], benötigen den Faktor 10

                        Dennoch würde die y-Achse im tausender Bereich nicht vollständig angezeigt werden. Abhilfe würde eine Umrechnung des Wertes von Watt in Kilowatt schaffen. Bei einer Umrechnung von W in kW (/1000) könnten die yAxisTicks folgendermaßen sein:

                        yAxisTicks: [0,5,100,150,200,250],

                        Die Screenshots kann man nicht direkt mit dem NSPanel machen. Das sind dann Screenshots mit dem Nextion Editor in Form einer NSPanel-Emulation...

                        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.

                        André KoschnikA 1 Antwort Letzte Antwort
                        1
                        • André KoschnikA André Koschnik

                          Moin zusammen,

                          ich habe meine Panel FW und Skript geupdatet.
                          javascript.0 (5701) script.js.house.panel.NsPanelTs_130129: Installed TFT Firmware: 50 / v4.0.5

                          Musste den ScreenSaver umstellen aber läuft alles wieder wie vorher.
                          Jetzt wollte ich mal cardChart ausprobieren bekomme es aber nicht zum laufen.
                          Hier meine Konfiguration im Script:

                          let ChartDailySolarPower = <PageChart>
                          {
                          "type": "cardChart",
                          "heading": "Stromerzeugung",
                          "useColor": true,
                          "subPage": true,
                          "parent": Solar,
                          "items": [<PageItem>{
                          id: 'alias.0.NSPanel.1.Solar.ChartDailySolarPower',
                          yAxis: 'Leistung [W]',
                          yAxisTicks: [0,1000,2000,3000,4000,5000],
                          onColor: Yellow
                          }]
                          };

                          Nachtrag: auch mit:
                          yAxisTicks: [0,500,1000,1500,5000,2500],
                          sieht es genau so aus!

                          Das ist der Inhalt von meinem Datenpunkt:
                          502^8:00~627~1052~1523~1577^12:00~1826~1695~1288~711^16:00~288~151~64~0^20:00~0~0~0~0^0:00~0~0~0~0^4:00~0~0~0

                          Auf meinem Panel sieht es aus als wenn die Balken nach unten gehen. Kann mir jemand sagen was ich falsch mache?
                          20230330_082347.jpg
                          PS: wie macht ihr die ScreenShots vom Panel?!

                          Fehler gefunden...
                          yAxisTicks: [**0,**500,1000,1500,5000,2500],
                          sogehts
                          yAxisTicks: [500,1000,1500,5000,2500],

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

                          @andré-koschnik

                          ich denke der Sprung von 1500 auf 2500 ist nicht 5000, sondern 2000

                          Wie beschrieben geht im Momment deine Skala von 50W - 250W

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

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

                          1 Antwort Letzte Antwort
                          1
                          • ArmilarA Armilar

                            @andré-koschnik sagte in SONOFF NSPanel mit Lovelace UI:

                            yAxisTicks: [0,500,1000,1500,5000,2500],

                            Die yAxisTicks: [0,5000,10000,15000,20000,25000], benötigen den Faktor 10

                            Dennoch würde die y-Achse im tausender Bereich nicht vollständig angezeigt werden. Abhilfe würde eine Umrechnung des Wertes von Watt in Kilowatt schaffen. Bei einer Umrechnung von W in kW (/1000) könnten die yAxisTicks folgendermaßen sein:

                            yAxisTicks: [0,5,100,150,200,250],

                            Die Screenshots kann man nicht direkt mit dem NSPanel machen. Das sind dann Screenshots mit dem Nextion Editor in Form einer NSPanel-Emulation...

                            André KoschnikA Offline
                            André KoschnikA Offline
                            André Koschnik
                            schrieb am zuletzt editiert von André Koschnik
                            #2692

                            @armilar said in SONOFF NSPanel mit Lovelace UI:

                            yAxisTicks: [0,5,100,150,200,250],

                            Danke hab das targetValue um Skript umgerechnet in kW. Funktioniert!

                            Zur Doku wenn einer mal das gleiche Problem hat...
                            Meine Solaranlage macht Max. 4100W also die yAxisTicks wie folgt:
                            yAxisTicks: [20,40,60,80,100,20,40,60,80,200,20,40,60,80,300,20,40,60,80,400,20],

                            Meine Werte aus der History werden aber in W und nicht in kW angegeben dann kann man ein Teil des Scriptes wie folgt anpassen:
                            if (valueDate > targetDate){
                            if ((targetDate.getHours() % stepXAchsis) == 0){
                            cardChartString += (targetValue/100) + '^' + targetDate.getHours() + ':00' + '~';
                            } else {
                            cardChartString += (targetValue/100) + '~';
                            }
                            break;
                            } else {
                            targetValue = value;
                            }

                            D 1 Antwort Letzte Antwort
                            0
                            • André KoschnikA André Koschnik

                              @armilar said in SONOFF NSPanel mit Lovelace UI:

                              yAxisTicks: [0,5,100,150,200,250],

                              Danke hab das targetValue um Skript umgerechnet in kW. Funktioniert!

                              Zur Doku wenn einer mal das gleiche Problem hat...
                              Meine Solaranlage macht Max. 4100W also die yAxisTicks wie folgt:
                              yAxisTicks: [20,40,60,80,100,20,40,60,80,200,20,40,60,80,300,20,40,60,80,400,20],

                              Meine Werte aus der History werden aber in W und nicht in kW angegeben dann kann man ein Teil des Scriptes wie folgt anpassen:
                              if (valueDate > targetDate){
                              if ((targetDate.getHours() % stepXAchsis) == 0){
                              cardChartString += (targetValue/100) + '^' + targetDate.getHours() + ':00' + '~';
                              } else {
                              cardChartString += (targetValue/100) + '~';
                              }
                              break;
                              } else {
                              targetValue = value;
                              }

                              D Offline
                              D Offline
                              danny_v1
                              schrieb am zuletzt editiert von danny_v1
                              #2693

                              Hallo, ich hatte jetzt noch mal Zeit und hab versucht die WLED Seiten noch irgendwie ans laufen zu bekommen, aber bis auf aus und anschalten geht nichts. Colors, Presets und so sind nicht steuerbar. Die Datenpunkte unter userdata bleiben unverändert. Das Skript läuft und ist auch angepasst. Hab keine Ahnung was ich da falsch mache.

                              Hier ist das Skript.

                              // Pfad zum WLED-Modul
                              const wledPath = 'wled.0.ecfabc5fb058.';
                              
                              // Pfad zu 0_userdata Datenpunkten
                              const userdataPath = '0_userdata.0.KuecheWLED.Spuele.WLED.';
                              
                              // WLED Effektliste als Konstante (Favoriten)
                              // Listen müssen gleiche Werte wie im Panel haben
                              
                              const presetList =    ['Preset 0', 'Add Preset'];
                                      
                              const colorsList =    ['Default', '* Color 1', '* Color Gradient', '* Colors 1&2', '* Colors Only', '* Random Cycle', 'Analogus','April Night', 'Aqua Flash', 'Atlantica', 'Aurora', 
                                                      'Beach', 'Beech', 'Blink Red', 'Breeze', 'C9', 'C9 New', 'Candy', 'Candy2', 'Cloud', 
                                                      'Cyane', 'Departure', 'Drywet', 'Fairy Reaf', 'Fire', 'Forest', 'etc'
                                                  ];
                                      
                              const effectsList =   ['Solid', 'Android', 'Aurora', 'Blends', 'Blink', 'Blink Rainbow', 'Bouncing Balls','Bpm', 'Breathe', 'Candle', 'Candle Multi', 
                                                  'Candy Cane', 'Chase', 'Chase 1', 'Chase 2', 'Chase 3', 'Chase Flash', 'Chase Flash Rnd', 'Chase Rainbow', 'Chase Random', 
                                                  'Chunchun', 'Colorful', 'Colorloop', 'Colortwinkles', 'Colorwaves', 'Dancing Shadows', 'etc'
                                                  ];
                              
                              on({id: userdataPath + 'Presets', change: "ne"}, async function (obj) {
                                  console.log(wledPath + 'ps' + ' = ' + obj.state.val);
                                  setState(wledPath + 'ps', obj.state.val)
                              });
                              
                              // Trigger auf NSPanel Colors
                              on({id: userdataPath + 'Colors', change: "ne"}, async function (obj) {
                                  let wledObj = getObject(wledPath + 'seg.0.pal');
                                  let tempStringColor = colorsList[obj.state.val]
                              
                                  for (let i = 0; i < 71; i++) {
                                      if (wledObj.common.states[i] == undefined) {
                                          break;
                                      }
                                      if (wledObj.common.states[i] == tempStringColor) {
                                          console.log(i + ' - ' + wledObj.common.states[i]);
                                          setState(wledPath + 'seg.0.pal', i)
                                          break;
                                      }
                                  }
                              });
                              
                              // Trigger auf NSPanel Effekte
                              on({id: userdataPath + 'Effects', change: "ne"}, async function (obj) {
                                  let wledObj = getObject(wledPath + 'seg.0.fx');
                                  let tempStringEffect = effectsList[obj.state.val]
                              
                                  for (let i = 0; i < 118; i++) {
                                      if (wledObj.common.states[i] == undefined) {
                                          break;
                                      }
                                      if (wledObj.common.states[i] == tempStringEffect) {
                                          console.log(i + ' - ' + wledObj.common.states[i]);
                                          setState(wledPath + 'seg.0.fx', i)
                                          break;
                                      }
                                  }
                              });
                              

                              Meine Seitenkonfiguration

                              let WLED_Kueche_Spuele= <PageGrid>
                                                      {
                                                          "type": "cardGrid",
                                                          "heading": "WLED Spüle",
                                                          "useColor": true,
                                                          "subPage": true,
                                                          "parent": Kueche1,
                                                          'next': 'WLED_Kueche_Herd',
                                                          'home': 'Untergeschoss',
                                                          "items": [
                                                              <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Power", name: "Power", icon: "power", onColor: Blue, offColor: HMIOff},
                                                              <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Synch", name: "Sync", icon: "sync", onColor: Blue, offColor: White},
                                                          <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Timer", name: "Timer", icon: "moon-waxing-crescent", onColor: Blue, offColor: White},
                                                              <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Presets", icon: "heart-outline", name: "Presets", onColor: White, modeList: ['Rainbow', 'Solid Weiss', 'Aurora', 'Aus']},
                                                              <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Colors", icon: "palette", name: "Colors", onColor: White,
                                                                          modeList: ['Default', '* Color 1', '* Color Gradient', '* Colors 1&2', '* Colors Only', '* Random Cycle', 'Analogus','April Night', 'Aqua Flash', 'Atlantica', 'Aurora', 'Beach', 'Beech', 'Blink Red', 'Breeze', 'C9', 'C9 New', 'Candy', 'Candy2', 'Cloud', 'Cyane', 'Departure', 'Drywet', 'Fairy Reaf', 'Fire', 'Forest', 'etc']},
                                                              <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Effects", icon: "emoticon-outline", name: "Effects", onColor: White,
                                                                          modeList: ['Solid', 'Android', 'Aurora', 'Blends', 'Blink', 'Blink Rainbow', 'Bouncing Balls','Bpm', 'Breathe', 'Candle', 'Candle Multi', 'Candy Cane', 'Chase', 'Chase 1', 'Chase 2', 'Chase 3', 'Chase Flash', 'Chase Flash Rnd', 'Chase Rainbow', 'Chase Random', 'Chunchun', 'Colorful', 'Colorloop', 'Colortwinkles', 'Colorwaves', 'Dancing Shadows', 'etc']},
                                                              //<PageItem>{ id: "alias.0.NSPanel_1.WLED.Example.Segments", icon: "layers", name: "Segments", onColor: White, modeList: ['Segment 0', 'Add Segment']},
                                                          ]
                                                      };
                              

                              Und hier die Datenpunkte
                              Datenpunkte.png

                              T 1 Antwort Letzte Antwort
                              0
                              • D danny_v1

                                Hallo, ich hatte jetzt noch mal Zeit und hab versucht die WLED Seiten noch irgendwie ans laufen zu bekommen, aber bis auf aus und anschalten geht nichts. Colors, Presets und so sind nicht steuerbar. Die Datenpunkte unter userdata bleiben unverändert. Das Skript läuft und ist auch angepasst. Hab keine Ahnung was ich da falsch mache.

                                Hier ist das Skript.

                                // Pfad zum WLED-Modul
                                const wledPath = 'wled.0.ecfabc5fb058.';
                                
                                // Pfad zu 0_userdata Datenpunkten
                                const userdataPath = '0_userdata.0.KuecheWLED.Spuele.WLED.';
                                
                                // WLED Effektliste als Konstante (Favoriten)
                                // Listen müssen gleiche Werte wie im Panel haben
                                
                                const presetList =    ['Preset 0', 'Add Preset'];
                                        
                                const colorsList =    ['Default', '* Color 1', '* Color Gradient', '* Colors 1&2', '* Colors Only', '* Random Cycle', 'Analogus','April Night', 'Aqua Flash', 'Atlantica', 'Aurora', 
                                                        'Beach', 'Beech', 'Blink Red', 'Breeze', 'C9', 'C9 New', 'Candy', 'Candy2', 'Cloud', 
                                                        'Cyane', 'Departure', 'Drywet', 'Fairy Reaf', 'Fire', 'Forest', 'etc'
                                                    ];
                                        
                                const effectsList =   ['Solid', 'Android', 'Aurora', 'Blends', 'Blink', 'Blink Rainbow', 'Bouncing Balls','Bpm', 'Breathe', 'Candle', 'Candle Multi', 
                                                    'Candy Cane', 'Chase', 'Chase 1', 'Chase 2', 'Chase 3', 'Chase Flash', 'Chase Flash Rnd', 'Chase Rainbow', 'Chase Random', 
                                                    'Chunchun', 'Colorful', 'Colorloop', 'Colortwinkles', 'Colorwaves', 'Dancing Shadows', 'etc'
                                                    ];
                                
                                on({id: userdataPath + 'Presets', change: "ne"}, async function (obj) {
                                    console.log(wledPath + 'ps' + ' = ' + obj.state.val);
                                    setState(wledPath + 'ps', obj.state.val)
                                });
                                
                                // Trigger auf NSPanel Colors
                                on({id: userdataPath + 'Colors', change: "ne"}, async function (obj) {
                                    let wledObj = getObject(wledPath + 'seg.0.pal');
                                    let tempStringColor = colorsList[obj.state.val]
                                
                                    for (let i = 0; i < 71; i++) {
                                        if (wledObj.common.states[i] == undefined) {
                                            break;
                                        }
                                        if (wledObj.common.states[i] == tempStringColor) {
                                            console.log(i + ' - ' + wledObj.common.states[i]);
                                            setState(wledPath + 'seg.0.pal', i)
                                            break;
                                        }
                                    }
                                });
                                
                                // Trigger auf NSPanel Effekte
                                on({id: userdataPath + 'Effects', change: "ne"}, async function (obj) {
                                    let wledObj = getObject(wledPath + 'seg.0.fx');
                                    let tempStringEffect = effectsList[obj.state.val]
                                
                                    for (let i = 0; i < 118; i++) {
                                        if (wledObj.common.states[i] == undefined) {
                                            break;
                                        }
                                        if (wledObj.common.states[i] == tempStringEffect) {
                                            console.log(i + ' - ' + wledObj.common.states[i]);
                                            setState(wledPath + 'seg.0.fx', i)
                                            break;
                                        }
                                    }
                                });
                                

                                Meine Seitenkonfiguration

                                let WLED_Kueche_Spuele= <PageGrid>
                                                        {
                                                            "type": "cardGrid",
                                                            "heading": "WLED Spüle",
                                                            "useColor": true,
                                                            "subPage": true,
                                                            "parent": Kueche1,
                                                            'next': 'WLED_Kueche_Herd',
                                                            'home': 'Untergeschoss',
                                                            "items": [
                                                                <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Power", name: "Power", icon: "power", onColor: Blue, offColor: HMIOff},
                                                                <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Synch", name: "Sync", icon: "sync", onColor: Blue, offColor: White},
                                                            <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Timer", name: "Timer", icon: "moon-waxing-crescent", onColor: Blue, offColor: White},
                                                                <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Presets", icon: "heart-outline", name: "Presets", onColor: White, modeList: ['Rainbow', 'Solid Weiss', 'Aurora', 'Aus']},
                                                                <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Colors", icon: "palette", name: "Colors", onColor: White,
                                                                            modeList: ['Default', '* Color 1', '* Color Gradient', '* Colors 1&2', '* Colors Only', '* Random Cycle', 'Analogus','April Night', 'Aqua Flash', 'Atlantica', 'Aurora', 'Beach', 'Beech', 'Blink Red', 'Breeze', 'C9', 'C9 New', 'Candy', 'Candy2', 'Cloud', 'Cyane', 'Departure', 'Drywet', 'Fairy Reaf', 'Fire', 'Forest', 'etc']},
                                                                <PageItem>{ id: "alias.0.Kueche.WLED_Kueche.Spuele.Effects", icon: "emoticon-outline", name: "Effects", onColor: White,
                                                                            modeList: ['Solid', 'Android', 'Aurora', 'Blends', 'Blink', 'Blink Rainbow', 'Bouncing Balls','Bpm', 'Breathe', 'Candle', 'Candle Multi', 'Candy Cane', 'Chase', 'Chase 1', 'Chase 2', 'Chase 3', 'Chase Flash', 'Chase Flash Rnd', 'Chase Rainbow', 'Chase Random', 'Chunchun', 'Colorful', 'Colorloop', 'Colortwinkles', 'Colorwaves', 'Dancing Shadows', 'etc']},
                                                                //<PageItem>{ id: "alias.0.NSPanel_1.WLED.Example.Segments", icon: "layers", name: "Segments", onColor: White, modeList: ['Segment 0', 'Add Segment']},
                                                            ]
                                                        };
                                

                                Und hier die Datenpunkte
                                Datenpunkte.png

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

                                @danny_v1

                                Zeige bitte nochmal die config der Seite. Das Script für den WLED und die Objekte von der WLED.
                                Also es läuft bei mir, dann muss es auch bei dir klappen.

                                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

                                D 1 Antwort Letzte Antwort
                                0
                                • T TT-Tom

                                  @danny_v1

                                  Zeige bitte nochmal die config der Seite. Das Script für den WLED und die Objekte von der WLED.
                                  Also es läuft bei mir, dann muss es auch bei dir klappen.

                                  D Offline
                                  D Offline
                                  danny_v1
                                  schrieb am zuletzt editiert von
                                  #2695

                                  @tt-tom Hab ich gerade noch angehangen an den letzten Post.
                                  Gut dann bin ich ja schon mal guter Hoffnung das es hier auch läuft. 🙂

                                  T 1 Antwort Letzte Antwort
                                  0
                                  • D danny_v1

                                    @tt-tom Hab ich gerade noch angehangen an den letzten Post.
                                    Gut dann bin ich ja schon mal guter Hoffnung das es hier auch läuft. 🙂

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

                                    @danny_v1 deine Alias für die drei Werte passen nicht. Die müssen .VALUE sein. Habe im Wiki nochmal geprüft, haste bestimmt überlesen.

                                    Bildschirmfoto 2023-03-30 um 10.36.17.png

                                    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

                                    D 1 Antwort Letzte Antwort
                                    0
                                    • A Online
                                      A Online
                                      australien
                                      schrieb am zuletzt editiert von
                                      #2697

                                      Hallo zusammen,

                                      macht von Euch einer eine Anzeige des Fahrplan-Adapters?
                                      Wenn ja, wie bringt Ihr die Abfahrttafel auf das Panel?

                                      ArmilarA 1 Antwort Letzte Antwort
                                      0
                                      • A australien

                                        Hallo zusammen,

                                        macht von Euch einer eine Anzeige des Fahrplan-Adapters?
                                        Wenn ja, wie bringt Ihr die Abfahrttafel auf das Panel?

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

                                        @australien

                                        Wie? Was für ein Fahrplanadapter? Was für eine Abfahrttafel?

                                        Wenn du bis zu 4 mögliche Termine hast, dann kannst du eine cardEntities mit Info-Aliasen verwenden. Von einer anderen Liste außer dem popupInSel weiß ich nichts. Hast du da irgendwie andere Infos?

                                        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.

                                        A 1 Antwort Letzte Antwort
                                        0
                                        • T TT-Tom

                                          @danny_v1 deine Alias für die drei Werte passen nicht. Die müssen .VALUE sein. Habe im Wiki nochmal geprüft, haste bestimmt überlesen.

                                          Bildschirmfoto 2023-03-30 um 10.36.17.png

                                          D Offline
                                          D Offline
                                          danny_v1
                                          schrieb am zuletzt editiert von danny_v1
                                          #2699

                                          @tt-tom
                                          OK,

                                          also müssen die Datenpunkte unter userdata erstmal number sein. Und dann lege ich unter Geräte einen Tastensensor an, und verweise auf diese Datenpunkte? Aber wie weise ich da ein VALUE zu??
                                          Ich habe es gerade noch mal versucht, ich habs verstanden wie es funktioniert, aber wenn ich beim Definieren des Tastensensors im Dialog etwas hinzufüge bleibt dann mein Bildschirm immer schwarz und ich muss die Seite neu laden. Da scheint was mit meinem Geräte Adapter nicht zu stimmen.

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          677

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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