SONOFF NSPanel mit Lovelace UI

[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

[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