jarvis v3.2.x - just another remarkable vis

[MeisterQ 0]

@mcu Danke! Das hat mir geholfen --> Wäre so ein Dynamisches Dropdown nicht ein featurerequest würdig? Angabe des DP, Angabe des Trennzeichens oder json format. Fertig

[MCU]

@meisterq-0 Das wurde für das automatische Auslesen der Objektdaten common.states für die Anzeigevariante schon mal gefordert. Wurde nicht umgesetzt.

Problem ist das der DP mehrfach in unterschiedlichen Geräte-DPs genutzt werden kann, man aber nicht in allen eine automatische Änderung haben möchte. Also man muss schon die Geräte-Id und stateKey angeben und dann hat man noch die unterschiedlichen Möglichkeiten mit dem Objektwerten und Statewerten usw.

Ändern sich dann mehrere States gleichzeitig würde der deviceDP von 2 Seiten gleichzeitig geändert werden. Evlt klappt evlt nicht und nur der letzte gewinnt.

Ist etwas komplizierter.

[der-eine]

@MCU ich habe ein Skript, dass mit einen jsonTable zusammenstellt und ich würde gerne die Hintergrund Farbe von Fenster und Tür ändern anhand des Wertes. (rot grün)
Ich probier schon eine längere Zeit mit Deiner Anleitung rum aber bekomme es nicht hin. Wie sollte ich rangehen? Das Style Attribute gleich im Skript einbauen (wie?) oder im Gerät bei Jarvis?

[MCU]

@der-eine Stell mal das Script rein.
Diese

[der-eine]

@mcu

const LOGGING_ENABLED = false;

const rooms = [
    {
        name: "Wohnzimmer",
        sollDP: "heatingcontrol.0.Rooms.Wohnzimmer.CurrentTimePeriodTemperature",
        statusDP: "heatingcontrol.0.Rooms.Wohnzimmer.State",
        istDP: "alias.0.Aqara.EG.Wohnzimmer.Temperature",
        ventilDP: "shelly.0.SHTRV-01#60A423D91058#1.tmp.valvePosition",
        fensterDPs: ["zigbee.0.00158d000aca7c1a.opened"],
        tuerDPs: ["zigbee.0.00158d000aca7c3a.opened"]
    }
];

async function updateTable() {
    try {
        const table = await Promise.all(rooms.map(async (room) => {
            const [soll, ist, ventil, status, ...fensterTueren] = await Promise.all([
                getStateAsync(room.sollDP),
                getStateAsync(room.istDP),
                getStateAsync(room.ventilDP),
                getStateAsync(room.statusDP),
                ...room.fensterDPs.map(dp => getStateAsync(dp)),
                ...room.tuerDPs.map(dp => getStateAsync(dp))
            ]);

            const fensterStatus = {
                "Fenster 1": room.fensterDPs.length > 0 ? (fensterTueren[0]?.val ? "Offen" : "Geschlossen") : "-",
                "Fenster 2": room.fensterDPs.length > 1 ? (fensterTueren[1]?.val ? "Offen" : "Geschlossen") : "-"
            };

            const tuerStatus = room.tuerDPs.length ? { "Tür": fensterTueren[room.fensterDPs.length]?.val ? "Offen" : "Geschlossen" } : { "Tür": "-" };

            return {
                Raum: room.name,
                Soll: `${soll?.val ?? "N/A"} °C`,
                Ist: `${ist?.val ?? "N/A"} °C`,
                Ventil: `${ventil?.val ?? "N/A"} %`,
                Status: status?.val ?? "N/A",
                ...fensterStatus,
                ...tuerStatus
            };
        }));

        if (LOGGING_ENABLED) console.log(JSON.stringify(table, null, 2));

        setState("0_userdata.0.Variablen.Jarvis.Heizung.testTable", JSON.stringify(table), true);
    } catch (error) {
        console.error("Fehler beim Abrufen der Daten:", error);
    }
}

schedule("* * * * * *", updateTable);
updateTable();

[MCU]

@der-eine Du meinst die Überschriften?

[der-eine]

@mcu nein, offen geschlossen bei den Values

So wie hier in der Anleitung:

[MCU]

@der-eine

const fensterStatus = {
                "Fenster 1": room.fensterDPs.length > 0 ? (fensterTueren[0]?.val ? "<div style=\"color:red;\">Offen</div>" : "<div style=\"color:green;\">Geschlossen</div>") : "-",
                "Fenster 2": room.fensterDPs.length > 1 ? (fensterTueren[1]?.val ? "<div style=\"color:red;\">Offen</div>" : "<div style=\"color:green;\">Geschlossen</div>") : "-"
            };

wenn der Hintergrund geändert werden soll dann background-color nutzen

[der-eine]

@mcu top funktioniert. Danke.

[MCU]

@der-eine Wenn du das mit styles innerhalb der jsonTable machen wolltest

"style": "(rowindex, row, props) => (row.Tür == 'Offen' ? 'background-color: #00FF00' : 'background-color: #FF0000')"

MIt Fenster 1 und Fenster 2 würde es nicht gehen da dort ein Leerzeichen ist
Müsste man evtl so machen

"style": "(rowindex, row, props) => (row['Fenster 1'] == 'Offen' ? 'background-color: #00FF00' : 'background-color: #FF0000')"

[der-eine]

@mcu das wäre der Ansatz gewesen aber ich habe nicht herausgefunden wo der Style Tag stehen muss. Hatte immer ne Spalte mit Style und den Background Werten.

[MCU]

@der-eine

[der-eine]

@mcu hätte das schon versucht:

[MCU]

@der-eine Nein.
row["Fenster 1"] ==

Und das muss ein Array sein, so wie ich es oben gezeigt habe

[der-eine]

@mcu das davor war nur die "Erklärung"

[MCU]

@der-eine
Dort muss ein Array drin stehen

[
{
"field":"Raum",
"label":"Raum",
},
{
"field":"Soll",
"label":"Soll",
},
{
"field":"Ist",
"label":"Ist",
},
{
"field":"Ventil",
"label":"Ventil",
},
{
"field":"Status",
"label":"Status",
},
{
"field":"Fenster 1",
"label":"Fenster 1",
"style": "(rowindex, row, props) => (row['Fenster 1'] == 'Offen' ? 'background-color: #00FF00' : 'background-color: #FF0000')"
},
{
"field":"Fenster 2",
"label":"Fenster 2",
"style": "(rowindex, row, props) => (row['Fenster 2'] == 'Offen' ? 'background-color: #00FF00' : 'background-color: #FF0000')"
},
{
"field":"Tür",
"label":"Tür",
"style": "(rowindex, row, props) => (row['Tür'] == 'Offen' ? 'background-color: #00FF00' : 'background-color: #FF0000')"
}
]

[der-eine]

@mcu passt. Danke für die Erklärung.

[MCU]

@der-eine Fenster 2 war noch falsch, korrigiert

[bastian-m]

Ist beim Entwicklerteam eigentlich soweit alles in Ordnung? Mir ist gerade aufgefallen, dass es zumindest im Github-Repo seit November keinen Commit mehr gab.

Natürlich will Gut Ding Weile haben und jeder macht mal Pause und hat wichtigeres zu tun, noch dazu bei einem Freizeitprojekt. Ich hoffe, @Zefau geht's gut.

Gruß,
Bastian

[MCU]

@bastian-m Er entwickelt auf jedenfall weiter. Mal mehr mal weniger. Ist in github zu sehen, wenn man auf den Namen klickt.

https://github.com/Zefau