jlengrand/checkoutCreate
1
0
Fork 0
mirror of https://github.com/jlengrand/checkoutCreate.git synced 2026-03-10 08:11:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

country dropdown kills div but does not reload yet

Browse Source
This commit is contained in:
anamotaadyen
2022-10-04 18:06:10 +01:00
parent 49847af236
commit 90ac8748a4
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/static/js/adyen-implementation.js
View File

@@ -1,13 +1,15 @@
const clientKey = JSON.parse(document.getElementById('client-key').innerHTML);
const storedCountry = document.getElementById('country-code');
// let country = "GB";
let countrySettings;
let countrySettings = "GB";
// Used to retrieve country value from url
const urlCountryParams = new URLSearchParams(window.location.search);
const countryURL = urlCountryParams.get('country');
console.log(countryURL)
let checkout
const flagUrlMap = {
"NL" : {
"src": "https://ca-test.adyen.com/ca/adl/img/flags/nl.svg",
@@ -29,11 +31,17 @@ const flagUrlMap = {
}
}
function changeSelect(el) {
document.getElementById('flag_img').src = flagUrlMap[el.value].src;
document.getElementById("total_cost").innerHTML = flagUrlMap[el.value].total;
// document.getElementById("total_cost").innerHTML = flagUrlMap[el.value].total;
const country = el.value;
// countrySettings = getCountryData(country)
countrySettings = getCountryData(country)
console.log(countrySettings)
if (document.getElementById("dropin-container")) {
document.getElementById("dropin-container").remove()
}
// initCheckout()
}
@@ -67,9 +75,6 @@ function getCountryData(countrySettings) {
return countryVariables.find((locality) => locality.countryCode === countrySettings)
}
// function getCountryData(countrySettings) {
// return countryVariables.find((locality) => locality.countryCode === countrySettings)
// }
async function initCheckout() {
try {
@@ -91,7 +96,7 @@ async function initCheckout() {
card: {
hasHolderName: true,
holderNameRequired: true,
brands: ['mc','visa','amex', 'cup', 'cartebancaire', 'diners', 'discover', 'jcb'],
// brands: ['mc','visa','amex'],
name: "Credit or debit card",
enableStoreDetails: true,
amount: {
@@ -136,6 +141,7 @@ async function initCheckout() {
}
})
.mount("#dropin-container");
} catch (error) {
console.error(error);
alert("Error occurred. Look at console for details");