master
parent
307d50219c
commit
65543e6617
|
@ -129,6 +129,7 @@
|
|||
for(let i = 0; i < quantitys.length; i++) { quantityOfProducts += Number(quantitys[i]); }
|
||||
$('#count-products-in-bag').text(quantityOfProducts);
|
||||
$('#list-products-in-bag').html('');
|
||||
if(typeof updateProducts === "function") $('#list-products').html('');
|
||||
totalPrice = 0;
|
||||
if(objProducts.length > 0) {
|
||||
let ids = objProducts.map(obj => obj.id);
|
||||
|
@ -158,18 +159,32 @@
|
|||
<td class="align-middle text-end">${formatter.format(item.data_fields.preis)}</td>
|
||||
</tr>`;
|
||||
$('#list-products-in-bag').append(elementProduct);
|
||||
if(typeof updateProducts === "function") $('#list-products').append(elementProduct);
|
||||
});
|
||||
$('#total-price').text(formatter.format(totalPrice));
|
||||
if(typeof updateProducts === "function") $('#total-checkout-price').text(formatter.format(totalPrice));
|
||||
});
|
||||
$('#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();
|
||||
}
|
||||
}else {
|
||||
$('#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();
|
||||
}
|
||||
}
|
||||
$('#total-price').text(formatter.format(totalPrice));
|
||||
let productId = $('meta[name="product-id"]').attr('content');
|
||||
|
|
|
@ -300,58 +300,13 @@
|
|||
utilsScript: "{{storage('assets/libs/intl-tel-input/js/utils.min.js')}}",
|
||||
});
|
||||
|
||||
function updateProducts(){
|
||||
$('#list-products').html('');
|
||||
if(objProducts.length > 0) {
|
||||
let ids = objProducts.map(obj => obj.id);
|
||||
$.get($('meta[name="get-contents"]').attr('content')+"/"+ids.join(","), function(response, status){
|
||||
response.contents.forEach(function(item){
|
||||
let objProductInfo = objProducts.find(obj => obj.id == item.id);
|
||||
let elementProduct = `
|
||||
<tr>
|
||||
<td class="text-start">
|
||||
<img class="rounded img-fluid" src="https://picsum.photos/120/120">
|
||||
</td>
|
||||
<td class="text-start">
|
||||
<span class="fs-5">${item.title}</span>
|
||||
<br>
|
||||
<small class="text-success">sofort verfügbar</small>
|
||||
<br>
|
||||
<select class="form-select form-select-sm select-quantity" data-id="${item.id}" style="width:125px;" aria-label="Default select example">`;
|
||||
for(let i = 1; i <= 5; i++){
|
||||
if(objProductInfo.quantity == i) elementProduct += `<option selected value="${i}">Anzahl: ${i}</option>`;
|
||||
else elementProduct += `<option value="${i}">Anzahl: ${i}</option>`;
|
||||
}
|
||||
elementProduct += `
|
||||
</select>
|
||||
<button data-id="${item.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">${formatter.format(item.data_fields.preis)}</td>
|
||||
</tr>`;
|
||||
$('#list-products').append(elementProduct);
|
||||
});
|
||||
$('#total-checkout-price').text(formatter.format(totalPrice));
|
||||
});
|
||||
$('#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();
|
||||
}else {
|
||||
$('#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();
|
||||
}
|
||||
}
|
||||
function updateProducts(){}
|
||||
|
||||
$(window).on('load', function(){
|
||||
updateProducts();
|
||||
$('#anfrage').submit(function(){
|
||||
objProducts = [];
|
||||
updateProductsInLocalStorage();
|
||||
});
|
||||
$(document).on('click', '.btn-remove-product', function(){ updateProducts(); });
|
||||
$(document).on('change', '.select-quantity', function(){ updateProducts(); });
|
||||
});
|
||||
</script>
|
||||
@stop
|
||||
|
|
Loading…
Reference in New Issue