@oliverio
OK ich habe mal mit Hilfe von ChatGPT die Codezeile abgeändert
.then((text) => {
const deviceDetails = text
.trim()
.split('\n')
.reduce((obj, str) => {
const [key, val] = str.split('=');
if (key && typeof val !== 'undefined') {
obj[key] = val.trim();
}
return obj;
}, {});
return deviceDetails;
});
Jetzt läuft es. Vielen Dank
Nein das Skript läuft nicht.
Folgendes Log erhalte ich beim Starten.
2025-08-05 07:35:50.160 - info: javascript.0 (2626) Start JavaScript script.js.Türstation.Versuch2 (Javascript/js)
2025-08-05 07:35:50.181 - info: javascript.0 (2626) script.js.Türstation.Versuch2: registered 0 subscriptions, 0 schedules, 0 messages, 0 logs and 0 file subscriptions
2025-08-05 07:35:50.202 - error: javascript.0 (2626) script.js.Türstation.Versuch2: TypeError: Cannot read properties of undefined (reading 'trim')
2025-08-05 07:35:50.203 - error: javascript.0 (2626) at script.js.Türstation.Versuch2:119:28
2025-08-05 07:35:50.203 - error: javascript.0 (2626) at Array.reduce ()
2025-08-05 07:35:50.203 - error: javascript.0 (2626) at script.js.Türstation.Versuch2:117:12
2025-08-05 07:35:50.204 - error: javascript.0 (2626) at processTicksAndRejections (node:internal/process/task_queues:95:5)
Im Code von @h07d0q habe ich lediglich die IP Adresse und das Passwort auf meine Gegebenheiten angepasst.
Ich habe beim Javascript Adapter auch noch typescript als zusätzliches Modul angegeben.
Im Code hat es auch noch mehr Stellen, die als Fehler deklariert werden. Allerding haben diese alle mit dem Login zu tun. Und so wie ich das verstanden habe, hat md5 und digest-fetch etwas mit Login zu tun.
@h07d0q Hallo
Ist zwar schon ein bisschen älter, aber vielleicht kannst du mir trotzdem helfen.
Ich habe versucht dein Skript auszuführen.
Habe zuvor im JavaScript Adapter folgende einträge gemacht.
Leider wird in deinem Skript die beiden Module Rot unterstrichen
Was mache ich da falsch?
@mcu Ou man
Das ist ja peinlich 
Die Speicherladepumpe kann ich nicht beschreiben.
Drum habe ich mal die zisternenpumpe genommen. Aber im anderen HTML Objekt nicht getauscht.
Funktioniert.
Vielen Dank
@mcu sagte in Basic HTML Widget JS Funktion:
fill={wert:alias.0.Heizung.Speicherladepumpe.Schaltbefehl; wert==true ? "green":"grey"}
Boolean
habe es jetzt nochmals so eingefügt. Aber es funktioniert nicht.
Das ist der Datenpunkt
{
"type": "state",
"common": {
"name": "Schalten",
"role": "switch",
"type": "boolean",
"read": true,
"write": true,
"alias": {
"id": {
"read": "openknx.0.Aussenbereich.Verbraucher.Bewässerung_Pumpe_Status",
"write": "openknx.0.Aussenbereich.Verbraucher.Bewässerung_Pumpe_Schalten"
}
}
},
"_id": "alias.0.Garten.Bewaesserung.Pumpe.Schalten",
"native": {},
"from": "system.adapter.admin.0",
"user": "system.user.admin",
"ts": 1744870870221,
"acl": {
"object": 1636,
"state": 1636,
"file": 1632,
"owner": "system.user.admin",
"ownerGroup": "system.group.administrator"
}
}
@mcu Ach ja das war ein Fehler.
Jetzt ist es so, das es grau angezeigt wird.
Aber bei True wird es immer noch nicht grün
Mit 1 statt true habe ich es auch schon probiert
Hallo zusammen
Ich möchte ein einfaches Pumpensymbol (Kreis mit einem Dreieck), das die Füllfarbe ändert, wenn die Pumpe läuft.
Ich habe nichts passendes für mich gefunden, und habe stattdessen einfach ein HTML Widget genommen.
Wieso habe ich z.B. kein SVG Shape genommen und für den Kreis und das Dreieck eine Gruppe gemacht werdet Ihr euch vielleicht fragen. Ich möchte, das das Symbol automatisch anhand der Bildschirmauflösung skaliert. Das heisst, das dann die Leitung auch immer in der Mitte der Pumpe ist. Und das Dreieck immer in der Mitte des Dreieck.
Da ich mich nicht so auskenne habe ich zugegebener maßen ChatGPT gefragt.
Ich hatte dann ungefähr diesen Code bekommen
<div style="width:100%; aspect-ratio: 1 / 1;">
<svg viewBox="0 0 100 100" width="100%" height="100%" preserveAspectRatio="xMidYMid meet">
<!-- Kreis -->
<circle id="statusCircle" cx="50" cy="50" r="49"
fill="gray"
stroke="black"
stroke-width="3" />
<!-- Zentriertes Dreieck -->
<polygon
points="50,2 10,74 90,74"
fill="none"
stroke="black"
stroke-width="3"
/>
</svg>
</div>
<script>
// Dein Datenpunkt
const datapoint = {alias.0.Heizung.Speicherladepumpe.Schaltbefehl};
// Farbe ändern je nach Wert
function updateCircleColor(value) {
const color = value ? "green" : "gray";
document.getElementById("statusCircle").setAttribute("fill", color);
}
// Startwert lesen
vis.binds.basic.getValue(datapoint, function (val) {
updateCircleColor(val);
});
// Auf Änderungen reagieren
vis.states.bind(datapoint + ".val", function (e, newVal) {
updateCircleColor(newVal);
});
</script>
Ich habe Ihn bereits ein wenig angepasst, damit es für mich passen würde.
Leider funktioniert das mit der Füllfarbe aber nicht.
Anscheinend funktionieren keine JS funktionen im HTML Widget.
Ich habe es dan noch so Probiert
<div style="width:100%; aspect-ratio: 1 / 1;">
<svg viewBox="0 0 100 100" width="100%" height="100%" preserveAspectRatio="xMidYMid meet">
<!-- Kreis -->
<circle id="statusCircle" cx="50" cy="50" r="49"
fill={Wert:alias.0.Heizung.Speicherladepumpe.Schaltbefehl; wert==true? "green":"grey"}
stroke="black"
stroke-width="3" />
<!-- Zentriertes Dreieck -->
<polygon
points="50,2 10,74 90,74"
fill="none"
stroke="black"
stroke-width="3"
/>
</svg>
</div>
Da ist der Kreis dann aber einfach Schwarz
Was funktioniert ist, wenn ich direkt einen Datenpunkt mit dem Füllfarbentext hineinschreibe.
Aber ich möchte eigentlich umgehen dafür extra wieder zusätzliche datenpunkte anzulegen.
Hat vielleicht jemand einen Tipp für mich.
Vilen Dank
@mcu
Ja das ist natürlich auch eine. Werde ich wahrscheinlich so umsetzen.
Vielen Dank
