areya-energy/assets/js/methods.js

function getInfoFromSelectedProduct(){
    let ids = objProducts.map(obj => obj.id);
    return $.get($('meta[name="get-contents"]').attr('content')+"/"+ids.join(","));
}

function numberToEuroFormat(number){
    let formatter = new Intl.NumberFormat('de', {style: 'currency', currency: 'EUR'});
    return formatter.format(number);
}

function getQuantityOfProducts(){
    let quantitys = objProducts.map(obj => obj.quantity);
    let quantityOfProducts = 0;
    for(let i = 0; i < quantitys.length; i++) { if(Number.isInteger(Number(quantitys[i]))) quantityOfProducts += Number(quantitys[i]); }
    return quantityOfProducts;
}

function getProductInfo(productInfo){
    let objProduct = objProducts.find(obj => obj.id == productInfo.id);
    return jQuery.extend(objProduct, productInfo);
}

function createProductElement(objProduct){
    let elementProduct = `
    <tr>
        <td class="text-start">
            <img class="rounded img-fluid" style="height: 100px;" src="${objProduct.image}">
        </td>
        <td class="text-start">
            <span class="fs-5">${objProduct.title}</span>
            <br>
            <small class="text-success">sofort verfügbar</small>
            <br>
            <select class="form-select form-select-sm select-quantity" data-id="${objProduct.id}" style="width:125px;" aria-label="Default select example">`;
            for(let i = 1; i <= 15; i++){
                if(objProduct.quantity == i) elementProduct += `<option selected value="${i}">Anzahl: ${i}</option>`;
                else elementProduct += `<option value="${i}">Anzahl: ${i}</option>`;
            }
            elementProduct += `
            </select>
            <button data-id="${objProduct.id}" class="btn-remove-product text-muted small text-decoration-none" style="padding: 0; border: none; background: transparen;">Löschen</button>
        </td>
        <td class="align-middle text-end">${numberToEuroFormat(objProduct.preis)}</td>
    </tr>`;
    return elementProduct;
}

function addToBag(productId){
    let objProductInfo = objProducts.find(obj => obj.id == productId);
    let index = objProducts.indexOf(objProductInfo);
    if(index == -1) objProducts.push({id: productId, quantity: 1});
    updateProductsInLocalStorage();
}

function isJson(str) {
    try { JSON.parse(str); }
    catch(e) { return false; }
    return true;
}

function isEncoded(str){
    try { atob(str); }
    catch(e) { return false; }
    return true;
}

function hasCartCode(){
    let urlPath = window.location.pathname;
    let code = urlPath.split("/");
    code = code[code.length-1];
    if(isEncoded(code)){
        let productLink = atob(code);
        if(isJson(productLink)) return true;
    }
    return false;
}

function updateProductsInLocalStorage(){
    localStorage.setItem("products", JSON.stringify(objProducts));
    $('#count-products-in-bag').text(getQuantityOfProducts());
    $('#list-products-in-bag').html('');
    if(typeof updateProducts === "function") $('#list-products').html('');
    totalPrice = 0;
    if(objProducts.length > 0){
        getInfoFromSelectedProduct().done(function(response, status){
            response.contents.forEach(function(product){
                let objProduct = getProductInfo(product);
                totalPrice += objProduct.preis*objProduct.quantity;
                let elementProduct = createProductElement(objProduct);
                $('#list-products-in-bag').append(elementProduct);
                if(typeof updateProducts === "function") $('#list-products').append(elementProduct);
            });
            $('#total-price').text(numberToEuroFormat(totalPrice));
            if(typeof updateProducts === "function") $('#total-checkout-price').text(numberToEuroFormat(totalPrice));
        });
        $('.cart-link').show();
        $(".btn-share").show();
        $('#count-products-in-bag').show();
        $('#list-products-in-bag').parent().parent().parent().parent().parent().find('.modal-footer').show();
        $('#total-price').parent().parent().parent().show();
        $('#no-products').hide();
        if(typeof updateProducts === "function"){
            $('#form-section').show();
            $('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').show();
            $('#total-checkout-price').parent().parent().parent().show();
            $('#no-products-in-checkout').hide();
        }
        
        if(window.location.origin == 'http://localhost') cartLink = window.location.origin+'/areya-energy/public/'+btoa(JSON.stringify(objProducts));
        else cartLink = window.location.origin+'/'+btoa(JSON.stringify(objProducts));
        $('.cart-link').val(cartLink);
        shareData = {
            title: "Share cart list",
            text: 'share cart list',
            url: cartLink,
        };

    }else{
        $('.cart-link').hide();
        $(".btn-share").hide();
        $('#count-products-in-bag').hide();
        $('#list-products-in-bag').parent().parent().parent().parent().parent().find('.modal-footer').hide();
        $('#total-price').parent().parent().parent().hide();
        $('#no-products').show();
        if(typeof updateProducts === "function"){
            $('#form-section').hide();
            $('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').hide();
            $('#total-checkout-price').parent().parent().parent().hide();
            $('#no-products-in-checkout').show();
        }
    }
    let productId = $('meta[name="product-id"]').attr('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+`<svg style="fill: white; width: 12px; margin-left: 3px; margin-bottom: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>`);
        }
    }
}