Tubular Motor | Elite Screens

let placeholderDefault = 'Suche nach SKU' let placeholderBasket = 'SKU zum Warenkorb hinzufügen' let input = document.getElementById('findVariationInput') let icon = document.getElementById('findVariationIcon') let isBasket = (window.location.href.indexOf("basket") !== -1) input.placeholder = (isBasket) ? placeholderBasket : placeholderDefault document.getElementById('findVariation').addEventListener('submit', function (e){ e.preventDefault() if(isBasket) addToBasket(); else redirectToVariant(); }) async function addToBasket(){ blockUI() let item = await fetch('/findsku/'+input.value).then(res => res.json()) if(item.error) { window.CeresNotification.error("Variante wurde nicht gefunden!") unblockUI() } else { let itemQuantity = prompt('Geben Sie die gewünschte Menge ein', '1'); fetch('/rest/basket/items',{ headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, method: "POST", body: JSON.stringify({variationId: item.variationId, quantity: itemQuantity}) }) .then(res => { if(res.ok){ let job1 = fetch('/rest/basket') .then(res => res.json()) .then(res => vueApp.$store.commit("setBasket", res)) let job2 = fetch('/rest/io/session') .then(res => res.json()) .then(res => vueApp.$store.commit("setBasketItems", res.data.basketItems)) Promise.all([job1,job2]).then(() => unblockUI()) } else { unblockUI() throw new Error("Sorry! There was an error!") } }) .catch(error => window.CeresNotification.error(error)) } } function redirectToVariant(){ blockUI() fetch('/findsku/'+input.value) .then(res => res.json()) .then(res => { if(!res.error){ let shippingCountryId = vueApp.$store.state.localization.shippingCountryId let lang = (shippingCountryId === 1) ? '/de' : '' window.location = location.protocol +'//'+ location.host + lang + res.url } else { window.location.href = "/search/?query=" + input.value; unblockUI() } }) } function blockUI(){ icon.removeAttribute("class"); icon.classList.add('spinner-grow','text-muted') input.disabled = true; } function unblockUI(){ input.disabled = false; icon.removeAttribute("class"); icon.classList.add('fa','fa-search') input.focus() input.select() }

Anmelden Registrieren
0
0

Sprache