BeWoPlaner/BeWoPlanerMobil/Scripts/view-scripts/report.js

function initializeReportSignature() {
    $("#report-form-container").hide();
    $("#report-signature-container").addClass("d-block");

    var customer = $("#customers-drop-down option:selected").text();
    var month = $("#month-select option:selected").text();
    var year = $("#year-select option:selected").text();

    $("#report-info-column").html("Unterschrift für erbrachte Leistungen von " + customer + " im " + month + " " + year);

    resizeCanvas("#report-sketch-pad", "#report-canvas-row");

    var canvas = document.getElementById("report-sketch-pad");

    var signaturePad = new SignaturePad(canvas, { backgroundColor: "rgba(255, 255, 255, 0)" });

    var saveButton = document.getElementById("save-report-signature-btn");
    var clearButton = document.getElementById("clear-report-canvas-btn");
    var cancelButton = document.getElementById("cancel-report-signature-btn");

    saveButton.addEventListener("click", function(event) {
        var clonedCanvas = trimCanvas(cloneCanvas(document.getElementById("report-sketch-pad")));

        var context = clonedCanvas.getContext("2d");
        context.globalCompositeOperation = "destination-over";
        context.fillStyle = "white";
        context.fillRect(0, 0, clonedCanvas.width, clonedCanvas.height);

        var dataUrl = clonedCanvas.toDataURL("image/png");

        showMessagePopupWithCallback("Unterschrift speichern", "Mit dem Speichern der Unterschrift ist es nicht mehr möglich, die betroffenen Einträge der Zeiterfassung zu ändern.", function() {
            showSpinner();

            var url = getCreateEmployeeSignatureForServiceOverviewUrl();

            $.post(url, { base64SignatureString: dataUrl}).done(function(json) {
                hideSpinner();

                if(isEmptyOrSpaces(json)) {
                    $("#signature-container").removeClass("d-block");
                    $("#main-container, #checkbox-container").show();
                    showMessagePopupWithCallback("Unterschrift", "Die Unterschrift wurde erfolgreich gespeichert.", function() {
                        showSpinner();
                        location.reload();
                    }, true);
                } else {
                    showMessagePopup("Fehler", json);
                    signaturePad.clear();
                }
            });
        }, false);
    });

    clearButton.addEventListener("click", function(event) {
        signaturePad.clear();
    });

    cancelButton.addEventListener("click", function(event) {
        showMessagePopupWithCallback("Unterschrift", "Sind Sie sicher, dass Sie die Unterschrift nicht speichern möchten?",
            function() {
                $("#report-signature-container").removeClass("d-block");
                $("#report-form-container").show();

                signaturePad.clear();

                //TODO: Notwendigkeit prüfen
                //$.get(getResetSignatureImageUrl());
            }, false);
    });
}

function saveReportSignature() {
    // TODO: Meldung anzeigen
}

function confirmReportSignatureCancellation() {
    showMessagePopupWithCallback("Unterschrift", "Sind Sie sicher, dass Sie die Unterschrift nicht speichern möchten?",
        function() {
            $("#report-signature-container").removeClass("d-block");
            $("#report-form-container").show();

            var canvas = document.getElementById("sketch-pad");
            var context = canvas.getContext("2d");
            context.clearRect(0, 0, canvas.width, canvas.height);

        }, false);
}