You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.3 KiB
JavaScript
75 lines
2.3 KiB
JavaScript
const displayPaymentModalButtons = document.querySelectorAll('.displayPaymentModal');
|
|
const closeButton = document.querySelector('#closePaymentModalButton');
|
|
const paymentModal = document.getElementById('paymentModal');
|
|
|
|
displayPaymentModalButtons.forEach(function (button) {
|
|
button.addEventListener('click', function () {
|
|
const item_id = button.getAttribute('item-id');
|
|
paymentModal.classList.remove('hidden');
|
|
document.body.style.overflow = 'hidden';
|
|
|
|
initiateCheckout(item_id);
|
|
});
|
|
});
|
|
|
|
function initiateCheckout(item_id) {
|
|
const csrftoken = getCookie('csrftoken');
|
|
console.log(item_id);
|
|
|
|
console.log('CSRF Token:', csrftoken);
|
|
|
|
fetch('/initiate_checkout/', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRFToken': csrftoken,
|
|
'X-Item-ID': item_id
|
|
},
|
|
|
|
body: JSON.stringify({ item_id: item_id }),
|
|
})
|
|
.then(response => {
|
|
if (!response.ok) {
|
|
throw new Error('Network response was not ok');
|
|
}
|
|
return response.json();
|
|
})
|
|
.then(data => {
|
|
// Handle success response
|
|
console.log("Session ID: " + data.session_id);
|
|
// Update Checkout session with the fetched session ID and show the embedded page
|
|
Checkout.configure({
|
|
session: {
|
|
id: data.session_id,
|
|
}
|
|
});
|
|
$('#paymentContent').empty();
|
|
Checkout.showEmbeddedPage('#paymentContent', () => { $('#paymentModal').modal(); });
|
|
})
|
|
.catch(error => {
|
|
console.error('There was a problem with the fetch operation:', error);
|
|
});
|
|
}
|
|
|
|
closeButton.addEventListener('click', function () {
|
|
paymentModal.classList.add('hidden');
|
|
sessionStorage.clear();
|
|
document.body.style.overflow = '';
|
|
});
|
|
|
|
|
|
function getCookie(name) {
|
|
let cookieValue = null;
|
|
if (document.cookie && document.cookie !== '') {
|
|
const cookies = document.cookie.split(';');
|
|
for (let i = 0; i < cookies.length; i++) {
|
|
const cookie = cookies[i].trim();
|
|
if (cookie.substring(0, name.length + 1) === (name + '=')) {
|
|
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
return cookieValue;
|
|
}
|