Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  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.4k

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

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

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 272 Kommentatoren 6.7m Aufrufe 254 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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 Nicht stören
    T Nicht stören
    ticaki
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      1
      • M Offline
        M Offline
        Maragon
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            1
            • T Offline
              T Offline
              TT-Tom
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antworten Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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 Nicht stören
                    T Nicht stören
                    ticaki
                    schrieb am zuletzt editiert von
                    #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 Antworten Letzte Antwort
                    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
                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #5304

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

                        Danke Dir.
                        LG aus dem Sauerland
                        Jörg

                        1 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • C Offline
                            C Offline
                            c3b
                            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                              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 Nicht stören
                                T Nicht stören
                                ticaki
                                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #5311

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

                                      1 Antwort Letzte Antwort
                                      1
                                      • Marc BergM Offline
                                        Marc BergM Offline
                                        Marc Berg
                                        Most Active
                                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          602

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe