Weihnachtsangebot 2025! 🎄

[Chenda]

Das Script funktioniert erstmal und tat, was es soll.
Nun wollte ich mir noch die Restzeiten anzeigen lassen. Dafür habe ich mir in VIS-2 ein html widget eingebunden,

im Feld Allgemein "html" habe ich folgenden Code eingebaut:

<div id="countdown" style="font-size: 28px; font-weight: bold; text-align: center;"></div>

<script>
    const countdownElement = document.getElementById("countdown");
    const wartezeitDP = "javascript.0.Logik.Heubedampfer.Wartezeit";
    const arbeitszeitDP = "javascript.0.Logik.Heubedampfer.Restzeit";

    function updateCountdown() {
        let wartezeit = getState(wartezeitDP)?.val || 0;
        let arbeitszeit = getState(arbeitszeitDP)?.val || 0;

        if (wartezeit > 0) {
            let minutes = Math.floor(wartezeit / 60);
            let seconds = wartezeit % 60;
            countdownElement.innerHTML = `Wartezeit: ${minutes}:${seconds.toString().padStart(2, '0')} min`;
            countdownElement.style.color = "#FFA500"; // Orange für Wartezeit
        } else if (arbeitszeit > 0) {
            let minutes = Math.floor(arbeitszeit / 60);
            let seconds = arbeitszeit % 60;
            countdownElement.innerHTML = `Heubedampfer läuft: ${minutes}:${seconds.toString().padStart(2, '0')} min`;
            countdownElement.style.color = "#00FF00"; // Grün für aktive Betriebszeit
        } else {
            countdownElement.innerHTML = "Kein aktiver Timer";
            countdownElement.style.color = "#FF0000"; // Rot für keine Aktivität
        }
    }

    // Aktualisierung alle 1 Sekunde
    setInterval(updateCountdown, 1000);
    updateCountdown();
</script>

In den Variablen javascript.0.Logik.Heubedampfer.Wartezeit und javascript.0.Logik.Heubedampfer.Restzeit wird durch mein JS skript regelmäßig die Restzeit (in s) aktualisiert. Dennoch wird in der VIS-2 nichts angezeigt.
Was habe ich falsch gemacht?

[Homoran]

@chenda warum um alles in der Welt lässt du das in der vis laufen?
Das läuft dann im (wahrscheinlich deutlich leistungsschwächeren) Frontend ab und nich auf dem Server.

Lass es ganz normal im js-Adapter laufen und lass dir nur denn Wert der Datenpunkte in der Vis anzeigen.
Das Tablet oder was auch immer hat schon genug mit der grafischen Aufarbeitung zu tun.

[Chenda]

@homoran okay, ich kann das javascript natürlich verschieben. Aber ich bekomme dennoch keinerlei Werte in der VIS angezeigt.

[Homoran]

@chenda sagte in Steckdose über vis Steuerelemente automatisieren:

Aber ich bekomme dennoch keinerlei Werte in der VIS angezeigt.

dann reicht ja ein Number-Widget das die Werte des Countdown Datenpunkts anzeigt.
mache ich schon lange so (mit vis! nicht mit vis-2! aber das sollte nicht der Grund sein)

[Chenda]

@homoran ja da hast du eigentlich recht, aber mir wird dennoch nix angezeigt:

[Homoran]

@chenda wie gesagt kenne ich vis-2 nicht

aber NaN heisst Not a Number.
du hast da Text in dem Feld

der müsste nach meinem Verständnis darunter in "voranstellen..."

[Chenda]

@homoran ja stimmt, aber das ändert nix, wenn ich das weglasse:

oder ein String Widget benutze:

ich verstehe einfach nicht was da nicht stimmt :-/

In "voranstellen" braucht das glaub nicht, denn im Objekt Auswahldialog steht und es heißt ja auch voranstellen html

[Homoran]

@chenda zeig mal die Objektdaten des Datenpunkts
was ist w00008 ?

[Chenda]

@homoran du hattest doch recht. Und zusätzlich musste ich noch die geschweiften Klammern entfernen, die bei der Objektauswahl automatisch um die Variable herumgelegt wurden.

Mein JS stellt auch noch eine Farbvariable und einen Text ein:

Kann ich die Farbe irgendwie dem Text zuordnen?

[Homoran]

@chenda sagte in Steckdose über vis Steuerelemente automatisieren:

Kann ich die Farbe irgendwie dem Text zuordnen?

in den Eigenschaften von Schrift als Binding nehme ich an

[Chenda]

@homoran Danke - gefunden.
Da wiederum braucht es die geschweiften Klammern:

[Homoran]

@chenda sagte in Steckdose über vis Steuerelemente automatisieren:

Da wiederum braucht es die geschweiften Klammern:

sonst wäre es kein Binding