const shoppingCarts = new ShoppingCarts(); shoppingCarts.load(); async function load() { const items = await loadItems(); const lookup = {}; for (item of items) { lookup[item.store + item.id] = item; } let cart = null; const cartName = getQueryParameter("name"); if (cartName) { for (c of shoppingCarts.carts) { if (c.name == cartName) { cart = c; break; } } // Update cart pricing info const items = []; for (cartItem of cart.items) { const item = lookup[cartItem.store + cartItem.id]; if (!item) items.push(cartItem); else items.push(item); } cart.items = items; shoppingCarts.save(); } const cartDesc = getQueryParameter("cart"); if (cartDesc) { let tokens = cartDesc.split(";"); cart = { name: tokens[0], items: [], linked: true, }; for (let i = 1; i < tokens.length; i++) { const item = lookup[tokens[i]]; if (item) cart.items.push(item); } let saveButton = document.querySelector("#save"); saveButton.classList.remove("hidden"); saveButton.addEventListener("click", () => { let index = shoppingCarts.carts.findIndex((c) => c.name === cart.name); if (index != -1) { if (confirm("Existierenden Warenkorb '" + cart.name + " überschreiben?")) { shoppingCarts.carts[index] = cart; } } else { shoppingCarts.carts.push(importedCart); } location.href = "/cart.html?name=" + encodeURIComponent(cart.name); }); } if (cart == null) { alert("Warenkorb '" + cartName + "' existiert nicht."); location.href = "carts.html"; } if (cart.name != "Momentum Eigenmarken Vergleich" && !cart.linked) showSearch(cart, items); const canvasDom = document.querySelector("#chart"); document.querySelector("#sum-container").innerHTML = customCheckbox(`sum`, "Preissumme Gesamt", true, "gray"); document.querySelector("#sumstores-container").innerHTML = customCheckbox(`sumstores`, "Preissumme pro Kette", true, "gray"); document.querySelector("#todayonly-container").innerHTML = customCheckbox(`todayonly`, "Nur heutige Preise", false, "gray"); document.querySelector("#sum").addEventListener("change", () => updateCharts(canvasDom, filter(cart.items))); document.querySelector("#sumstores").addEventListener("change", () => updateCharts(canvasDom, filter(cart.items))); document.querySelector("#todayonly").addEventListener("change", () => updateCharts(canvasDom, filter(cart.items))); document.querySelector("#start").addEventListener("change", () => updateCharts(canvasDom, filter(cart.items))); document.querySelector("#end").addEventListener("change", () => updateCharts(canvasDom, filter(cart.items))); document.querySelector("#start").value = getOldestDate(cart.items); document.querySelector("#end").value = currentDate(); const filtersStore = document.querySelector("#filters-store"); filtersStore.innerHTML = ` ${customCheckbox("all", "Alle", true, "gray")} ${STORE_KEYS.map((store) => customCheckbox(store, stores[store].name, stores[store].name.toLowerCase().endsWith("de") ? false : true, stores[store].color) ).join(" ")} `; filtersStore.querySelectorAll("input").forEach((input) => { if (input.id == "all") return; input.addEventListener("change", () => showCart(cart)); }); filtersStore.querySelector("#all").addEventListener("change", () => { STORE_KEYS.forEach((store) => (filtersStore.querySelector(`#${store}`).checked = filtersStore.querySelector("#all").checked)); showCart(cart); }); document.querySelector("#filter").addEventListener("input", () => showCart(cart)); showCart(cart); } function filter(cartItems) { const query = document.querySelector("#filter").value.trim(); const storeCheckboxes = STORE_KEYS.map((store) => document.querySelector(`#${store}`)); const checkedStores = STORE_KEYS.filter((store, i) => storeCheckboxes[i].checked); let items = []; if (query.charAt(0) != "!") { for (item of cartItems) { if (!checkedStores.includes(item.store)) continue; items.push(item); } } else { items = cartItems; } if (query.length >= 3) items = searchItems(items, document.querySelector("#filter").value, checkedStores, false, 0, 10000, false, false); return items; } function showSearch(cart, items) { const searchDom = document.querySelector("#search"); searchDom.innerHTML = ""; newSearchComponent( searchDom, items, null, null, (header) => { header.innerHTML += "