110 lines
3.9 KiB
JavaScript
110 lines
3.9 KiB
JavaScript
"use strict";
|
|
|
|
// Class definition
|
|
var KTCustomerViewPaymentMethod = function () {
|
|
|
|
// Private functions
|
|
var initPaymentMethod = function () {
|
|
// Define variables
|
|
const table = document.getElementById('kt_customer_view_payment_method');
|
|
const tableRows = table.querySelectorAll('[ data-kt-customer-payment-method="row"]');
|
|
|
|
tableRows.forEach(row => {
|
|
// Select delete button
|
|
const deleteButton = row.querySelector('[data-kt-customer-payment-method="delete"]');
|
|
|
|
// Delete button action
|
|
deleteButton.addEventListener('click', e => {
|
|
e.preventDefault();
|
|
|
|
// Popup confirmation
|
|
Swal.fire({
|
|
text: "Are you sure you would like to delete this card?",
|
|
icon: "warning",
|
|
showCancelButton: true,
|
|
buttonsStyling: false,
|
|
confirmButtonText: "Yes, delete it!",
|
|
cancelButtonText: "No, return",
|
|
customClass: {
|
|
confirmButton: "btn btn-primary",
|
|
cancelButton: "btn btn-active-light"
|
|
}
|
|
}).then(function (result) {
|
|
if (result.value) {
|
|
row.remove();
|
|
modal.hide(); // Hide modal
|
|
} else if (result.dismiss === 'cancel') {
|
|
Swal.fire({
|
|
text: "Your card was not deleted!.",
|
|
icon: "error",
|
|
buttonsStyling: false,
|
|
confirmButtonText: "Ok, got it!",
|
|
customClass: {
|
|
confirmButton: "btn btn-primary",
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
// Handle set as primary button
|
|
const handlePrimaryButton = () => {
|
|
// Define variable
|
|
const button = document.querySelector('[data-kt-payment-mehtod-action="set_as_primary"]');
|
|
|
|
button.addEventListener('click', e => {
|
|
e.preventDefault();
|
|
|
|
// Popup confirmation
|
|
Swal.fire({
|
|
text: "Are you sure you would like to set this card as primary?",
|
|
icon: "warning",
|
|
showCancelButton: true,
|
|
buttonsStyling: false,
|
|
confirmButtonText: "Yes, set it!",
|
|
cancelButtonText: "No, return",
|
|
customClass: {
|
|
confirmButton: "btn btn-primary",
|
|
cancelButton: "btn btn-active-light"
|
|
}
|
|
}).then(function (result) {
|
|
if (result.value) {
|
|
Swal.fire({
|
|
text: "Your card was set to primary!.",
|
|
icon: "success",
|
|
buttonsStyling: false,
|
|
confirmButtonText: "Ok, got it!",
|
|
customClass: {
|
|
confirmButton: "btn btn-primary",
|
|
}
|
|
});
|
|
} else if (result.dismiss === 'cancel') {
|
|
Swal.fire({
|
|
text: "Your card was not set to primary!.",
|
|
icon: "error",
|
|
buttonsStyling: false,
|
|
confirmButtonText: "Ok, got it!",
|
|
customClass: {
|
|
confirmButton: "btn btn-primary",
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
// Public methods
|
|
return {
|
|
init: function () {
|
|
initPaymentMethod();
|
|
handlePrimaryButton();
|
|
}
|
|
}
|
|
}();
|
|
|
|
// On document ready
|
|
KTUtil.onDOMContentLoaded(function () {
|
|
KTCustomerViewPaymentMethod.init();
|
|
}); |