Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. SONOFF NSPanel mit Lovelace UI

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      c3b @ticaki last edited by

      @ticaki ok. Warum steht dann da eine Null? Was sollte dort stehen und wie bekomme ich es darein? Es hilft vermutlich wenig, wenn ich den Wert von Hand setze.

      LG aus dem Sauerland
      Jörg

      T T 2 Replies Last reply Reply Quote 0
      • T
        TT-Tom @c3b last edited by

        @c3b ist noch ein altes Relikt. Aktuell kommt da -1 rein.

        C 1 Reply Last reply Reply Quote 1
        • C
          c3b last edited by

          @tt-tom Habe ich mal reingeschrieben. Ändert aber an meinem Problem nichts. Über den Home-Button habe ich immer noch den gleichen effekt.

          LG aus dem Sauerland
          Jörg

          T 1 Reply Last reply Reply Quote 0
          • T
            ticaki Developer @c3b last edited by

            @c3b

            Klar kannst du den Wert da von Hand rein schreiben 🙂

            1 Reply Last reply Reply Quote 0
            • T
              TT-Tom @c3b last edited by TT-Tom

              @c3b bin an dem Problem dran. kann ich nachvollziehen

              Edit: das bHome Event setzt anschein die PageID nicht auf die erstellte Page um

              1 Reply Last reply Reply Quote 1
              • C
                c3b last edited by

                @tt-tom Super. Hab schon gedacht , dass das Problem mal wieder 40cm vor dem Bildschirm sitzt. Ist vermutlich auch so. 😊
                LG aus dem Sauerland
                Jörg

                1 Reply Last reply Reply Quote 0
                • C
                  c3b @TT-Tom last edited by

                  @tt-tom Hallo
                  Wenn ich dort eine -1 reinschreibe, startet das NS Panel nicht mit der ersten Seite. In meinem Fall "Licht". Schreibe ich dort wieder eine Null rein, startet er wieder mit der Seite "Licht"
                  LG aus dem Sauerland
                  Jörg

                  T 1 Reply Last reply Reply Quote 0
                  • T
                    ticaki Developer @c3b last edited by ticaki

                    @c3b

                    0 ist was anderes wie null - ich bezog mich auf das null nicht die 0, die 0 ist richtig.Bildschirmfoto 2024-02-05 um 19.43.06.png

                    1 Reply Last reply Reply Quote 1
                    • E
                      eMd @theknut last edited by

                      @theknut
                      @Armilar

                      Also da steht wirklich null, habe es auf 100 angepasst und warte ab. Sollte es noch mal auftreten mach ich ein Video von, wenn nicht dann hört ihr nix weiter von mir 😆😆

                      Geil wie schnell einem hier immer geholfen wird!

                      MfG
                      eMd

                      1 Reply Last reply Reply Quote 1
                      • M
                        Maragon last edited by

                        Hallo, nach einiger Zeit habe ich mich endlich mal wieder mit den NSPanels beschäftigen können. Ich habe aktuell nur 1 von 3 in Betrieb und da habe ich das eigenartige Verhalten, dass es nach einiger Zeit bei Berührung nur einen schwarzen Bildschirm bringt. Nehme ich es kurz vom Strom funktioniert es wieder und springt auf die erste Seite. Heute morgen zeigt es wieder nur den black Screen. Berry, tasmota und nexion sind aktuell.

                        E 1 Reply Last reply Reply Quote 0
                        • E
                          eMd @Maragon last edited by

                          @maragon mach das gleiche wie ich, das sollte helfen. Bisher ist alles gut bei mir!

                          MfG
                          eMd

                          M 1 Reply Last reply Reply Quote 0
                          • theknut
                            theknut @theknut last edited by theknut

                            @theknut said in SONOFF NSPanel mit Lovelace UI:

                            @emd Ich hatte damals das gleiche Problem. Bei mir war denke ich 0_userdata.0.NSPanel.1.ScreensaverInfo.activeBrightness auf null gestanden (siehe Post).

                            @Maragon ↑

                            1 Reply Last reply Reply Quote 1
                            • T
                              TT-Tom last edited by TT-Tom

                              Fix für activeBrightness auf null und bHome verfügbar

                              v4.3.3.41

                              cda1a47b-3fc4-4e59-8cb3-7f210d8b4933-image.png

                              Wie funktioniert das Update?

                              Wenn aktuelle Version ab v4.3.3.30, dann unteren Teil des NSPanelTs.ts ab:

                              // ________________ DE: Ab hier keine Konfiguration mehr _______________

                              austauschen

                              https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                              Wenn aktuelle Version bis v4.3.3.29, dann Updateaneitung befolgen:
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

                              VG
                              @ticaki , @Armilar & TT-Tom 😊

                              C 1 Reply Last reply Reply Quote 3
                              • Rene55
                                Rene55 @Armilar last edited by

                                @armilar @TT-Tom @ticaki Ich habe mein Script jetzt soweit, dass man das mal zeigen kann. Wäre trotzdem schön, wenn jemand mal drüber schauern könnte.

                                /*
                                   *   Grundgedanke von https://github.com/tt-tom17/MyScripts/blob/main/Sonoff_NSPanel/Balkenchart_InfluxDB_to_NSPanel.ts
                                   *   Anpassungen für InfluxDB-Aliase by Rene55 [06.02.2024]
                                   *
                                */
                                const logging:boolean = false
                                const debugging:boolean = false
                                //
                                const NSPanel_Path:string = '0_userdata.0.NSPanel.';            // mit Punkt
                                const Path:string = NSPanel_Path + 'Influx2NSPanel.cardChart.'; // mit Punkt
                                const InfluxInstance:string = 'influxdb.0';
                                const influxDbBucket:string = 'storage_short';
                                const numberOfHoursAgo:number = 24;
                                const xAxisTicksEvery:number = 4;
                                //
                                
                                //___________________________
                                // Beschreibe diese Funktion:  Start Parameter
                                const sensors : Record<string, Record<string,string>> = {};
                                /*      ↓ Id of the sensor              ↓ Id of the data source for the charts  [↓ Alias for measurement]  */
                                sensors['mqtt.0.Transfer.Verbrauch'] = {'target': 'UG.Hausverbrauch', 'dbAlias': 'E-Power'}
                                
                                //___________________________
                                //  #####   ab hier keine Änderungen mehr nötig   #####
                                
                                //___________________________
                                // Beschreibe diese Funktion: Create data source for NsPanel on script startup
                                Object.keys(sensors).forEach(async id => {
                                   await generateCardChartString(id);
                                });
                                
                                //___________________________
                                // Beschreibe diese Funktion: listen to the sensors and update the data source states accordingly
                                on({ id: Object.keys(sensors), change: 'any' }, async function (obj) {
                                   if (!obj.id) return;
                                   await generateCardChartString(obj.id);
                                });
                                
                                //___________________________
                                // Beschreibe diese Funktion: Daten generieren
                                async function generateCardChartString(sensorId: string) {
                                   let measurement:string = sensors[sensorId].dbAlias
                                   if (measurement =='' || measurement == undefined) {measurement = sensorId}
                                   const dp_Actual:string = Path + sensors[sensorId].target +'.ACTUAL'
                                   if (debugging) log(`(f) generatecardChartString: ${sensorId} ${dp_Actual} > ${measurement}`)
                                
                                   let result:any
                                   let cardChartString: string = "";
                                
                                   const query = [
                                       'from(bucket: "'+ influxDbBucket +'")',
                                       '|> range(start: -'+ numberOfHoursAgo +'h, stop: now())',
                                       '|> filter(fn: (r) => r["_measurement"] == "'+ measurement +'")',
                                       '|> filter(fn: (r) => r["_field"] == "value")',
                                       '|> drop(columns: ["from", "ack", "q"])',
                                       '|> aggregateWindow(every: 1h, fn: mean, createEmpty: false)',
                                       '|> yield(name: "mean")'].join('');
                                 
                                   if (debugging) log(`(f) generateCardChartString: Query = ${query}`);
                                
                                   try {
                                       result = await sendToAsync(InfluxInstance, 'query', query);
                                   } catch (error) {
                                       log (`(f) generateCardChartString: Error=${error}`,'error');
                                       return
                                   }   
                                
                                  let xAxisTicks:boolean = true
                                   for (let i:number = 1; i <= numberOfHoursAgo; i++) {
                                       let queryStunde:number = getDateObject(result.result[0][i]._time).getHours();
                                       const queryValue:number = Math.round(result.result[0][i]._value) /100
                                       if (debugging) log (`(f) generateCardChartString [${i}] Stunde: ${queryStunde}  Wert: ${queryValue}`)
                                       if (debugging && xAxisTicks) log (`AxisTicks[${i}]<${xAxisTicks}>`)
                                
                                       if (i == numberOfHoursAgo) {
                                           if (xAxisTicks) {
                                               cardChartString += [queryValue,'^',queryStunde,':00'].join('');
                                           } else {
                                               cardChartString += queryValue;
                                           }
                                       } else {
                                           if (xAxisTicks) {
                                               cardChartString += [queryValue,'^',queryStunde,':00','~'].join('');
                                           } else {
                                               cardChartString += [queryValue,'~'].join('');
                                           }
                                       }
                                
                                       if (i == numberOfHoursAgo) queryStunde++
                                       xAxisTicks = (i % xAxisTicksEvery) ?  false : true
                                   }
                                
                                   await setOrCreate(dp_Actual, cardChartString)
                                   if (logging) log(`(f) generateCardChartString: Ausgabe> ${cardChartString}`);
                                
                                }
                                //
                                //___________________________
                                // Beschreibe diese Funktion: Datenpunkte schreiben bzw. anlegen
                                async function setOrCreate(id : string, value : any) {
                                   if (!(await existsStateAsync(id))) {
                                        await createStateAsync(id, value, {
                                           name: id.split('.').reverse()[0],
                                           desc: 'Sensor Values [~<time>:<value>]*',
                                           type: 'string',
                                           role: 'value',
                                       });
                                       if (debugging) log(`(f) setOrCreate: ${id} wurde angelegt`)
                                   } else {
                                       if (debugging) log(`(f) setOrCreate: ${id} mit ${value}`)
                                       await setStateAsync(id, value, true);
                                   }
                                }
                                //___________________________
                                //
                                //   E N D E
                                //
                                


                                Dinge aus dem Originalscript, die ich nicht verstanden habe, sind rausgeflogen. Es funktioniert bei mir so, aber es gibt bestimmt noch die eine oder andere Verbesserung.

                                Armilar T 2 Replies Last reply Reply Quote 0
                                • Armilar
                                  Armilar Most Active Forum Testing @Rene55 last edited by

                                  @rene55

                                  Ein wenig geizig mit Semikolons - aber sonst doch absolut okay...

                                  /*
                                    *   Grundgedanke von https://github.com/tt-tom17/MyScripts/blob/main/Sonoff_NSPanel/Balkenchart_InfluxDB_to_NSPanel.ts
                                    *   Anpassungen für InfluxDB-Aliase by Rene55 [06.02.2024]
                                    *
                                  */
                                  const logging:boolean = false;
                                  const debugging:boolean = false;
                                  //
                                  const NSPanel_Path:string = '0_userdata.0.NSPanel.';            // mit Punkt
                                  const Path:string = NSPanel_Path + 'Influx2NSPanel.cardChart.'; // mit Punkt
                                  const InfluxInstance:string = 'influxdb.0';
                                  const influxDbBucket:string = 'storage_short';
                                  const numberOfHoursAgo:number = 24;
                                  const xAxisTicksEvery:number = 4;
                                  //
                                  
                                  //___________________________
                                  // Beschreibe diese Funktion:  Start Parameter
                                  const sensors : Record<string, Record<string,string>> = {};
                                  /*      ↓ Id of the sensor              ↓ Id of the data source for the charts  [↓ Alias for measurement]  */
                                  sensors['mqtt.0.Transfer.Verbrauch'] = {'target': 'UG.Hausverbrauch', 'dbAlias': 'E-Power'};
                                  
                                  //___________________________
                                  //  #####   ab hier keine Änderungen mehr nötig   #####
                                  
                                  //___________________________
                                  // Beschreibe diese Funktion: Create data source for NsPanel on script startup
                                  Object.keys(sensors).forEach(async id => {
                                    await generateCardChartString(id);
                                  });
                                  
                                  //___________________________
                                  // Beschreibe diese Funktion: listen to the sensors and update the data source states accordingly
                                  on({ id: Object.keys(sensors), change: 'any' }, async function (obj) {
                                    if (!obj.id) return;
                                    await generateCardChartString(obj.id);
                                  });
                                  
                                  //___________________________
                                  // Beschreibe diese Funktion: Daten generieren
                                  async function generateCardChartString(sensorId: string) {
                                    let measurement:string = sensors[sensorId].dbAlias;
                                    if (measurement =='' || measurement == undefined) {measurement = sensorId};
                                    const dp_Actual:string = Path + sensors[sensorId].target +'.ACTUAL';
                                    if (debugging) log(`(f) generatecardChartString: ${sensorId} ${dp_Actual} > ${measurement}`);
                                  
                                    let result:any;
                                    let cardChartString: string = "";
                                  
                                    const query = [
                                        'from(bucket: "'+ influxDbBucket +'")',
                                        '|> range(start: -'+ numberOfHoursAgo +'h, stop: now())',
                                        '|> filter(fn: (r) => r["_measurement"] == "'+ measurement +'")',
                                        '|> filter(fn: (r) => r["_field"] == "value")',
                                        '|> drop(columns: ["from", "ack", "q"])',
                                        '|> aggregateWindow(every: 1h, fn: mean, createEmpty: false)',
                                        '|> yield(name: "mean")'].join('');
                                  
                                    if (debugging) log(`(f) generateCardChartString: Query = ${query}`);
                                  
                                    try {
                                        result = await sendToAsync(InfluxInstance, 'query', query);
                                    } catch (error) {
                                        log (`(f) generateCardChartString: Error=${error}`,'error');
                                        return;
                                    }   
                                  
                                   let xAxisTicks:boolean = true
                                    for (let i:number = 1; i <= numberOfHoursAgo; i++) {
                                        let queryStunde:number = getDateObject(result.result[0][i]._time).getHours();
                                        const queryValue:number = Math.round(result.result[0][i]._value) /100;
                                        if (debugging) log (`(f) generateCardChartString [${i}] Stunde: ${queryStunde}  Wert: ${queryValue}`);
                                        if (debugging && xAxisTicks) log (`AxisTicks[${i}]<${xAxisTicks}>`);
                                  
                                        if (i == numberOfHoursAgo) {
                                            if (xAxisTicks) {
                                                cardChartString += [queryValue,'^',queryStunde,':00'].join('');
                                            } else {
                                                cardChartString += queryValue;
                                            }
                                        } else {
                                            if (xAxisTicks) {
                                                cardChartString += [queryValue,'^',queryStunde,':00','~'].join('');
                                            } else {
                                                cardChartString += [queryValue,'~'].join('');
                                            }
                                        }
                                  
                                        if (i == numberOfHoursAgo) queryStunde++;
                                        xAxisTicks = (i % xAxisTicksEvery) ?  false : true;
                                    }
                                  
                                    await setOrCreate(dp_Actual, cardChartString)
                                    if (logging) log(`(f) generateCardChartString: Ausgabe> ${cardChartString}`);
                                  
                                  }
                                  //
                                  //___________________________
                                  // Beschreibe diese Funktion: Datenpunkte schreiben bzw. anlegen
                                  async function setOrCreate(id : string, value : any) {
                                    if (!(await existsStateAsync(id))) {
                                         await createStateAsync(id, value, {
                                            name: id.split('.').reverse()[0],
                                            desc: 'Sensor Values [~<time>:<value>]*',
                                            type: 'string',
                                            role: 'value',
                                        });
                                        if (debugging) log(`(f) setOrCreate: ${id} wurde angelegt`);
                                    } else {
                                        if (debugging) log(`(f) setOrCreate: ${id} mit ${value}`);
                                        await setStateAsync(id, value, true);
                                    }
                                  }
                                  //___________________________
                                  //
                                  //   E N D E
                                  //
                                  

                                  1 Reply Last reply Reply Quote 0
                                  • T
                                    ticaki Developer @Rene55 last edited by

                                    @rene55

                                    Es fehlt der sendToAsync(1,2,3, timeout) würde ihn rein schreiben. Default ist 2000ms, wenns aber da steht weiß ein nutzer was man ändern muß bei einem timeout fehler.

                                    Armilar Rene55 2 Replies Last reply Reply Quote 1
                                    • Armilar
                                      Armilar Most Active Forum Testing @ticaki last edited by Armilar

                                      @ticaki
                                      @Rene55

                                      Ist sowieso die Frage, ob man die Datenbank alle 10 Sekunden bei dieser Aggregation belasten muss, oder ob es nicht reichen würde ein Schedule alle 15 Minuten zu benutzen...

                                      Dürfte auf alle Fälle die Ressourcen schonen...

                                      Wären dann zumindest bei 10 Sekündlicher Aktualisierung des Triggers 8.640 - 96 = 8.544/Tag Datenbankabfragen weniger in denen man ohnehin keine Änderung wahrnimmt.

                                      1 Reply Last reply Reply Quote 0
                                      • C
                                        c3b @TT-Tom last edited by

                                        @tt-tom Perfekt. Teste gerade und es sieht gut aus.

                                        Danke Dir.
                                        LG aus dem Sauerland
                                        Jörg

                                        1 Reply Last reply Reply Quote 1
                                        • Rene55
                                          Rene55 @ticaki last edited by

                                          @ticaki sagte in SONOFF NSPanel mit Lovelace UI:

                                          sendToAsync

                                          Das würde ich noch nachbessern, wenn ich dazu ein Beispiel hätte. Hab das https://github.com/ioBroker/ioBroker.javascript/issues/ zwar gelesen, aber nichts hierfür rausziehen können. Da brauche ich Nachhilfe.

                                          T 1 Reply Last reply Reply Quote 0
                                          • C
                                            c3b last edited by c3b

                                            Hi Leutz
                                            Ich versuche mich gerade an einer cardThermo. Laut Doku reicht ein Alias. Ich tue mich aber sehr schwer mit der Zuweisung.
                                            Mein Ziel ist es, mit dem NS Panel eine Temperatur vorzugeben. Über einen Temperatursensor (Zigbee) möchte ich die aktuelle Temperatur auf dem Panel anzeigen. Der interne Sensor liegt bei mir ca. 5°C zu hoch.

                                            let Kueche_Thermostat: PageType =
                                            {
                                                'type': 'cardThermo',
                                                'heading': 'Test Thermostat',
                                                'items': [{ 
                                                            id: 'alias.0.Temperaturregelung.Erdgeschoß.Temperatur_Küche.Kueche_Temperatur', 
                                                            minValue: 50, 
                                                            maxValue: 300,
                                                            stepValue: 5
                                                         }]
                                            };
                                            

                                            Soweit bin ich. In meinem alias habe ich momentan erst einmal Temp und Feuchte hinterlegt.
                                            443ade64-be4d-4308-a601-4968db6dd55a-grafik.png

                                            Auf dem Panel steht aber bei Aktuell 0°C. Als nächstes habe ich eine Zustandsanzeige. Dort steht MANU. Kann man das ausblenden? Weiterhin wäre es gut, wenn beim Start des Panel eine Temp vorgegeben würde. Momentan muss ich bei jedem Neustart den Wert mit den Pfeilen auf 21°C stellen.

                                            Letze Frage: Welcher Wert/Variable wird gesetzt, wenn ich unter der gewählten Temp bin? Es muss ja etwas geschaltet werden.

                                            Hat da jemand einen Beispielcode oder einen Link?

                                            LG aus dem Sauerland
                                            Jörg

                                            Armilar 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            726
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            262
                                            7197
                                            4929223
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo