diff --git a/assets/js/main.js b/assets/js/main.js index 093f7a3..a13acc4 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -134,53 +134,70 @@ document.addEventListener('DOMContentLoaded', async () => { } }); - /* document.querySelectorAll('.select-quantity').forEach(async input => { + document.body.addEventListener('click', async function (event) { + if (event.target.matches('.select-quantity')) { - let quantity = input.value; - let productId = input.getAttribute('data-id'); + let input = event.target; - Cart.updateItem(productId, { quantity: quantity }); + let productId = input.getAttribute('data-id'); - let product = Cart.getItem(productId); + Cart.updateItem(productId, { quantity: input.value }); - let elementPrice = ` - ${numberToEuroFormat(product.calc_preis)}`; - if (product.calc_preis != product.preis) elementPrice += ` -
- - ${(((product.calc_preis - product.preis) * 100) / product.preis).toFixed(2)} % - `; - input.parentElement.parentElement.querySelector('.product-price').innerHTML = elementPrice; + let product = Cart.getItem(productId); - quantity = await Cart.getQuantity(); - document.querySelectorAll('.js-product-counter').forEach(counter => { - counter.innerText = quantity; - if (quantity > 0) counter.style.display = "block"; - else counter.style.display = "none"; - }); + /* let elementPrice = ` + ${numberToEuroFormat(product.calc_preis)}`; + if (product.calc_preis != product.preis) elementPrice += ` +
+ + ${(((product.calc_preis - product.preis) * 100) / product.preis).toFixed(2)} % + `; + input.parentElement.parentElement.querySelector('.product-price').innerHTML = elementPrice; */ - document.querySelector('#total-price').innerText = numberToEuroFormat(Cart.getTotalPrice()); + let quantity = await Cart.getQuantity(); + document.querySelectorAll('.js-product-counter').forEach(element => { + element.innerText = quantity; + + if (quantity > 0) element.style.display = "block"; + else element.style.display = "none"; + }); + + let totalPrice = await Cart.getTotalPrice(); + document.querySelectorAll(".js-total-price").forEach(element => { + element.innerText = numberToEuroFormat(totalPrice); + }); + + quantity = await Cart.getQuantity(); + document.querySelectorAll('.js-product-counter').forEach(counter => { + counter.innerText = quantity; + if (quantity > 0) counter.style.display = "block"; + else counter.style.display = "none"; + }); + + //document.querySelector('#total-price').innerText = numberToEuroFormat(Cart.getTotalPrice()); + + /* productId = document.querySelector('meta[name="product-id"]').getAttribute('content'); + if (productId != undefined) { + let objProduct = objProducts.find(obj => obj.id == productId); + if (objProduct == undefined) { + $('#btn-add-to-bag').show(); + $('#btn-show-bag').hide(); + if (objProducts.length > 0) $('#btn-check-out').parent().hide(); + else $('#btn-check-out').parent().show(); + } + else { + $('#btn-add-to-bag').hide(); + $('#btn-show-bag').show(); + $('#btn-check-out').parent().hide(); + $('#count-items-in-bag').html(objProduct.quantity + ``); + } + } */ - productId = document.querySelector('meta[name="product-id"]').getAttribute('content'); - if (productId != undefined) { - let objProduct = objProducts.find(obj => obj.id == productId); - if (objProduct == undefined) { - $('#btn-add-to-bag').show(); - $('#btn-show-bag').hide(); - if (objProducts.length > 0) $('#btn-check-out').parent().hide(); - else $('#btn-check-out').parent().show(); - } - else { - $('#btn-add-to-bag').hide(); - $('#btn-show-bag').show(); - $('#btn-check-out').parent().hide(); - $('#count-items-in-bag').html(objProduct.quantity + ``); - } } -} ); * / + }); /* let sharedCode = getSharedCode(); if (sharedCode) {