function currentDate() {
const currentDate = new Date();
const year = currentDate.getFullYear();
const month = String(currentDate.getMonth() + 1).padStart(2, '0');
const day = String(currentDate.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
}
function getQueryParameter(name) {
const url = window.location.href;
const queryString = url.substring(url.indexOf('?') + 1);
const parameters = queryString.split('&');
for (var i = 0; i < parameters.length; i++) {
const parameter = parameters[i].split('=');
const paramName = decodeURIComponent(parameter[0]);
if (paramName == name) return decodeURIComponent(parameter[1]);
}
return null;
}
function toNumber(value, defaultValue) {
try {
return Number.parseFloat(value);
} catch (e) {
return defaultValue;
}
}
function dom(el, html) {
let element = document.createElement(el);
element.innerHTML = html;
return element;
}
let carts = [];
loadCarts();
function loadCarts() {
let val = localStorage.getItem("carts");
carts = val ? JSON.parse(val) : [];
}
function saveCarts() {
localStorage.setItem("carts", JSON.stringify(carts, null, 2));
}
function hasCart(name) {
for (cart of carts) {
if (cart.name = name) return true;
}
return false;
}
function addCart(name) {
carts.push({
name: name,
items: []
});
saveCarts();
}
function removeCart(name) {
carts = carts.filter(cart => cart.name != name);
saveCarts();
}
function itemToStoreLink(item) {
if (item.store == "spar")
return `${item.name}`;
if (item.store == "billa")
return `${item.name}`;
if (item.store == "hofer")
return `${item.name}`;
return item.name;
}
function itemToDOM(item) {
let storeDom = dom("td", item.store);
let nameDom = dom("td", itemToStoreLink(item));
let unitDom = dom("td", item.unit ? item.unit : "");
let priceDomText = item.price + (item.priceHistory.length > 1 ? (item.priceHistory[0].price > item.priceHistory[1].price ? " 📈" : " 📉") + " (" + (item.priceHistory.length - 1) + ")" : "");
let priceDom = dom("td", priceDomText);
if (item.priceHistory.length > 1) {
priceDom.style["cursor"] = "pointer";
priceDom.addEventListener("click", () => {
if (priceDom.innerHTML == priceDomText) {
priceDom.innerHTML = priceDomText;
let pricesText = "";
for (let i = 0; i < item.priceHistory.length; i++) {
const date = item.priceHistory[i].date;
const currPrice = item.priceHistory[i].price;
const lastPrice = item.priceHistory[i + 1] ? item.priceHistory[i + 1].price : currPrice;
const increase = Math.round((currPrice - lastPrice) / lastPrice * 100);
let priceColor = "black";
if (increase > 0) priceColor = "red";
if (increase < 0) priceColor = "green";
pricesText += `
${date} ${currPrice} ${increase > 0 ? "+" + increase : increase}%`;
}
priceDom.innerHTML += pricesText;
} else {
priceDom.innerHTML = priceDomText;
}
});
}
let row = dom("tr", "");
row.appendChild(storeDom);
row.appendChild(nameDom);
row.appendChild(unitDom);
row.appendChild(priceDom);
return row;
}
let componentId = 0;
function searchItems(items, query, exact) {
if (query.length < 3) return [];
const tokens = query.split(/\s+/).map(token => token.toLowerCase());
const hits = [];
for (item of items) {
let allFound = true;
for (token of tokens) {
if (token.length == 0) continue;
const index = item.search.indexOf(token);
if (index < 0) {
allFound = false;
break;
}
if (exact) {
if (index > 0 && (item.search.charAt(index - 1) != " " && item.search.charAt(index - 1) != "-")) {
allFound = false;
break;
}
if (index + token.length < item.search.length && item.search.charAt(index + token.length) != " ") {
allFound = false;
break;
}
}
}
if (allFound)
hits.push(item);
}
return hits;
}
function newSearchComponent(parentElement, items, filter, headerModifier, itemDomModifier) {
for (item of items) {
item.search = item.name + " " + item.unit;
item.search = item.search.toLowerCase();
}
let id = componentId++;
parentElement.innerHTML = "";
parentElement.innerHTML = `