jarvis v3.2.x - just another remarkable vis

[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