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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

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

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

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

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.8k Posts 274 Posters 6.8m Views 257 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.
  • C c3b

    @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 Do not disturb
    T Do not disturb
    ticaki
    wrote on last edited by ticaki
    #5294

    @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

    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

    Spenden

    1 Reply Last reply
    1
    • theknutT theknut

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

      E Offline
      E Offline
      eMd
      wrote on last edited by
      #5295

      @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

      Master: Intel NUC 16GB/500GB
      Slave: Raspberry Pi 3 + Homematicmodul
      Shelly, Google Home, Zigbee Aqara, Sonoff

      Meine VIS: https://youtu.be/JMYr2KYlpME

      1 Reply Last reply
      1
      • M Offline
        M Offline
        Maragon
        wrote on last edited by
        #5296

        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
        0
        • M Maragon

          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 Offline
          E Offline
          eMd
          wrote on last edited by
          #5297

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

          MfG
          eMd

          Master: Intel NUC 16GB/500GB
          Slave: Raspberry Pi 3 + Homematicmodul
          Shelly, Google Home, Zigbee Aqara, Sonoff

          Meine VIS: https://youtu.be/JMYr2KYlpME

          M 1 Reply Last reply
          0
          • theknutT theknut

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

            theknutT Offline
            theknutT Offline
            theknut
            wrote on last edited by theknut
            #5298

            @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 ↑

            ☕ @ https://ko-fi.com/theknut

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

              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 😊

              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

              C 1 Reply Last reply
              3
              • ArmilarA Armilar

                @rene55 sagte in SONOFF NSPanel mit Lovelace UI:

                Wenns Fertig ist zeig ich das natürlich hier (wenn ich darf).

                natürlich :blush:

                Rene55R Online
                Rene55R Online
                Rene55
                wrote on last edited by
                #5300

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

                Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                Wetterstation: Froggit WH3000SE V1.6.6

                ArmilarA T 2 Replies Last reply
                0
                • Rene55R Rene55

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

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

                  @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
                  //
                  

                  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
                  • Rene55R Rene55

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

                    T Do not disturb
                    T Do not disturb
                    ticaki
                    wrote on last edited by
                    #5302

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

                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                    Spenden

                    ArmilarA Rene55R 2 Replies Last reply
                    1
                    • T ticaki

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

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

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

                      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
                      • T 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 Offline
                        C Offline
                        c3b
                        wrote on last edited by
                        #5304

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

                        Danke Dir.
                        LG aus dem Sauerland
                        Jörg

                        1 Reply Last reply
                        1
                        • T ticaki

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

                          Rene55R Online
                          Rene55R Online
                          Rene55
                          wrote on last edited by
                          #5305

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

                          Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                          ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                          Wetterstation: Froggit WH3000SE V1.6.6

                          T 1 Reply Last reply
                          0
                          • C Offline
                            C Offline
                            c3b
                            wrote on last edited by c3b
                            #5306

                            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

                            ArmilarA 1 Reply Last reply
                            0
                            • C 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

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

                              @c3b

                              Es ist ein Thermostat --> kein Temperatur...

                              Der Alias ist falsch...

                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardthermo

                              cbc05dda-7db3-4bc9-af77-ef184cf22555-image.png

                              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.

                              C 1 Reply Last reply
                              1
                              • Rene55R Rene55

                                @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 Do not disturb
                                T Do not disturb
                                ticaki
                                wrote on last edited by ticaki
                                #5308

                                @rene55

                                await sendToAsync('adapter', 'command', 'data', {timeout: 2000})
                                

                                Und da muß ein try und catch drum, der timeout error bringt wie jeder async error den Adapter zum Restart.

                                Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                Spenden

                                1 Reply Last reply
                                0
                                • ArmilarA Armilar

                                  @c3b

                                  Es ist ein Thermostat --> kein Temperatur...

                                  Der Alias ist falsch...

                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardthermo

                                  cbc05dda-7db3-4bc9-af77-ef184cf22555-image.png

                                  C Offline
                                  C Offline
                                  c3b
                                  wrote on last edited by
                                  #5309

                                  @armilar Hi. Da hast du natürlich recht. Den Link habe ich schon mehrfach gelesen. Schnall es aber nicht. Um die Icons habe ich mich noch gar nicht gekümmert.
                                  Also: Ich habe unter Temp und Humidity meine Zigbeedaten hinterlegt. Somit wird die aktuelle Raumtemperatur angezeigt. Feuchte natürlich nicht. Als nächstes habe ich einen DP angelegt und diesen dem set zugeordnet. Somit habe ich die eingestellte Temperatur. Auch nach einem Neustart. Mit diesem Wert kann ich z.B über ein skript einen Stellmotor ansteuern.
                                  Einen Zustand habe ich ja nicht, da mein Panel in verbindung mit meinemZigbeesensor ein Thermostat ersetzen soll.
                                  Ausblenden wird somit auch nicht gehen. Die Beispiele in der Doku beziehen sich wohl eher auf Klimageräte. Ich könnte mir vorstellen, eine Abfrage zu machen. Wenn der Zigbeesensor nicht erreichbar ist, könnte man das dort anzeigen. Wo kommt das MANU her?

                                  LG aus dem Sauerland
                                  Jörg

                                  ArmilarA 1 Reply Last reply
                                  0
                                  • C c3b

                                    @armilar Hi. Da hast du natürlich recht. Den Link habe ich schon mehrfach gelesen. Schnall es aber nicht. Um die Icons habe ich mich noch gar nicht gekümmert.
                                    Also: Ich habe unter Temp und Humidity meine Zigbeedaten hinterlegt. Somit wird die aktuelle Raumtemperatur angezeigt. Feuchte natürlich nicht. Als nächstes habe ich einen DP angelegt und diesen dem set zugeordnet. Somit habe ich die eingestellte Temperatur. Auch nach einem Neustart. Mit diesem Wert kann ich z.B über ein skript einen Stellmotor ansteuern.
                                    Einen Zustand habe ich ja nicht, da mein Panel in verbindung mit meinemZigbeesensor ein Thermostat ersetzen soll.
                                    Ausblenden wird somit auch nicht gehen. Die Beispiele in der Doku beziehen sich wohl eher auf Klimageräte. Ich könnte mir vorstellen, eine Abfrage zu machen. Wenn der Zigbeesensor nicht erreichbar ist, könnte man das dort anzeigen. Wo kommt das MANU her?

                                    LG aus dem Sauerland
                                    Jörg

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

                                    @c3b

                                    Etwas tiefer gibt es MODE

                                    f1bce188-11ba-45bc-9bfd-57e0b0740892-image.png

                                    Hinten ist ein Bleistift

                                    0835d0f5-757e-4c2b-9c32-830a3a8924b9-image.png

                                    4dc26fe3-0e27-4a7b-a729-1bbf230ad731-image.png

                                    Habe hier auch eine Beschreibung im Wiki gefunden:
                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#20-homatic-nonip-thermostate-mit-der-cardthermo

                                    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.

                                    C 1 Reply Last reply
                                    0
                                    • E eMd

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

                                      MfG
                                      eMd

                                      M Offline
                                      M Offline
                                      Maragon
                                      wrote on last edited by
                                      #5311

                                      @emd danke, genau das war auch bei mir das Problem 😀

                                      1 Reply Last reply
                                      1
                                      • Marc BergM Offline
                                        Marc BergM Offline
                                        Marc Berg
                                        Most Active
                                        wrote on last edited by Marc Berg
                                        #5312

                                        Ich glaube, in der Funktion zum automatischen Dimmen

                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#automatischer-dimmode

                                        ist noch ein kleiner Fehler. Im Wiki ist beschrieben, dass der Parameter NSPanel_Dimmode_brightnessDay Werte von 0-100 annehmen kann, über das Panel-Menü kann man Werte von 0-10 angeben. Das bedeutet für mich, dass die Menüeingaben mit dem Faktor 10 "übersetzt" werden müssten. Das passiert aber nicht, über das Menü ist ein Maximalwert von 10 für den Parameter NSPanel_Dimmode_brightnessDay eingebbar.

                                        Außerdem: Wenn ich manuell den Parameter auf "100" setze, so wird der Screensaver nach einem Scriptneustart nicht aktiv. Das funktioniert nur bis zu einem Maximalwert von 99.

                                        TypeScript v4.3.3.41

                                        NUC10I3+Ubuntu+Docker+ioBroker+influxDB2+Node Red+RabbitMQ+Grafana

                                        Pi-hole, Traefik, Checkmk, Conbee II+Zigbee2MQTT, ESPSomfy-RTS, LoRaWAN, Arduino, KiCad

                                        Benutzt das Voting im Beitrag, wenn er euch geholfen hat.

                                        ArmilarA 1 Reply Last reply
                                        0
                                        • Marc BergM Marc Berg

                                          Ich glaube, in der Funktion zum automatischen Dimmen

                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#automatischer-dimmode

                                          ist noch ein kleiner Fehler. Im Wiki ist beschrieben, dass der Parameter NSPanel_Dimmode_brightnessDay Werte von 0-100 annehmen kann, über das Panel-Menü kann man Werte von 0-10 angeben. Das bedeutet für mich, dass die Menüeingaben mit dem Faktor 10 "übersetzt" werden müssten. Das passiert aber nicht, über das Menü ist ein Maximalwert von 10 für den Parameter NSPanel_Dimmode_brightnessDay eingebbar.

                                          Außerdem: Wenn ich manuell den Parameter auf "100" setze, so wird der Screensaver nach einem Scriptneustart nicht aktiv. Das funktioniert nur bis zu einem Maximalwert von 99.

                                          TypeScript v4.3.3.41

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

                                          @marc-berg

                                          kann sein, dass der Dimmode bei 99 aufhört, was defacto ebenso gut wäre wie die 100.

                                          Da es sich um einen Dimmode handelt, muss der Wert wahrscheinlich (kann es dir nicht 100%ig beantworten) HMI-seitig unter der Max-Brightness liegen.

                                          Du würdest dann wahrscheinlich das NSPanel bei 100% Brightness betreiben und der Day-Dimmode würde dann auf 99% herabfallen. Ich denke das dürfte im Display nicht wirklich einen Unterschied machen.

                                          Wir haben die Slider im Servicemenü absichtlich auf 10 gestellt, diese kannst du natürlich über die Variablen des Service-Menüs gerne auch bis 99 einstellen.

                                          Hintergrund zu diesen Parametern:

                                          • der NFC wird zu warm, wenn das Display auf 100% Dauerbetrieb ist und somit würde der interne Temperatursensor über 10% Display-Brightness keine akzeptablen Ergebnisse liefern.
                                          • Es ist schwierig einen Wert über den Slider im Servicebereich einzustellen, wenn die Skala zu groß ist.
                                          • Der Stromverbrauch des Panels steigt ebenso bei einem Dauerhaften 99% Dimmode

                                          Das Display kann aber dauerhaft mit activeBrightness auf 100 % gestellt werden. Dann greift aber der Dimmode nicht mehr (nur falls es jetzt auf das letzte % ankommt)

                                          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.

                                          CluniC Marc BergM 2 Replies Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          662

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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