SONOFF NSPanel mit Lovelace UI

theknut

öhm sorry Leute, scheinbar kann jeder das Wiki editieren, ich dachte der macht dann einen PR drauß, aber er hat es einfach gespeichert....
Bitte noch mal drüber schauen, aber bei mir läuft das schon seit ein paar Tagen problemlos: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#typescript-für-influx2

Hier das aktualisierte Skript:

jetzt mit async/await
kann mehrere States überwachen
generiert sofort die States
- man muss nicht erst warten, bis ein neuer Wert kommt
- das ist gerade fürs Testen bisschen nervig
Bucket ist konfigurierbar

const Debug = false;

const NSPanel_Path = '0_userdata.0.NSPanel.1.';
const Path = NSPanel_Path + 'Influx2NSPanel.cardLChart.';
const InfluxInstance = 'influxdb.1';
const influxDbBucket = 'iobroker';
const numberOfHoursAgo = 24;
const xAxisTicksEveryM = 60;
const xAxisLabelEveryM = 240;

// this records holds all sensors and their corresponding states which act as the data source for the charts
// add all sensors which are to be displayed in this script, there is no need to use multiple scripts
const sensors : Record<string, string> = {};
/*         ↓ Id of the sensor                 ↓ Id of the data source for the charts */
sensors['deconz.0.Sensors.65.temperature'] = Path + 'buero_temperature';
sensors['deconz.0.Sensors.65.humidity'] = Path + 'buero_luftfeuchte';

// create data source for NsPanel on script startup
Object.keys(sensors).forEach(async x => {
    await generateDateAsync(x, sensors[x]);
});

// then 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 generateDateAsync(obj.id, sensors[obj.id]);
});

async function generateDateAsync(sensorId: string, dataPointId: string) {
    const query =[
        'from(bucket: "' + influxDbBucket + '")',
        '|> range(start: -' + numberOfHoursAgo + 'h)',
        '|> filter(fn: (r) => r["_measurement"] == "' + sensorId + '")',
        '|> filter(fn: (r) => r["_field"] == "value")',
        '|> drop(columns: ["from", "ack", "q"])',
        '|> aggregateWindow(every: 1h, fn: last, createEmpty: false)',
        '|> map(fn: (r) => ({ r with _rtime: int(v: r._time) - int(v: r._start)}))',
        '|> yield(name: "_result")'].join('');

    if (Debug) console.log('Query: ' + query);

    const result : any = await sendToAsync(InfluxInstance, 'query', query);
    if (result.error) {
        console.error(result.error);
        return;
    }
    
    if (Debug) console.log(result);
    const numResults = result.result.length;
    let coordinates : string = '';
    for (let r = 0; r < numResults; r++) 
    {
        const list : string[] = []
        const numValues = result.result[r].length;

        for (let i = 0; i < numValues; i++) 
        {
            const time = Math.round(result.result[r][i]._rtime/1000/1000/1000/60);
            const value = Math.round(result.result[r][i]._value * 10);
            list.push(time + ":" + value);
        }

        coordinates = list.join("~");

        if (Debug) console.log(coordinates);
    }

    const ticksAndLabelsList : string[] = []
    const date = new Date();
    date.setMinutes(0, 0, 0);
    const ts = Math.round(date.getTime() / 1000);
    const tsYesterday = ts - (numberOfHoursAgo * 3600);
    if (Debug) console.log('Iterate from ' + tsYesterday + ' to ' + ts + ' stepsize=' + (xAxisTicksEveryM * 60));
    for (let x = tsYesterday, i = 0; x < ts; x += (xAxisTicksEveryM * 60), i += xAxisTicksEveryM)
    {
        if ((i % xAxisLabelEveryM))
            ticksAndLabelsList.push('' + i);
        else
        {
            const currentDate = new Date(x * 1000);
            // Hours part from the timestamp
            const hours = "0" + String(currentDate.getHours());
            // Minutes part from the timestamp
            const minutes = "0" + String(currentDate.getMinutes());
            const formattedTime = hours.slice(-2) + ':' + minutes.slice(-2);

            ticksAndLabelsList.push(String(i) + "^" + formattedTime);
        }
    }
    if (Debug) console.log('Ticks & Label: ' + ticksAndLabelsList);
    if (Debug) console.log('Coordinates: ' + coordinates);
    await setOrCreate(dataPointId, ticksAndLabelsList.join("+") + '~' + coordinates, true);
}

