DopeyCode/marmeladenladen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ordersubmit

Browse Source
This commit is contained in:
StockiP
2022-06-02 08:09:40 +02:00
parent dd12b3f6ee
commit bd5e702782
5 changed files with 538 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
js/cart.js
View File

@@ -1,6 +1,13 @@
$(document).ready(function () {
updateCartTotal();
document.getElementById("emptycart").addEventListener("click", emptyCart);
document.getElementById("checkout").addEventListener("click", function () {
if (sessionStorage.getItem('cart') && document.cookie.indexOf("loggedIn=true") != -1) {
$('#mmlMainContent').load('../components/checkout.html');
} else {
$('#mmlMainContent').load('../components/login.html');
}
});
});
@@ -40,7 +47,7 @@ function updateCartTotal() {
totalperproduct = price * count;
totalperproduct = parseFloat(totalperproduct.toFixed(2));
//add price to total
carttable += "<tr><td>" + productid + "</td><td class='text-center'><button type='button' class='btn btn-danger removeproduct'>X</button></td><td>" + productname + "</td><td class='text-end'>" + price + "€</td><td class='text-end'>" + count + "</td><td class='text-end'>" + totalperproduct + "€</td></tr>";
carttable += "<tr><td>" + productid + "</td><td class='text-center'><button type='button' class='btn btn-danger removeproduct'>X</button></td><td>" + productname + "</td><td class='text-end'>" + price + "€</td><td class='text-center'><button type='button' class='btn btn-danger decreasecount float-start'>-</button>" + count + "<button type='button' class='btn btn-success increasecount float-end'>+</button></td><td class='text-end'>" + totalperproduct + "€</td></tr>";
total += totalperproduct;
total = parseFloat(total.toFixed(2));
prodCount += count;
@@ -58,6 +65,17 @@ function updateCartTotal() {
for (var i = 0; i < delbtns.length; i++) {
delbtns[i].addEventListener("click", function() { removeProductFromCart(this); });
}
var incbtns = document.getElementsByClassName("btn btn-success increasecount");
for (var i = 0; i < incbtns.length; i++) {
incbtns[i].addEventListener("click", function() { increaseCount(this); });
}
var decbtns = document.getElementsByClassName("btn btn-danger decreasecount");
for (var i = 0; i < decbtns.length; i++) {
decbtns[i].addEventListener("click", function() { decreaseCount(this); });
}
}
function removeProductFromCart(elem) {
@@ -76,4 +94,49 @@ function removeProductFromCart(elem) {
sessionStorage.setItem('cart', stringCart);
updateCartTotal();
updateCartCount();
}
}
//function to increase product count in cart
function increaseCount(elem) {
console.log("triggered");
var productid = elem.parentNode.parentNode.children[0].innerText;
var cart = JSON.parse(sessionStorage.getItem('cart'));
var items = cart.length;
for (var i = 0; i < items; i++) {
var x = JSON.parse(cart[i]);
if (x.productid == productid) {
x.count++;
cart[i] = JSON.stringify(x);
console.log(x.count);
break;
}
}
var stringCart = JSON.stringify(cart);
sessionStorage.setItem('cart', stringCart);
updateCartTotal();
updateCartCount();
}
//function to decrease product count in cart
function decreaseCount(elem) {
var productid = elem.parentNode.parentNode.children[0].innerText;
var cart = JSON.parse(sessionStorage.getItem('cart'));
var items = cart.length;
for (var i = 0; i < items; i++) {
var x = JSON.parse(cart[i]);
if (x.productid == productid) {
x.count--;
if (x.count < 1) {
cart.splice(i, 1);
break;
} else {
cart[i] = JSON.stringify(x);
break;
}
}
}
var stringCart = JSON.stringify(cart);
sessionStorage.setItem('cart', stringCart);
updateCartTotal();
updateCartCount();
}