BenutzerPraesenzPruefer

using Microsoft.AspNetCore.Mvc;

namespace FMH.Komponente.WebUI.Areas.BenutzerPraesenzCheck.Controllers.Beispiele
{
    [Area("BenutzerPraesenzCheck")]
    public class PraesenzPruefungController : Controller
    {
        /// <summary>
        /// Steht für den <c>PruefEndpunkt</c> der Einstellungen. In einem Projekt ist diese Action
        /// Teil des Authorize-Prozesses – läuft das Cookie ab, antwortet sie mit dem Redirect auf
        /// den IDP statt mit Json, und genau daran erkennt die Komponente den Erneuerungsbedarf.
        /// Die Demo-Anwendung kennt keine Anmeldung, hier antwortet der Endpunkt immer gültig.
        /// </summary>
        /// <returns>Ein Json-Resultat; der Inhalt ist für die Prüfung ohne Bedeutung.</returns>
        [HttpGet]
        public IActionResult Status()
        {
            return this.Json(new { status = "ok" });
        }

        /// <summary>
        /// Steht für die <c>LogoutUrl</c> der Einstellungen: Diese Adresse ruft der Dialog
        /// «Sind Sie noch da?» auf, wenn der Benutzer «Abmelden» wählt.
        /// </summary>
        /// <returns>Die Demo-Seite anstelle der echten Abmeldung.</returns>
        [HttpGet]
        public IActionResult Abmeldung()
        {
            return this.View();
        }
    }
}

// Demo "BenutzerPraesenzCheck": Countdown bis zum Dialog «Sind Sie noch da?».
//
// Die Komponente zählt in window.polStep die Intervalle ohne Interaktion und öffnet den Dialog,
// sobald der Zähler die konfigurierten Wiederholungen erreicht. Der Countdown liest diesen Zähler
// nur mit – er greift nicht in die Komponente ein und gehört ausschliesslich zur Demo.
//
// Intervall und Wiederholungen stehen als data-Attribute am Anzeige-Element und stammen aus den
// Einstellungen der appsettings.json.
document.addEventListener('DOMContentLoaded', function () {
    var anzeige = document.querySelector('[data-praesenz-counter]');
    if (anzeige === null) {
        return;
    }

    var intervalMs = Number(anzeige.dataset.praesenzInterval) * 1000;
    var wiederholungen = Number(anzeige.dataset.praesenzWiederholungen);
    var text = anzeige.querySelector('[data-praesenz-text]');
    var balken = anzeige.querySelector('[data-praesenz-balken]');

    if (intervalMs <= 0 || wiederholungen <= 0) {
        return;
    }

    var letzterSchritt = 0;

    // Die Komponente startet ihr setInterval beim document.ready, also praktisch jetzt.
    var letzterTick = Date.now();

    setInterval(function () {
        var schritt = typeof window.polStep === 'number' ? window.polStep : 0;

        // Nur das Hochzählen ist ein Intervall-Tick. Das Zurücksetzen auf 0 durch Klick oder
        // Scrollen ändert den Takt nicht – der setInterval der Komponente läuft unverändert weiter.
        if (schritt > letzterSchritt) {
            letzterTick = Date.now();
        }

        letzterSchritt = schritt;

        var offeneTicks = wiederholungen - schritt;
        if (offeneTicks <= 0) {
            text.textContent = 'Der Dialog ist offen – «Weiter» lädt die Seite neu, «Abmelden» führt auf die LogoutUrl.';
            balken.style.width = '0%';
            return;
        }

        var bisNaechsterTick = Math.max(0, intervalMs - (Date.now() - letzterTick));
        var restMs = (offeneTicks - 1) * intervalMs + bisNaechsterTick;

        text.textContent = 'Dialog «Sind Sie noch da?» in ' + (restMs / 1000).toFixed(1) + ' s – '
            + offeneTicks + ' von ' + wiederholungen + ' Intervallen offen.';
        balken.style.width = Math.round(restMs / (wiederholungen * intervalMs) * 100) + '%';
    }, 200);
});

// jQuery-Variante zum Countdown des Beispiels «Aktiviert» – dasselbe wie im Tab "JavaScript",
// nur mit jQuery geschrieben. Diese Datei wird von der Demo-Seite NICHT geladen; sonst liefen zwei
// Countdowns gleichzeitig. Sie ist als Vorlage zum Übernehmen gedacht.
$(function () {
    var $anzeige = $('[data-praesenz-counter]');
    if ($anzeige.length === 0) {
        return;
    }

    // .data() liest die data-Attribute in camelCase: data-praesenz-interval -> praesenzInterval.
    var intervalMs = Number($anzeige.data('praesenzInterval')) * 1000;
    var wiederholungen = Number($anzeige.data('praesenzWiederholungen'));
    var $text = $anzeige.find('[data-praesenz-text]');
    var $balken = $anzeige.find('[data-praesenz-balken]');

    if (intervalMs <= 0 || wiederholungen <= 0) {
        return;
    }

    var letzterSchritt = 0;

    // Die Komponente startet ihr setInterval beim document.ready, also praktisch jetzt.
    var letzterTick = Date.now();

    window.setInterval(function () {
        var schritt = typeof window.polStep === 'number' ? window.polStep : 0;

        // Nur das Hochzählen ist ein Intervall-Tick. Das Zurücksetzen auf 0 durch Klick oder
        // Scrollen ändert den Takt nicht – der setInterval der Komponente läuft unverändert weiter.
        if (schritt > letzterSchritt) {
            letzterTick = Date.now();
        }

        letzterSchritt = schritt;

        var offeneTicks = wiederholungen - schritt;
        if (offeneTicks <= 0) {
            $text.text('Der Dialog ist offen – «Weiter» lädt die Seite neu, «Abmelden» führt auf die LogoutUrl.');
            $balken.css('width', '0%');
            return;
        }

        var bisNaechsterTick = Math.max(0, intervalMs - (Date.now() - letzterTick));
        var restMs = (offeneTicks - 1) * intervalMs + bisNaechsterTick;

        $text.text('Dialog «Sind Sie noch da?» in ' + (restMs / 1000).toFixed(1) + ' s – '
            + offeneTicks + ' von ' + wiederholungen + ' Intervallen offen.');
        $balken.css('width', Math.round(restMs / (wiederholungen * intervalMs) * 100) + '%');
    }, 200);
});