async function setOrCreate(id : string, value : any, ack : boolean) {
    if (!(await existsStateAsync(id))) {
         await createStateAsync(id, value, {
            name: id.split('.').reverse()[0],
            desc: 'Sensor Values [~<time>:<value>]*',
            type: 'string',
            role: 'value',
        });
    } else {
        await setStateAsync(id, value, ack);
    }
}

TT-Tom

@armilar eigentlich hat er es richtig angefangen, aber irgendwie ist es in den Alias nicht aufgetaucht. Ich traue diesem Adapter eh nicht mehr.

Florian Klante

Guten morgen zusammen.
Vorab ein herzliches Dankeschön für die Arbeit die hier geleistet wird.
Ich bin neu in der Thematik NSpanel mit Lovelace UI und dank der Community hier schon verdammt weit gekommen. Allerdings habe ich ein paar Herausforderungen bei denen ihr bestimmt helfen könnt. Ich hoffe das es an dieser Stelle richtig ist, ansonsten lasst es mich wissen - danke
Ich habe im Forum schon gesucht aber nichts gefunden, evtl. liegt es an meiner Handhabung...

Button1/2:
Ich habe die Rule2 definiert und auch im TS Script die entsprechenden Anpassungen für Toggle vorgenommen.
Wenn ich jetzt die Button betätige, dann wird auch entsprechend geschaltet, aber ich muss danach immer erst auf eine andere Page wechseln um erneut ein Toggle auszuführen.
Also konkretes Bsp.:
NSpanel ist im Screensaver. Drücke ich Button1 wird Licht eingeschaltet.
Drücke ich Button1 erneut, bleibt das Licht eingeschaltet.
Wecke ich das NSpanel auf und meine Startseite wird angezeigt, kann ich über Button1 das Licht wieder ausschalten.
Drücke ich im Startbildschirm wieder Button1, wird das LIcht nicht eingeschaltet.
Wechsel ich auf eine andere Seite oder aber es geht in den Screensaver, kann ich über Button1 das Licht wieder einschalten.

Jemand eine Idee?

theknut

@florian-klante poste mal wie du button1 und button2 in der Config konfiguriert hast und bist du dir sicher, dass deine zu schaltenden States wirklich boolean sind? Wichtig ist, dass die States, falls es Aliase sind, eine richtige Convert-Funktion haben um bspw. aus "true" ein true machen zu können.

So habe ich es bei mir:

button1: {
        mode: "toggle",
        page: null,
        entity: "alias.0.Rooms.Wohnzimmer.Stehlampe.SET",
        setValue: null
    },
    button2: {
        mode: "toggle",
        page: null,
        entity: "alias.0.Rooms.Wohnzimmer.HueGradientLightStrips.ON",
        setValue: null
    }

Rene55

@theknut Danke für das Script. Jetzt habe ich das Problem, wo der Alias ins Spiel kommen soll. Es ist ja eigentlich gut beschrieben:


/*         ↓ Id of the sensor                 ↓ Id of the data source for the charts */
sensors['deconz.0.Sensors.65.temperature'] = Path + 'buero_temperature';

Damit konnte ich soweit umgehen. Aktuell Fragezeichen??

Florian Klante

@theknut ich habe es eigentlich so wie du auch.
Ich nutze für die Aliase den "Geräte verwalten" Adapter, daher bin ich etwas verwirrt über deinen Screenshot mit den Funktionen für Read/Write.
Boolean sollte der Shelly Switch sein.

    button2: {
        mode: 'toggle',
        page: null,
        entity: 'alias.0.Licht.Aussenbeleuchtung.SET',
        setValue: null
    },

Es funktioniert ja auch der Toggle, ich muss halt nur immer erst einen anderen Befehl ausführen. Danach schaltet er dann auch den anderen Zustand auf dem Button wieder.
Kann es sein das bei der Rule2 was falsch ist? Ich habe da den Standard genommen.

