main
emile
1 year ago
parent
bf778b805d
commit
46c5b97c36
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,80 +1,74 @@
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const displayPaymentModalButtons = document.querySelectorAll('.displayPaymentModal');
|
||||
const closeButton = document.querySelector('#closePaymentModalButton');
|
||||
const paymentModal = document.getElementById('paymentModal');
|
||||
|
||||
Checkout.configure({
|
||||
session: {
|
||||
id: 1, // Default session ID, will be replaced with actual session ID after initiation
|
||||
}
|
||||
});
|
||||
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() {
|
||||
const csrftoken = getCookie('csrftoken');
|
||||
function initiateCheckout(item_id) {
|
||||
const csrftoken = getCookie('csrftoken');
|
||||
console.log(item_id);
|
||||
|
||||
console.log('CSRF Token:', csrftoken);
|
||||
console.log('CSRF Token:', csrftoken);
|
||||
|
||||
fetch('/initiate_checkout/', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'X-CSRFToken': csrftoken
|
||||
},
|
||||
body: JSON.stringify({})
|
||||
})
|
||||
.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);
|
||||
});
|
||||
}
|
||||
fetch('/initiate_checkout/', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'X-CSRFToken': csrftoken,
|
||||
'X-Item-ID': item_id
|
||||
},
|
||||
|
||||
// Function to get CSRF token from cookie
|
||||
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;
|
||||
}
|
||||
}
|
||||
body: JSON.stringify({ item_id: item_id }),
|
||||
})
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error('Network response was not ok');
|
||||
}
|
||||
return cookieValue;
|
||||
}
|
||||
|
||||
const displayPaymentModalButton = document.querySelectorAll('.displayPaymentModal');
|
||||
const closeButton = document.querySelector('#closePaymentModalButton');
|
||||
const paymentModal = document.getElementById('paymentModal');
|
||||
|
||||
displayPaymentModalButton.forEach(function (button) {
|
||||
button.addEventListener('click', function () {
|
||||
paymentModal.classList.remove('hidden');
|
||||
document.body.style.overflow = 'hidden';
|
||||
|
||||
initiateCheckout();
|
||||
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 = '';
|
||||
});
|
||||
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;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue