79 lines
2.6 KiB
JavaScript
79 lines
2.6 KiB
JavaScript
|
const express = require('express');
|
||
|
|
const router = express.Router();
|
||
|
|
const { getUser } = require('../util.js');
|
||
|
|
|
||
|
|
router.get('/', function(req, res, next) {
|
||
|
|
if (req.session.productList && req.session.productList.length != 0 && req.query.remove) {
|
||
|
|
req.session.productList = req.session.productList.filter(p => p.id != req.query.remove);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (req.session.productList && req.session.productList.length != 0 && req.query.id && req.query.inc) {
|
||
|
|
req.session.productList = req.session.productList.map(p => {
|
||
|
|
if (p.id == req.query.id) {
|
||
|
|
const newQuantity = p.quantity + Number(req.query.inc);
|
||
|
|
|
||
|
|
return newQuantity === 0 ? null : {...p, quantity: p.quantity + Number(req.query.inc)};
|
||
|
|
}
|
||
|
|
|
||
|
|
return p;
|
||
|
|
}).filter(p => p !== null);
|
||
|
|
}
|
||
|
|
|
||
|
|
let content;
|
||
|
|
if (req.session.productList && req.session.productList.length != 0) {
|
||
|
|
req.session.productList = req.session.productList.filter(p => p);
|
||
|
|
|
||
|
|
const productList = req.session.productList;
|
||
|
|
|
||
|
|
content = `
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<th>Product ID</th>
|
||
|
|
<th>Product Name</th>
|
||
|
|
<th>Price</th>
|
||
|
|
<th>Quantity</th>
|
||
|
|
</tr>
|
||
|
|
${productList.map(product => `
|
||
|
|
<tr>
|
||
|
|
<td>${product.id}</td>
|
||
|
|
<td>${product.name}</td>
|
||
|
|
<td>$${Number(product.price).toFixed(2)}</td>
|
||
|
|
<td>
|
||
|
|
<a href='/showcart?${(new URLSearchParams({id: product.id, inc: -1})).toString()}'>-</a>
|
||
|
|
${product.quantity}
|
||
|
|
<a href='/showcart?${(new URLSearchParams({id: product.id, inc: 1})).toString()}'>+</a>
|
||
|
|
</td>
|
||
|
|
<td align='right'><a href='/showcart?remove=${product.id}'>Delete</a></td>
|
||
|
|
</tr>
|
||
|
|
`).join('\n')}
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<a href='/checkout'>Checkout</a>
|
||
|
|
</p>
|
||
|
|
`;
|
||
|
|
} else{
|
||
|
|
content = `
|
||
|
|
<p>
|
||
|
|
Your shopping cart is empty!
|
||
|
|
</p>
|
||
|
|
`;
|
||
|
|
}
|
||
|
|
res.render('layouts/main', {
|
||
|
|
title: 'Your Shopping Cart',
|
||
|
|
loggedIn: true,
|
||
|
|
user: getUser(req),
|
||
|
|
spacer: true,
|
||
|
|
content: `
|
||
|
|
<h1>Your Shopping Cart</h1>
|
||
|
|
|
||
|
|
${content}
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<a href='/listprod'>Continue Shopping</a>
|
||
|
|
</p>`,
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
module.exports = router;
|