SONOFF NSPanel mit Lovelace UI

[c3b]

@theknut Hi Leutz
Da steht bei mir eine 100 drin.

Jetzt wo ich mir die Datenpunkte angeschaut habe, sehe ich den bExitPage. Da war doch auch etwas mit. Ist halt schon ein Jahr her.
Was steht da bei Dir? Auch eine Null?

LG aus dem Sauerland
Jörg

[ticaki]

@c3b
da darf nirgendwo null stehen. Das für zu "was ist das zum Teufel" Erlebnissen

[c3b]

@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

[TT-Tom]

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

[c3b]

@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

[ticaki]

@c3b

Klar kannst du den Wert da von Hand rein schreiben

[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

[c3b]

@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

[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

[ticaki]

@c3b

0 ist was anderes wie null - ich bezog mich auf das null nicht die 0, die 0 ist richtig.

[eMd]

@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

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

[eMd]

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

MfG
eMd

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

[TT-Tom]

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

v4.3.3.41

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

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

Spoiler

/*
   *   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]

@rene55

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

Spoiler

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

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

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

[c3b]

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

Danke Dir.
LG aus dem Sauerland
Jörg