DocumentViewer

// Clientseitiger Aufruf des DocumentViewers.
//
// Der Builder rendert ohne .Document(...) nur das Skelett. Geladen wird ein Dokument erst über
// initDocumentViewer(url, name, typ). Die Funktion stellt das Modul documentviewer.js global
// bereit, sie steht also ohne eigenen Import zur Verfügung.
//
// Der dritte Parameter ist der Enum-Wert DocumentType in Kleinschreibung: "pdf", "image", "none".

// Delegation an document: Damit ist es gleichgültig, wann die Schaltflächen in die Seite kommen.
document.addEventListener("click", (event) => {
    const schalter = event.target.closest("[data-dokument-url]");
    if (!schalter) {
        return;
    }

    initDocumentViewer(
        schalter.dataset.dokumentUrl,
        schalter.dataset.dokumentName,
        schalter.dataset.dokumentTyp);
});

// jQuery-Fassung von documentviewer-clientaufruf.js.
//
// Diese Datei wird NICHT geladen – sie zeigt nur dieselbe Umsetzung mit jQuery. Würde sie
// zusätzlich eingebunden, liefen beide Varianten und das Dokument würde zweimal geladen.

// $(document).on(...) mit Selektor ist die jQuery-Entsprechung der Delegation an document.
$(document).on("click", "[data-dokument-url]", function () {
    // Achtung: .data() wandelt data-dokument-url in camelCase (dokumentUrl) – wie dataset im
    // JavaScript-Pendant. .attr("data-dokument-url") läse dagegen den Rohwert.
    var schalter = $(this);

    initDocumentViewer(
        schalter.data("dokumentUrl"),
        schalter.data("dokumentName"),
        schalter.data("dokumentTyp"));
});