Joma Super Regate
${item.des}
Xem ngay
`;
});
}
function renderGiay() {
giay.map(function (item, i) {
if (i < 8) {
giayMoive.innerHTML += `
${item.name}
${
item.price + 200000
}đ
${
item.price
} đ
20%
GIẢM
`;
}
if (i >= 7 && i < 15) {
giayBanchay.innerHTML += `
${item.name}
${
item.price + 200000
}đ
${
item.price
} đ
20%
GIẢM
`;
}
if (i > 15) {
console.log(i, item);
cothebanthichGiay.innerHTML += `
${item.name}
${
item.price + 200000
}đ
${
item.price
} đ
20%
GIẢM
`;
}
});
{
}
}
const chitiet = document.querySelector("#chitiet");
function renderProductDetail() {
let product = localStorage.getItem("productDetail");
let value = JSON.parse(product);
chitiet.innerHTML += `
${value.name}
Trạng thái: Còn hàng
Loại sản phẩm: Giày dép
${value.price}đ
Giá gốc:
${+value.price + 200000}đ
(-20%)
`;
}
function getProductInDetail() {
let value;
let product = localStorage.getItem("productDetail");
let sanpham = JSON.parse(product);
var radio = document.getElementsByName("mau");
for (i = 0; i < radio.length; i++) {
if (radio[i].checked) {
value = radio[i].value;
}
}
let number = document.querySelector(
`#text_so_luong-product-${sanpham.token}`
);
let size = document.querySelector('input[name="mau"]:checked');
if (size == undefined) {
alert("Vui lòng chọn size");
} else {
let temp = true;
allStorage().map(function (values) {
if (JSON.parse(values).token === sanpham.token) {
temp = false;
console.log("temp", JSON.parse(values));
currentValues = +JSON.parse(values).number;
}
});
console.log("number", number.value, temp);
if (temp) {
if (number.value >= 100) {
alert("Sản phẩm này đã đạt 100 sản phẩm trong giỏ!");
localStorage.setItem(
sanpham.token,
JSON.stringify({
name: sanpham.name,
size: size.value,
price: sanpham.price,
img: sanpham.img,
number: 100,
token: sanpham.token,
})
);
} else {
console.log("san pham moi");
localStorage.setItem(
sanpham.token,
JSON.stringify({
name: sanpham.name,
size: size.value,
price: sanpham.price,
img: sanpham.img,
number: number.value,
token: sanpham.token,
})
);
}
showSuccessToast();
} else {
localStorage.removeItem(sanpham.token);
if (+number.value >= 100) {
alert("Sản phẩm này đã đạt 100 sản phẩm trong giỏ!");
localStorage.setItem(
sanpham.token,
JSON.stringify({
name: sanpham.name,
size: size.value,
price: sanpham.price,
img: sanpham.img,
number: 100,
token: sanpham.token,
})
);
} else {
localStorage.setItem(
sanpham.token,
JSON.stringify({
name: sanpham.name,
size: size.value,
price: sanpham.price,
img: sanpham.img,
number: +number.value,
token: sanpham.token,
})
);
showSuccessToast();
}
}
temp = true;
}
value = 0;
}
function statusSearch() {
document.querySelector(".search-box").classList.toggle("open");
}
// Toast function
function toast({ title = "", message = "", type = "info", duration = 3000 }) {
const main = document.getElementById("toast");
console.log("co chay vao day");
if (main) {
const toast = document.createElement("div");
// Auto remove toast
const autoRemoveId = setTimeout(function () {
main.removeChild(toast);
}, duration + 1000);
// Remove toast when clicked
toast.onclick = function (e) {
if (e.target.closest(".toast__close")) {
main.removeChild(toast);
clearTimeout(autoRemoveId);
}
};
const icons = {
success: "fas fa-check-circle",
info: "fas fa-info-circle",
warning: "fas fa-exclamation-circle",
error: "fas fa-exclamation-circle",
};
const icon = icons[type];
const delay = (duration / 1000).toFixed(2);
toast.classList.add("toast", `toast--${type}`);
toast.style.animation = `slideInLeft ease .3s, fadeOut linear 1s ${delay}s forwards`;
toast.innerHTML = `
`;
main.appendChild(toast);
}
}
function showSuccessToast() {
toast({
title: "Thành công!",
message: "Sản phẩm đã được thêm vào giỏ!",
type: "success",
duration: 3000,
});
}
function showSubmitToast() {
console.log("co chay vao day");
toast({
title: "Thành công!",
message: "Đơn hàng đã đặt thành công!",
type: "success",
duration: 3000,
});
}
function showErrorLoginMinToast() {
toast({
title: "Thất bại!",
message: "Tài khoản và mật khẩu tối thiểu 6 kí tự!",
type: "error",
duration: 5000,
});
}
function showErrorMaxProductToast() {
toast({
title: "Thất bại!",
message: "Số lượng sản phẩm vượt quá 100!",
type: "error",
duration: 5000,
});
}
function showErrorLoginMaxToast() {
toast({
title: "Thất bại!",
message: "Tài khoản và mật khẩu tối đa 22 kí tự!",
type: "error",
duration: 5000,
});
}
const productDetail = [];
const text_so_luong = document.querySelector("#text_so_luong");
function getProduct(item, id, name) {
let value;
var radio = document.getElementsByName("mau");
for (i = 0; i < radio.length; i++) {
if (radio[i].checked) {
value = radio[i].value;
}
}
let number = document.querySelector(
`#text_so_luong-${name}-${item[id - 1].id}`
);
console.log("number", number);
let size = document.querySelector('input[name="mau"]:checked');
if (size == undefined) {
alert("Vui lòng chọn size");
} else {
let temp = true;
let currentValue = 0;
allStorage().map(function (value) {
console.log(JSON.parse(value).token, item[id - 1].token);
if (JSON.parse(value).token === item[id - 1].token) {
temp = false;
currentValue = +JSON.parse(value).number;
}
});
if (temp) {
if (number.value >= 100) {
showErrorMaxProductToast();
localStorage.setItem(
item[id - 1].token,
JSON.stringify({
name: item[id - 1].name,
size: size.value,
price: item[id - 1].price,
img: item[id - 1].img,
number: number.value,
token: item[id - 1].token,
})
);
} else {
localStorage.setItem(
item[id - 1].token,
JSON.stringify({
name: item[id - 1].name,
arr: name,
size: size.value,
price: item[id - 1].price,
img: item[id - 1].img,
number: number.value,
token: item[id - 1].token,
})
);
}
showSuccessToast();
} else {
localStorage.removeItem(item[id - 1].token);
if (+number.value + currentValue >= 100) {
showErrorMaxProductToast();
localStorage.setItem(
item[id - 1].token,
JSON.stringify({
name: item[id - 1].name,
size: size.value,
price: item[id - 1].price,
img: item[id - 1].img,
number: 100,
token: item[id - 1].token,
})
);
} else {
localStorage.setItem(
item[id - 1].token,
JSON.stringify({
name: item[id - 1].name,
size: size.value,
price: item[id - 1].price,
img: item[id - 1].img,
number: +number.value + currentValue,
token: item[id - 1].token,
})
);
showSuccessToast();
}
}
temp = true;
}
value = 0;
}
function allStorage() {
var values = [],
keys = Object.keys(localStorage),
i = keys.length;
while (i--) {
values.push(localStorage.getItem(keys[i]));
}
return values;
}
const hinhanhdonhang = document.querySelector("#hinhanhdonhang");
const thongtindonhang = document.querySelector("#thongtindonhang");
const sum_value = document.querySelector("#sum-value");
let sum = 0;
let index = 0;
let arr = [];
allStorage().map(function (item) {
let value = JSON.parse(item);
arr.push(value);
let temp = value.token;
if (value.id !== "productDetail") {
sum += value.price * value.number;
hinhanhdonhang.innerHTML += `
`;
thongtindonhang.innerHTML += `
${value.size}${value.price} VND
`;
index++;
}
});
function removeItem(key) {
localStorage.removeItem(key);
window.location.href = "giohang.html";
}
function submitcart() {
showSubmitToast();
localStorage.clear();
setTimeout(function () {
window.location.href = "giohang.html";
}, 1000);
}
sum_value.innerHTML = `${sum} VND `;
let product = {};
function getDetailProduct(arr, id) {
localStorage.setItem(
"productDetail",
JSON.stringify({
id: "productDetail",
name: arr[id - 1].name,
price: arr[id - 1].price,
img: arr[id - 1].img,
token: arr[id - 1].token,
})
);
window.location.href = "chitietsanpham.html";
}
function userLogin() {
const email = document.querySelector("#email").value;
const pass = document.querySelector("#password").value;
if (email.length < 6 || pass.length <66) {
showErrorLoginMinToast();
}
if (email.length > 22 || pass.length > 22) {
console.log(email.length, pass.length)
showErrorLoginMaxToast();
}
if (
email.length >= 6 &&
pass.length >= 6 &&
email.length <= 22 &&
pass.length <= 22
) {
window.location.href = "thongtin.html";
}
}