SONOFF NSPanel mit Lovelace UI

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.

Armilar

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

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

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.

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.

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

@c3b

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

Der Alias ist falsch...

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

ticaki

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

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

Armilar

@c3b

Etwas tiefer gibt es MODE

Hinten ist ein Bleistift

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

Maragon

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

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

Armilar

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

Cluni

@armilar & co: Nur mal eine kleine Frage nebenbei. Ich lese hier nicht alles mit und merke deshalb meist auch recht spät, wenn es eine neue Version vom Skript gibt. Wäre es möglich, dass ihr die aktuelle Version, die es online gibt, in der Sektion "IoBroker" anzeigen könntet? Momentan gucke ich hier in den Thread, wenn ich daran denke, und suche, ob es was neues gibt. Ansonsten könnte man sich ja einfach durch ein eigenes Skript benachrichtigen lassen, wenn es was neues gibt.

Ihr macht echt eine super Arbeit - Wahnsinn, was ihr damit für die kleinen Dinger mittlerweile möglich macht! TOP!

Marc Berg

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

Wir haben die Slider im Servicemenü absichtlich auf 10 gestellt,

Dann habe ich den Text falsch verstanden. Da ich den internen Sensor nicht nutze, stelle ich den Wert auf 99 und gut.
Vielen Dank für die ausführliche Antwort!

Armilar

@cluni

ja, wäre möglich - allerdings müssten wir dann eine weitere Abfrage zu github einbauen um die aktuellste Versionsnummer abzufragen... Ich spreche das mal mit @TT-Tom und @ticaki durch...

Cluni

@armilar Super, vielen Dank schon mal!

c3b

@armilar Hi

Danke für die Info. Soweit habe ich das jetzt geschnallt.
Man muss also DP anlegen und diese Zuweisen. Folglich wird Auto, Manu bzw. die unteren Icons angezeigt.
Ich kann mit dem Pluszeichen einen Zustand hinzufügen und auch mit ok bestätigen, allerdings kann ich ihn nicht speichern. Beim nächsten öffnen ist er wieder weg. Ich habe das so verstanden, dass man weitere Zustände anlegen kann und diese über die fortlaufenden Nummern ansprechen kann. Was mache ich falsch?
Durch den touch kann man ja z.B. boost oder power ein und ausschalten. Bei humidity habe ich einen grünen Tropfen mit einem %-Zeichen drin. Kann man hier den Wert anzeigen lassen? In meiner Variablen steht z.B. eine 48. Ich vermute einmal, dass die da stehen soll. Wenn ich auf das Zigbeegerät gehe, stehen da allerdings 48%. Liegt es evtl. da drann? Der Variablentyp ist number. Sollte eigendlich passen.

LG aus dem Sauerland
Jörg

Armilar

@c3b sagte in SONOFF NSPanel mit Lovelace UI:

Was mache ich falsch?

Die hinteren Funktionen sind ein wenig trickreich...

Ändern und dann irgendetwas an einem DP ändern. Danach nochmal rein und den DP wieder geradebiegen... Ist eine komisches halbgares Tool... Aber so funktioniert es

Haben wir nie so realisiert, da die cardThermo in der HMI auch mal eine Überarbeitung bekommen sollte.

Schreibe mal ein Issue in Github... Ich mache gerade aus demm Spotify-Player ein Flugzeug... danach könnte ich d auch einen Wert rein basteln...

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

734
Online

31.8k
Users

80.0k
Topics

1.3m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

734Online

31.8kUsers

80.0kTopics

1.3mPosts

734
Online

31.8k
Users

80.0k
Topics

1.3m
Posts