1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2024-12-15 11:25:36 +01:00
web/public/js/checkout.js

48 lines
1.6 KiB
JavaScript
Raw Normal View History

2021-11-20 03:09:47 +01:00
function proceedCheckout() {
localStorage.removeItem("bag");
}
2021-11-19 06:42:19 +01:00
function view_checkout() {
2021-11-20 08:04:03 +01:00
if (localStorage.getItem("bag") === null) {
localStorage.setItem("bag", "[]");
}
2021-11-19 06:42:19 +01:00
var bag = JSON.parse(localStorage.getItem("bag"));
var html = '';
var total_price = 0;
for (var i = 0; i < bag.length; i++) {
let request = new XMLHttpRequest();
request.open('GET', `api/getProduct?id=${bag[i].product_id}`, false);
request.send(null);
if (request.status === 200) {
let data = JSON.parse(request.responseText);
total_price += parseInt(data[0].PRICE * bag[i].quantity);
html += `
<tr class="titletrdes">
<th scope="row" style="display: flex;"><img alt="placeholder image" class="img lazyload"
height="80px" src="img/${data[0].IMAGE}" width="80px">
<div class="info">
<p>${data[0].TITLE}</p>
2021-11-19 07:27:39 +01:00
<p>Size : ${data[0].SIZE}</p>
2021-11-19 06:42:19 +01:00
<p>Qty : ${bag[i].quantity}</p>
</div>
</th>
<td>Rp ${data[0].PRICE}</td>
<td>Rp ${data[0].PRICE * bag[i].quantity}</td>
</tr>
`;
}
}
html += `
<tr style="border-bottom: 1px solid white;">
<th>Total Price</th>
<td></td>
<td id="total-price">Rp ${total_price}</td>
</tr>
`
document.getElementById("view-checkout").innerHTML = html;
2021-11-20 03:09:47 +01:00
document.getElementById("data").value = JSON.stringify(bag);
2021-11-19 06:42:19 +01:00
}
view_checkout();