1#@!#!123s

: / home / dateitor / www / resources / assets / js / vcards /
Filename : vcards.js
back
Livewire.hook("element.init", () => {
    loadVcardFilter();
});

listen("click", ".vcardStatus", function () {
    let vcardId = $(this).data("id");
    let updateUrl = route("vcard.status", vcardId);
    $.ajax({
        type: "get",
        url: updateUrl,
        success: function (response) {
            displaySuccessMessage(response.message);
            Livewire.dispatch("refresh");
        },
        error: function (error) {
            displayErrorMessage(error.responseJSON.message);
        },
    });
});

listen("click", ".vcard_delete-btn", function (event) {
    let vcardDeleteId = $(event.currentTarget).attr("data-id");
    let url = route("vcards.destroy", { vcard: vcardDeleteId });
    deleteItem(url, Lang.get("js.vcard"));
});

window.deleteVcard = function (url, header) {
    var callFunction =
        arguments.length > 3 && arguments[3] !== undefined
            ? arguments[3]
            : null;
    Swal.fire({
        title: Lang.get("js.delete") + " !",
        text: Lang.get("js.are_you_sure") + '"' + header + '" ?',
        type: "warning",
        icon: "warning",
        showCancelButton: true,
        closeOnConfirm: false,
        showLoaderOnConfirm: true,
        cancelButtonText: Lang.get("js.no"),
        confirmButtonText: Lang.get("js.yes"),
        confirmButtonColor: "#009ef7",
    }).then(function (result) {
        if (result.isConfirmed) {
            deleteVcardAjax(url, header, callFunction);
        }
    });
};

function deleteVcardAjax(url, header, callFunction = null) {
    $.ajax({
        url: url,
        type: "DELETE",
        dataType: "json",
        success: function (obj) {
            if (obj.success) {
                Livewire.dispatch("refresh");
            }
            obj.data.make_vcard
                ? $(".create-vcard-btn").removeClass("d-none")
                : $(".create-vcard-btn").addClass("d-none");
            Swal.fire({
                title: Lang.get("js.deleted") + " !",
                text: header + Lang.get("js.has_been_deleted"),
                icon: "success",
                timer: 2000,
                confirmButtonColor: "#009ef7",
            });
            if (callFunction) {
                eval(callFunction);
            }
        },
        error: function (data) {
            Swal.fire({
                title: "Error",
                icon: "error",
                text: data.responseJSON.message,
                type: "error",
                timer: 5000,
                confirmButtonColor: "#009ef7",
            });
        },
    });
}

listen("click", ".duplicate-vcard-btn", function (event) {
    let duplicateId = $(event.currentTarget).attr("data-id");
    swal({
        title: Lang.get("js.duplicate"),
        text: Lang.get("js.are_you_sure_dublicate_vcard"),
        buttons: {
            confirm: Lang.get("js.duplicate"),
            cancel: Lang.get("js.no"),
        },
        reverseButtons: true,
        icon: "warning",
    }).then(function (willDuplicate) {
        if (willDuplicate) {
            duplicateItemAjax(
                duplicateId,
                route("duplicate.vcard", duplicateId)
            );
        }
    });
});

function duplicateItemAjax(id, url) {
    $.ajax({
        url: url,
        type: "POST",
        dataType: "json",
        success: function (obj) {
            if (obj.success) {
                Livewire.dispatch("resetPageTable");
                Livewire.dispatch("refresh");
            }
            swal({
                icon: "success",
                title: Lang.get("js.duplicate_vcard"),
                text: Lang.get("js.duplicate_vcard_create"),
                timer: 2000,
                buttons: {
                    confirm: Lang.get("js.ok"),
                },
            });
            // if (callFunction) {
            //     eval(callFunction);
            // }
        },
        error: function (data) {
            swal({
                title: "Error",
                icon: "error",
                text: data.responseJSON.message,
                type: "error",
                timer: 4000,
            });
        },
    });
}

