90 lines
2.7 KiB
JavaScript
Raw Permalink Normal View History

2025-03-05 20:28:54 -06:00
/**
* App User View - Suspend User Script
*/
'use strict';
(function () {
const suspendUser = document.querySelector('.suspend-user');
// Suspend User javascript
if (suspendUser) {
suspendUser.onclick = function () {
Swal.fire({
title: 'Are you sure?',
text: "You won't be able to revert user!",
icon: 'warning',
showCancelButton: true,
confirmButtonText: 'Yes, Suspend user!',
customClass: {
confirmButton: 'btn btn-primary me-2 waves-effect waves-light',
cancelButton: 'btn btn-label-secondary waves-effect waves-light'
},
buttonsStyling: false
}).then(function (result) {
if (result.value) {
Swal.fire({
icon: 'success',
title: 'Suspended!',
text: 'User has been suspended.',
customClass: {
confirmButton: 'btn btn-success waves-effect waves-light'
}
});
} else if (result.dismiss === Swal.DismissReason.cancel) {
Swal.fire({
title: 'Cancelled',
text: 'Cancelled Suspension :)',
icon: 'error',
customClass: {
confirmButton: 'btn btn-success waves-effect waves-light'
}
});
}
});
};
}
//? Billing page have multiple buttons
// Cancel Subscription alert
const cancelSubscription = document.querySelectorAll('.cancel-subscription');
// Alert With Functional Confirm Button
if (cancelSubscription) {
cancelSubscription.forEach(btnCancle => {
btnCancle.onclick = function () {
Swal.fire({
text: 'Are you sure you would like to cancel your subscription?',
icon: 'warning',
showCancelButton: true,
confirmButtonText: 'Yes',
customClass: {
confirmButton: 'btn btn-primary me-2 waves-effect waves-light',
cancelButton: 'btn btn-label-secondary waves-effect waves-light'
},
buttonsStyling: false
}).then(function (result) {
if (result.value) {
Swal.fire({
icon: 'success',
title: 'Unsubscribed!',
text: 'Your subscription cancelled successfully.',
customClass: {
confirmButton: 'btn btn-success waves-effect waves-light'
}
});
} else if (result.dismiss === Swal.DismissReason.cancel) {
Swal.fire({
title: 'Cancelled',
text: 'Unsubscription Cancelled!!',
icon: 'error',
customClass: {
confirmButton: 'btn btn-success waves-effect waves-light'
}
});
}
});
};
});
}
})();