Skip to content

Commit

Permalink
Fix display issues in Admin, index, and cart pages
Browse files Browse the repository at this point in the history 
fixes
  • Loading branch information
@Gauravzz12
Gauravzz12 committed Jan 15, 2025
1 parent 61be385 commit d1dbe4d
Show file tree
Hide file tree
Showing 2 changed files with 145 additions and 142 deletions.
27 changes: 14 additions & 13 deletions Admin.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -270,19 +270,20 @@ <h2>Update Product</h2>
</div>
<script src="script.js"></script>
<script>
const adminName=document.getElementById("AdminName");
adminName.innerText=LoggedUser.uname;
const table=document.getElementById("ProductsTable");
const empty=document.getElementById("Empty");
const tablestyle=table.style.display;
// if(Object.keys(data).length==0){
// table.style.display="none";
// empty.style.display="block";
// }
// else{
// table.style.display=tablestyle;
// empty.style.display="none";
// }
document.addEventListener("DOMContentLoaded", function () {
const adminName = document.getElementById("AdminName");
adminName.innerText = LoggedUser.uname;
const table = document.getElementById("ProductsTable");
const empty = document.getElementById("Empty");
const tablestyle = table.style.display;
if (Object.keys(data).length == 0) {
table.style.display = "none";
empty.style.display = "block";
} else {
table.style.display = tablestyle;
empty.style.display = "none";
}
});
</script>
</body>
</html>
260 changes: 131 additions & 129 deletions cart.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -155,149 +155,151 @@ <h2>Cart</h2>
</div>
<script src="script.js"></script>
<script>
let finalAmount = 0;
document.addEventListener("DOMContentLoaded", function () {
let finalAmount = 0;

const logoutButton = document.getElementById("logOut");
const navLinks = document.querySelectorAll("nav a");
const final = document.getElementById("ActionButtons");
const p = document.createElement("p");
final.appendChild(p);
const logoutButton = document.getElementById("logOut");
const navLinks = document.querySelectorAll("nav a");
const final = document.getElementById("ActionButtons");
const p = document.createElement("p");
final.appendChild(p);

if (Object.keys(LoggedUser).length > 0) {
logoutButton.style.display = "block";
navLinks.forEach((link) => (link.style.display = "none"));
} else {
logoutButton.style.display = "none";
navLinks.forEach((link) => (link.style.display = "block"));
}

function updateFinalAmount() {
p.innerText = `Total Amount: Rs ${finalAmount.toFixed(2)}`;
p.classList.add("final");
}
let existingCart = cart.find((item) => item.User === LoggedUser.uname);

existingCart.Products.forEach((item) => {
let index = data.findIndex((x) => x.pid == item.pid);
if (index != -1) {
item.ProductPrice = data[index].ProductPrice;
item.Productname = data[index].Productname;
item.ProductDescription = data[index].ProductDescription;
if (Object.keys(LoggedUser).length > 0) {
logoutButton.style.display = "block";
navLinks.forEach((link) => (link.style.display = "none"));
} else {
alert(item.Productname + " Was Removed");
existingCart.Products = data.filter((x) => x.pid !== item.pid);
if (Object.keys(cart).length) {
window.location.href = "index.html";
}
localStorage.setItem("Cart", JSON.stringify(cart));
}
});
showCart();

function showCart() {
const tb = document.getElementById("cart");
tb.innerHTML = "";
if (!cart.length) {
alert("Please login to view cart!");
return;
logoutButton.style.display = "none";
navLinks.forEach((link) => (link.style.display = "block"));
}

let x = 1;
function updateFinalAmount() {
p.innerText = `Total Amount: Rs ${finalAmount.toFixed(2)}`;
p.classList.add("final");
}
let existingCart = cart.find((item) => item.User === LoggedUser.uname);

existingCart.Products.forEach((item) => {
const productindex = data.findIndex(
(x) => x.Productname === item.Productname
);
const maxQuantity = data[productindex].ProductQuantity;
const add = document.createElement("button");
add.innerText = "+";
const remove = document.createElement("button");
remove.innerText = "-";
const rows = tb.insertRow();
rows.insertCell(0).innerText = x++;
const productImageCell = rows.insertCell(1);
const image = item.ProductImg;
productImageCell.innerHTML = `<img src="${image}" alt="Product Image" style="width:200px; height: 150px; object-fit: cover;">`;
rows.insertCell(2).innerText = item.Productname;
rows.insertCell(3).innerText = `Rs.${item.ProductPrice}`;
const cell4 = rows.insertCell(4);
cell4.appendChild(remove);
cell4.appendChild(
document.createTextNode(item.ProductQuantity + "/" + maxQuantity)
);
cell4.appendChild(add);
rows.insertCell(5).innerText = item.ProductDescription;
let total = item.ProductPrice * item.ProductQuantity;
rows.insertCell(6).innerText = `Rs ${total.toFixed(2)}`;
const cell = rows.insertCell(7);
const dlt = document.createElement("button");
dlt.innerText = "Delete";
add.addEventListener("click", function () {
if (item.ProductQuantity < maxQuantity) {
const oldTotal = total;
item.ProductQuantity += 1;
total = item.ProductPrice * item.ProductQuantity;
localStorage.setItem("Cart", JSON.stringify(cart));
cell4.innerText = "";
cell4.appendChild(remove);
cell4.appendChild(
document.createTextNode(
item.ProductQuantity + "/" + maxQuantity
)
);
cell4.appendChild(add);
rows.cells[6].innerText = `Rs ${total.toFixed(2)}`;
finalAmount += total - oldTotal;
} else {
alert("Maximum quantity reached!");
let index = data.findIndex((x) => x.pid == item.pid);
if (index != -1) {
item.ProductPrice = data[index].ProductPrice;
item.Productname = data[index].Productname;
item.ProductDescription = data[index].ProductDescription;
} else {
alert(item.Productname + " Was Removed");
existingCart.Products = data.filter((x) => x.pid !== item.pid);
if (Object.keys(cart).length) {
window.location.href = "index.html";
}
updateFinalAmount();
refreshProductList();
});
localStorage.setItem("Cart", JSON.stringify(cart));
}
});
showCart();

function showCart() {
const tb = document.getElementById("cart");
tb.innerHTML = "";
if (!cart.length) {
alert("Please login to view cart!");
return;
}

let x = 1;

remove.addEventListener("click", function () {
if (item.ProductQuantity === 1) {
existingCart.Products.forEach((item) => {
const productindex = data.findIndex(
(x) => x.Productname === item.Productname
);
const maxQuantity = data[productindex].ProductQuantity;
const add = document.createElement("button");
add.innerText = "+";
const remove = document.createElement("button");
remove.innerText = "-";
const rows = tb.insertRow();
rows.insertCell(0).innerText = x++;
const productImageCell = rows.insertCell(1);
const image = item.ProductImg;
productImageCell.innerHTML = `<img src="${image}" alt="Product Image" style="width:200px; height: 150px; object-fit: cover;">`;
rows.insertCell(2).innerText = item.Productname;
rows.insertCell(3).innerText = `Rs.${item.ProductPrice}`;
const cell4 = rows.insertCell(4);
cell4.appendChild(remove);
cell4.appendChild(
document.createTextNode(item.ProductQuantity + "/" + maxQuantity)
);
cell4.appendChild(add);
rows.insertCell(5).innerText = item.ProductDescription;
let total = item.ProductPrice * item.ProductQuantity;
rows.insertCell(6).innerText = `Rs ${total.toFixed(2)}`;
const cell = rows.insertCell(7);
const dlt = document.createElement("button");
dlt.innerText = "Delete";
add.addEventListener("click", function () {
if (item.ProductQuantity < maxQuantity) {
const oldTotal = total;
item.ProductQuantity += 1;
total = item.ProductPrice * item.ProductQuantity;
localStorage.setItem("Cart", JSON.stringify(cart));
cell4.innerText = "";
cell4.appendChild(remove);
cell4.appendChild(
document.createTextNode(
item.ProductQuantity + "/" + maxQuantity
)
);
cell4.appendChild(add);
rows.cells[6].innerText = `Rs ${total.toFixed(2)}`;
finalAmount += total - oldTotal;
} else {
alert("Maximum quantity reached!");
}
updateFinalAmount();
refreshProductList();
});

remove.addEventListener("click", function () {
if (item.ProductQuantity === 1) {
existingCart.Products = existingCart.Products.filter((x) => x.Productname !== item.Productname);
localStorage.setItem("Cart", JSON.stringify(cart));
finalAmount = 0;
p.innerText = "0";
showCart();
} else {
const oldTotal = total;
item.ProductQuantity -= 1;
total = item.ProductPrice * item.ProductQuantity;
localStorage.setItem("Cart", JSON.stringify(cart));
cell4.innerText = "";
cell4.appendChild(remove);
cell4.appendChild(
document.createTextNode(
item.ProductQuantity + "/" + maxQuantity
)
);
cell4.appendChild(add);
rows.cells[6].innerText = `Rs ${total.toFixed(2)}`;
finalAmount -= oldTotal - total;
}
updateFinalAmount();

if (Object.keys(existingCart.Products).length === 0) {
window.location.href = "index.html";
}
});
dlt.addEventListener("click", function () {
existingCart.Products = existingCart.Products.filter((x) => x.Productname !== item.Productname);
localStorage.setItem("Cart", JSON.stringify(cart));
finalAmount = 0;
p.innerText = "0";
showCart();
} else {
const oldTotal = total;
item.ProductQuantity -= 1;
total = item.ProductPrice * item.ProductQuantity;
localStorage.setItem("Cart", JSON.stringify(cart));
cell4.innerText = "";
cell4.appendChild(remove);
cell4.appendChild(
document.createTextNode(
item.ProductQuantity + "/" + maxQuantity
)
);
cell4.appendChild(add);
rows.cells[6].innerText = `Rs ${total.toFixed(2)}`;
finalAmount -= oldTotal - total;
}
updateFinalAmount();

if (Object.keys(existingCart.Products).length === 0) {
window.location.href = "index.html";
}
if (Object.keys(existingCart.Products).length === 0) {
window.location.href = "index.html";
}
});
finalAmount += total;
cell.appendChild(dlt);
});
dlt.addEventListener("click", function () {
existingCart.Products = existingCart.Products.filter((x) => x.Productname !== item.Productname);
localStorage.setItem("Cart", JSON.stringify(cart));
showCart();
if (Object.keys(existingCart.Products).length === 0) {
window.location.href = "index.html";
}
});
finalAmount += total;
cell.appendChild(dlt);
});

updateFinalAmount();
}
updateFinalAmount();
}
});
</script>
</body>
</html>

0 comments on commit d1dbe4d

Please sign in to comment.