listen("click", ".vcard-qr-code-btn", function (event) {
    event.preventDefault(); // Prevent the default click behavior
    const $button = $(this);
    const $qrCodeDiv = $button.closest('li').find('.qr-code-image');
    const svg = $qrCodeDiv.find('svg')[0];
    if (!svg) {
        console.error("No QR code found for this button.");
        return;
    }
    const svgData = new XMLSerializer().serializeToString(svg);
    const svgBlob = new Blob([svgData], { type: "image/svg+xml;charset=utf-8" });
    const url = URL.createObjectURL(svgBlob);

    const img = new Image();
    img.src = url;
    img.onload = function () {
        const canvas = document.createElement('canvas');
        canvas.width = img.width;
        canvas.height = img.height;
        const context = canvas.getContext('2d');
        context.drawImage(img, 0, 0);
        const pngUrl = canvas.toDataURL('image/png');
        const link = document.createElement('a');
        link.href = pngUrl;
        link.download = 'qr_code.png';
        link.click();
        URL.revokeObjectURL(url);
    };
});

function loadVcardFilter() {
    $("#verified,#status").select2();
}

listen("change", "#verified", function () {
    Livewire.dispatch("verifiedFilter", { verified: $(this).val() });
    hideDropdownManually($("#dropdownMenuButtonVcard"), $(".dropdown-menu"));
});

listen("change", "#status", function () {
    Livewire.dispatch("statusFilter", { status: $(this).val() });
    hideDropdownManually($("#dropdownMenuButtonVcard"), $(".dropdown-menu"));
});

listen("click", "#vcardResetFilter", function () {
    $("#verified").val(2).change();
    $("#status").val(2).change();
    Livewire.dispatch("verifiedFilter", { verified: "" });
    Livewire.dispatch("statusFilter", { status: "" });
    hideDropdownManually($("#dropdownMenuButtonVcard"), $(".dropdown-menu"));
});

listen("click", "#vcardFilterBtn", function () {
    openDropdownManually($("#vcardFilterBtn"), $("#userFilter"));
});

listenClick(".table-view-show", function () {
    let value = $(this).attr("data-value");
    $.ajax({
        url: route("vcard.table.view"),
        type: "POST",
        data: {
            vcard_table_view_type: value,
        },
        success: function (result) {
            if (result.success) {
                displaySuccessMessage(result.message);
                refreshPageWithDelay();
            }
        },
    });
});

function refreshPageWithDelay(delay = 2000) {
    setTimeout(() => {
        location.reload();
    }, delay);
}

listen("click", ".vcard-clone", function () {
    let vcardId = $(this).attr("data-id");
    $("body").addClass("modal-open");
    $.ajax({
        url: route("sadmin.vcard.clone", vcardId),
        success: function (result) {
            let userDropdown = $("#user_id");
            userDropdown.empty();
            userDropdown.append('<option value="">' + Lang.get("js.select_user") + '</option>');
            $.each(result.data.users, function (id, name) {
                userDropdown.append('<option value="' + id + '">' + name + '</option>');
            });
            userDropdown.select2();
            $("#duplicateVcardBtn").attr("data-id", vcardId);

            var modalElement = document.getElementById("vcardCloneModal");
            var myModal = new bootstrap.Modal(modalElement, {
                backdrop: "static",
                keyboard: false
            });

            myModal.show();
        },
        error: function (result) {
            displayErrorMessage(result.responseJSON.message);
            $("body").removeClass("modal-open");
        },
    });
});

$(document).on("hidden.bs.modal", "#vcardCloneModal", function () {
    $("body").removeClass("modal-open");
});


listen("submit", "#cloneVcardForm", function (e) {
    e.preventDefault();
    $("#duplicateVcardBtn").prop("disabled", true);
    let duplicateId = $("#duplicateVcardBtn").attr("data-id");
    let userId = $("#user_id").val();
    $.ajax({
        url: route("sadmin.duplicate.vcard", { id: duplicateId, userId: userId }),
        type: "POST",
        success: function (result) {
            if (result.success) {
                displaySuccessMessage(result.message);
                $("#vcardCloneModal").modal("hide");
                $("#duplicateVcardBtn").prop("disabled", false);
                Livewire.dispatch("refresh");
            }
        },
        error: function (result) {
            $("#duplicateVcardBtn").prop("disabled", false);
            if (!userId) {
                displayErrorMessage(Lang.get("js.please_select_user"));
                return;
            }
            displayErrorMessage(result.responseJSON.message);
        },
    });
});