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

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

NEWS

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

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

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

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.
  • T ticaki

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

    C Offline
    C Offline
    c3b
    schrieb am zuletzt editiert von
    #5287

    @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

    T T 2 Antworten Letzte Antwort
    0
    • C 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

      T Offline
      T Offline
      TT-Tom
      schrieb am zuletzt editiert von
      #5288

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

      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
      1
      • C Offline
        C Offline
        c3b
        schrieb am zuletzt editiert von
        #5289

        @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

        T 1 Antwort Letzte Antwort
        0
        • C 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

          T Nicht stören
          T Nicht stören
          ticaki
          schrieb am zuletzt editiert von
          #5290

          @c3b

          Klar kannst du den Wert da von Hand rein schreiben :)

          Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

          Spenden

          1 Antwort Letzte Antwort
          0
          • C 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

            T Offline
            T Offline
            TT-Tom
            schrieb am zuletzt editiert von TT-Tom
            #5291

            @c3b bin an dem Problem dran. kann ich nachvollziehen

            Edit: das bHome Event setzt anschein die PageID nicht auf die erstellte Page um

            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

            1 Antwort Letzte Antwort
            1
            • C Offline
              C Offline
              c3b
              schrieb am zuletzt editiert von
              #5292

              @tt-tom Super. Hab schon gedacht , dass das Problem mal wieder 40cm vor dem Bildschirm sitzt. Ist vermutlich auch so. :blush:
              LG aus dem Sauerland
              Jörg

              1 Antwort Letzte Antwort
              0
              • T TT-Tom

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

                C Offline
                C Offline
                c3b
                schrieb am zuletzt editiert von
                #5293

                @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 1 Antwort Letzte Antwort
                0
                • 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          531

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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