{"Rule2":{"State":"ON","Once":"OFF","StopOnError":"OFF","Length":189,"Free":322,"Rules":"on Button1#state do Publish SmartHome/%topic%/tele/RESULT {"CustomRecv":"event,button1"} endon on Button2#state do Publish SmartHome/%topic%/tele/RESULT {"CustomRecv":"event,button2"} endon"}}

ticaki

@florian-klante
zeig mal bitte die Seite MQTT Einstellungen aus dem verwendeten MQTT Adapter.

Florian Klante

@ticaki meinst du diese?

ticaki

@florian-klante
so siehts in der anleitung aus

Ist zwar nicht logisch, weil ich verstehe das so das er nur bei Änderungen dinge verschickt, aber scheinbar aktualisiert er states dann nur bei veränderungen. Zumindest ist dein Fehler 100% ein raus filtern wegen wiederholter gleicher nachricht.

Florian Klante

@ticaki aus welcher Anleitung hast du das?

ticaki

@florian-klante
https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#6-mqtt-iobroker-config

Florian Klante

@ticaki großartig, jetzt funktioniert es.
Kaum macht man es richtig...
herzlichen Dank!

Florian Klante

@ticaki somit ist dann auch mein zweites Problem behoben.
Die Pages konnte ich nicht sauber blättern.

Armilar

@florian-klante

Ja, die Einstellungen des MQTT-Adapters sind da ebenfalls dran beteiligt. Konnte auch nie nachvollziehen, warum die Einstellung:
so kontrovers benannt wurde...

Daher in der Wiki auch explizit nochmal erwähnt

danny_v1

Hallo habe mir gerade mal die letzten Änderungen in Skript angeschaut, kann mir jemand erklären was es mir dem letzten Punkt im Changelog aus sich hat?

20.01.2024 - v4.3.3.38 Add: click on indicatorIcon navigate to Page

Vielen Dank schon mal

Armilar

@danny_v1

https://forum.iobroker.net/post/1116411

ich hab's mal für dich zurückgeblättert

dritter Punkt

Neuschwansteini

@tt-tom

Hallo, habe gerade dein Abfallscript auf dem Schirm, das geht soweit, nur scheint in meiner Konfig noch etwas zu fehlen, denn im Datum steht zwar das Datum, aber immer ein "heute" hintendran..???

Im script bekomme ich in der function currentDate dies: (sieht so aus, als ob Date eine globale Variable ist bei dir??)

Doggie

@armilar Also ich glaube ich habe mich nicht klar genug ausgedrückt. Das Fenster unter deinem Punkt 3 öffnet sich nicht. Also erscheint kein ACTUAL und ich kann die Verknüpfung mit dem eigentlichen Datenpunkt in dem der Zählerstand drin steht nicht zuordnen . Dies passiert oder besser passiert nicht ausschließlich unter NSPanel. Ich habe schon mehrere Alias angelegt und immer erscheint das Fenster in dem die Zuordnung eingetragen wird, nur unter NSPanel nicht. Das ist mein Problem!
Als Beispiel hier mal ein Foto wie es normalerweise aussieht:

Hier der Gaszähler:

Es tut mir ja leid, dass ich hier dauernd nachfrage, aber ich glaube nicht, dass es ein Verständnisproblem meinerseits ist. Der von die beschriebene Vorgang ist ja leicht zu verstehen. Aber genau so funktioniert es nicht.

TT-Tom

@rene55 in die eckige Klammer kommt der DatenPunkt von deinem Sensor. Hinter Path + kommt der Name des Datenpunkt, wo die Daten hingeschrieben werden sollen.

Armilar

@doggie

Ah oh okay!

warum machst du es dann nicht in einem anderen Verzeichnis?

Unter den vom NSPanel angelegten Aliassen würde ich eh keine weiteren einbauen. Für den Fall dass es mal hakt, kannst du den kompletten Objektbaum wegwerffen und das NSPanelTs.ts legt es wieder an. Dann wären deine Aliasse ja auch weg...

Nimm einfach dann ein anderes Verzeichnis...

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

955
Online

31.6k
Users

79.5k
Topics

1.3m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

955Online

31.6kUsers

79.5kTopics

1.3mPosts

955
Online

31.6k
Users

79.5k
Topics

1.3m
Posts