Current (non-working-frontend) state
This commit is contained in:
spacelord committed
1 parent
b29550f429
commit
cfc28c5959
13 files changed
+352
-87
No files matched your search
@@ -85,7 +85,6 @@ model itemCategory {
|
||||
Item Item[]
|
||||
}
|
||||
|
||||
/// TODO: Add relationship to StorageUnit, Item and if necessary to StorageLocation.
|
||||
model contactInfo {
|
||||
id Int @id @default(autoincrement())
|
||||
type contactType @default(person)
|
||||
@@ -101,6 +100,7 @@ model contactInfo {
|
||||
Item Item[]
|
||||
}
|
||||
|
||||
/// TODO: Allow multiple types to be used?
|
||||
enum contactType {
|
||||
storageUnit
|
||||
owner
|
||||
|
||||
@@ -1,8 +1,80 @@
|
||||
<%~ E.includeFile("partials/head.eta.html", {"title": "Items"}) %> <%~ E.includeFile("partials/controls.eta.html", {"active": "Items"}) %>
|
||||
|
||||
<div class="modal fade" id="itemModifyModal" tabindex="-1" aria-labelledby="itemModifyModal" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="itemModifyModalLabel">Edit a item</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<form class="frontendForm" method="patch" data-target="/api/v1/items" id="CategoryModalForm">
|
||||
<div class="modal-body">
|
||||
<div class="mb-3">
|
||||
<label for="itemModifyModalName" class="form-label">Name</label>
|
||||
<input type="text" class="form-control" id="itemModifyModalName" name="name" required />
|
||||
<div id="itemModifyModalNameText" class="form-text">This name should be unqiue.</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="itemModifyModalComment" class="form-label">Comment</label>
|
||||
<input type="text" class="form-control" id="itemModifyModalComment" name="comment" />
|
||||
<div id="itemModifyModalDescText" class="form-text">Optional</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="itemModifyModalStorageLocation" class="form-label">Select a storage location</label>
|
||||
<select class="form-select" id="itemModifyModalStorageLocation" name="storageLocation" required>
|
||||
<option value="undefined"><i>Do not assign a storage location</i></option>
|
||||
<% it.storeLocs.forEach(function(locs){ %>
|
||||
<option value="<%= locs.id %>"><%= locs.name %></option>
|
||||
<% }) %>
|
||||
</select>
|
||||
|
||||
<div id="itemModifyModalStorageLocationText" class="form-text">You have to create a storage location beforehand.</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="itemModifyModalAmount" class="form-label">Amount</label>
|
||||
<input type="number" min="0" class="form-control" id="itemModifyModalAmount" name="amount" />
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="itemModifyModalSKU" class="form-label">SKU</label>
|
||||
<input type="text" class="form-control" id="itemModifyModalSKU" name="sku" />
|
||||
<div id="itemModifyModalSKUText" class="form-text">Optional</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="itemModifyModalManuf" class="form-label">Manufacturer</label>
|
||||
<input type="number" min="0" class="form-control" id="itemModifyModalManuf" name="manufacturer" />
|
||||
<div id="itemModifyModalSKUText" class="form-text">Optional</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="itemModifyModalCategory" class="form-label">Select a category</label>
|
||||
<select class="form-select" id="itemModifyModalCategory" name="category" required>
|
||||
<option value="undefined"><i>Do not assign a category</i></option>
|
||||
<% it.categories.forEach(function(cat){ %>
|
||||
<option value="<%= cat.id %>"><%= cat.name %></option>
|
||||
<% }) %>
|
||||
</select>
|
||||
|
||||
<div id="storageLocationModalLocationText" class="form-text">You have to create a storage location beforehand.</div>
|
||||
<input type="hidden" id="storageLocationModalIdHidden" name="id" />
|
||||
</div>
|
||||
<input type="text" id="itemModifyModalId" name="id" hidden />
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- TODO: Center table content -->
|
||||
<h1>Items</h1>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<a href="/settings/category/new" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#itemModifyModal" onclick="primeCreateNew()">Create new item</a>
|
||||
</div>
|
||||
</div>
|
||||
<table class="table align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -30,27 +102,27 @@
|
||||
<% } else if(user.status == "stolen") { %>
|
||||
<td><span class="badge text-bg-danger"><%= user.status %></span></td>
|
||||
<% } else if(user.status == "lost") { %>
|
||||
<td><span class="badge text-bg-warning"><%= user.status %></span></td>
|
||||
<td><span class="badge text-bg-warning"><%= user.status %></span></td>
|
||||
<% } else if(user.status == "borrowed") { %>
|
||||
<td><span class="badge text-bg-info"><%= user.status %></span></td>
|
||||
<td><span class="badge text-bg-info"><%= user.status %></span></td>
|
||||
<% } %>
|
||||
<td><a href="#" class="btn btn-primary">Edit</a></td>
|
||||
</tr>
|
||||
<% }) %>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<br />
|
||||
<% if(it.maxPages > 1) { %>
|
||||
<nav aria-label="Page selector">
|
||||
<ul class="pagination justify-content-center">
|
||||
<li class="page-item <%= it.currentPage-1 < 1 ? 'disabled' : ''%>"><a class="page-link" href="?page=<%= it.currentPage - 1 %>">Previous</a></li>
|
||||
<% for (var i = 1; i <= it.maxPages; i++) { %>
|
||||
<li class="page-item <%= it.currentPage == i ? 'active' : ''%> "><a class="page-link" href="?page=<%= i %>"><%= i %></a></li>
|
||||
<% } %>
|
||||
<li class="page-item <%= it.currentPage-1 < 1 ? 'disabled' : ''%>"><a class="page-link" href="?page=<%= it.currentPage - 1 %>">Previous</a></li>
|
||||
<% for (var i = 1; i <= it.maxPages; i++) { %>
|
||||
<li class="page-item <%= it.currentPage == i ? 'active' : ''%>"><a class="page-link" href="?page=<%= i %>"><%= i %></a></li>
|
||||
<% } %>
|
||||
|
||||
<li class="page-item <%= it.currentPage+1 > it.maxPages ? 'disabled' : ''%>"><a class="page-link" href="?page=<%= it.currentPage + 1 %>">Next</a></li>
|
||||
<li class="page-item <%= it.currentPage+1 > it.maxPages ? 'disabled' : ''%>"><a class="page-link" href="?page=<%= it.currentPage + 1 %>">Next</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</nav>
|
||||
<% } %>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,39 +1,32 @@
|
||||
<header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
|
||||
<a class="navbar-brand col-md-3 col-lg-2 me-0 px-3 test-white-50" onclick="doTheConfetti()">AssetFlow</a>
|
||||
<script>
|
||||
function randomInRange(min, max) {
|
||||
return Math.random() * (max - min) + min;
|
||||
}
|
||||
<nav class="navbar navbar-expand-lg bg-body-tertiary sticky-top" style="z-index: 9999">
|
||||
<div class="container-fluid">
|
||||
<img src="/logo/Design_icon.svg" height="10%">
|
||||
<a class="navbar-brand" href="#" onclick="doTheConfetti()">AssetFlow</a>
|
||||
<!-- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button> -->
|
||||
<button
|
||||
class="navbar-toggler position-absolute d-md-none collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#sidebarMenu"
|
||||
aria-controls="sidebarMenu"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
|
||||
function doTheConfetti() {
|
||||
confetti({
|
||||
angle: randomInRange(40, 150),
|
||||
spread: randomInRange(50, 100),
|
||||
particleCount: randomInRange(50, 150),
|
||||
origin: { y: 0.6 }
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<button
|
||||
class="navbar-toggler position-absolute d-md-none collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#sidebarMenu"
|
||||
aria-controls="sidebarMenu"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<input class="form-control form-control-dark w-100 bg-secondary" type="text" placeholder="Search" aria-label="Search" id="SearchBox" />
|
||||
<div class="autocomplete-items bg-secondary w-75 border-primary me-5 p-2" id="autocomplete-items" style="left: 16.7%"></div>
|
||||
|
||||
<div class="navbar-nav">
|
||||
<div class="nav-item text-nowrap">
|
||||
<a class="nav-link px-3" id="logoutButton">Sign out</a>
|
||||
</ul>
|
||||
<form class="d-flex" role="search">
|
||||
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" id="SearchBox" />
|
||||
<div class="autocomplete-items bg-secondary w-75 border-primary me-5 p-2" id="autocomplete-items" style="left: 16.7%"></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</nav>
|
||||
|
||||
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" id="masterToast" style="z-index: 2000">
|
||||
<div class="d-flex">
|
||||
<div class="toast-body">Hello, world! This is a toast message.</div>
|
||||
@@ -49,37 +42,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toast-container position-fixed bottom-0 end-0 p-3">
|
||||
<div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
|
||||
<div class="toast-header">
|
||||
<strong class="me-auto">Notification</strong>
|
||||
<small>Just now</small>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="toast-body" id="toastText">The button you just pressed is very useless.</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
let texti = 0;
|
||||
alltexts = ['Nope, still useless', 'Stop pressing me!', 'There are NO USERS!', 'Please stop.', 'PLEASE!', 'Do you want an achivment or what?', 'This is not a game, please stop.', 'This is not the stanley parable.'];
|
||||
const toastLiveExample = document.getElementById('liveToast');
|
||||
const logoutButton = document.getElementById('logoutButton');
|
||||
logoutButton.addEventListener('click', () => {
|
||||
toastFunction();
|
||||
texti++;
|
||||
if (texti >= alltexts.length) texti = 0;
|
||||
});
|
||||
|
||||
function toastFunction() {
|
||||
const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toastLiveExample);
|
||||
toastBootstrap.show();
|
||||
setTimeout(function () {
|
||||
toastBootstrap.hide();
|
||||
document.getElementById('toastText').innerHTML = alltexts[texti];
|
||||
}, 3000);
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block sidebar collapse">
|
||||
@@ -187,17 +149,17 @@
|
||||
}
|
||||
modeLight.addEventListener('click', () => {
|
||||
localStorage.setItem('bs.theme', 'light');
|
||||
updateColorMode()
|
||||
updateColorMode();
|
||||
//document.documentElement.setAttribute('data-bs-theme', 'light');
|
||||
});
|
||||
modeAuto.addEventListener('click', () => {
|
||||
localStorage.setItem('bs.theme', 'auto');
|
||||
updateColorMode()
|
||||
updateColorMode();
|
||||
//document.documentElement.setAttribute('data-bs-theme', 'auto');
|
||||
});
|
||||
modeDark.addEventListener('click', () => {
|
||||
localStorage.setItem('bs.theme', 'dark');
|
||||
updateColorMode()
|
||||
updateColorMode();
|
||||
//document.documentElement.setAttribute('data-bs-theme', 'dark');
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -8,13 +8,13 @@
|
||||
<title>AssetFlow - <%= it.title %></title>
|
||||
<meta name="author" content="[Project-Name-Here]" />
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
|
||||
<!--<link rel="icon" href="/favicon.ico" />-->
|
||||
<link rel="icon" href="/logo/Design_icon.svg" type="image/svg+xml" />
|
||||
|
||||
<script src="/js/handleColorMode.js"></script>
|
||||
<script src="/js/toastHandler.js"></script>
|
||||
<script src="/static/jquery/dist/jquery.min.js"></script>
|
||||
<script src="/js/toastHandler.js"></script>
|
||||
<script src="/js/confettiHeader.js"></script>
|
||||
<link href="/static/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="/static/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
|
||||
<link href="/css/dashboard.css" rel="stylesheet" />
|
||||
|
||||
@@ -2,14 +2,15 @@ import express from 'express';
|
||||
|
||||
// Route imports
|
||||
import testRoute from './test.js';
|
||||
import itemRoute from './items.js';
|
||||
import categoryRoute from './categories.js';
|
||||
import storageUnitRoute from './storageUnits.js';
|
||||
import storageLocationRoute from './storageLocations.js';
|
||||
|
||||
|
||||
// Router base is '/api/v1'
|
||||
const Router = express.Router({ strict: false });
|
||||
|
||||
Router.route('/items').get(itemRoute.get).post(itemRoute.post).patch(itemRoute.patch).delete(itemRoute.del);
|
||||
Router.route('/categories').get(categoryRoute.get).post(categoryRoute.post).patch(categoryRoute.patch).delete(categoryRoute.del);
|
||||
// TODO: Migrate routes to lowercase.
|
||||
Router.route('/storageUnits').get(storageUnitRoute.get).post(storageUnitRoute.post).patch(storageUnitRoute.patch).delete(storageUnitRoute.del);
|
||||
|
||||
@@ -0,0 +1,212 @@
|
||||
import { Request, Response } from 'express';
|
||||
import { prisma, __path, log } from '../../../index.js';
|
||||
|
||||
// Get item.
|
||||
function get(req: Request, res: Response) {
|
||||
if (req.query.getAll === undefined) {
|
||||
// Check if required fields are present.
|
||||
if (!req.query.id) {
|
||||
res.status(400).render(__path + '/src/frontend/errors/400.eta.html');
|
||||
return;
|
||||
}
|
||||
prisma.item
|
||||
.findUnique({
|
||||
where: {
|
||||
id: parseInt(req.query.id.toString())
|
||||
},
|
||||
// Get contactInfo, category, storageLocation( storageUnit<contactInfo> ) from relations.
|
||||
include: {
|
||||
contactInfo: true,
|
||||
category: true,
|
||||
storageLocation: {
|
||||
include: {
|
||||
storageUnit: {
|
||||
include: {
|
||||
contactInfo: true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
.then((items) => {
|
||||
if (items) {
|
||||
res.status(200).json(JSON.stringify(items));
|
||||
} else {
|
||||
res.status(410).json({ error: 'it seems that there is no item present' });
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error(err);
|
||||
res.status(500).render(__path + '/src/frontend/errors/dbError.eta.html', { error: err });
|
||||
});
|
||||
} else {
|
||||
prisma.item
|
||||
.findMany({
|
||||
// Get contactInfo, category, storageLocation( storageUnit<contactInfo> ) from relations.
|
||||
include: {
|
||||
contactInfo: true,
|
||||
category: true,
|
||||
storageLocation: {
|
||||
include: {
|
||||
storageUnit: {
|
||||
include: {
|
||||
contactInfo: true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
.then((items) => {
|
||||
if (items) {
|
||||
res.status(200).json(JSON.stringify(items));
|
||||
} else {
|
||||
res.status(410).json({ error: 'item does not exist' });
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error(err);
|
||||
res.status(500).render(__path + '/src/frontend/errors/dbError.eta.html', { error: err });
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Create item.
|
||||
function post(req: Request, res: Response) {
|
||||
/*
|
||||
// Check if required fields are present.
|
||||
if (!req.body.name) {
|
||||
res.status(400).render(__path + '/src/frontend/errors/400.eta.html');
|
||||
return;
|
||||
}
|
||||
// Create storageLocation with existing storageUnit.
|
||||
prisma.storageLocation
|
||||
.create({
|
||||
data: {
|
||||
name: req.body.name,
|
||||
storageUnitId: parseInt(req.body.storageUnitId) || undefined
|
||||
},
|
||||
select: {
|
||||
id: true
|
||||
}
|
||||
})
|
||||
.then((data) => {
|
||||
res.status(201).json({ status: 'created', id: data.id });
|
||||
})
|
||||
.catch((err) => {
|
||||
// Check if an entry already exists.
|
||||
if (err.code === 'P2002') {
|
||||
// P2002 -> "Unique constraint failed on the {constraint}"
|
||||
// https://www.prisma.io/docs/reference/api-reference/error-reference
|
||||
res.status(409).json({ error: 'storageLocation already exists.' });
|
||||
} else if (err.code == 'P2003') {
|
||||
// P2003 -> "Foreign key constraint failed on the field: {field_name}"
|
||||
// https://www.prisma.io/docs/reference/api-reference/error-reference
|
||||
res.status(404).json({ error: 'specified storageUnitId does not exist' });
|
||||
} else {
|
||||
log.db.error(err);
|
||||
res.status(500).render(__path + '/src/frontend/errors/dbError.eta.html', { error: err });
|
||||
}
|
||||
});
|
||||
*/
|
||||
}
|
||||
|
||||
// Update storageLocation. -> Only existing contactInfo.
|
||||
async function patch(req: Request, res: Response) {
|
||||
/*
|
||||
// Check if required fields are present.
|
||||
if (!req.body.id || !req.body.name || !req.body.storageUnitId) {
|
||||
res.status(400).render(__path + '/src/frontend/errors/400.eta.html');
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if the storageLocation id exists. If not return 410 Gone.
|
||||
try {
|
||||
const result = await prisma.storageLocation.findUnique({
|
||||
where: {
|
||||
id: parseInt(req.body.id)
|
||||
}
|
||||
});
|
||||
|
||||
if (result === null) {
|
||||
res.status(404).json({ error: 'storageLocation does not exist.' });
|
||||
return;
|
||||
}
|
||||
} catch (err) {
|
||||
log.db.error(err);
|
||||
res.status(500).render(__path + '/src/frontend/errors/dbError.eta.html', { error: err });
|
||||
}
|
||||
|
||||
prisma.storageLocation
|
||||
.update({
|
||||
where: {
|
||||
id: parseInt(req.body.id)
|
||||
},
|
||||
data: {
|
||||
name: req.body.name,
|
||||
storageUnitId: parseInt(req.body.storageUnitId) || undefined
|
||||
}
|
||||
})
|
||||
.then(() => {
|
||||
res.status(201).json({ status: 'updated' });
|
||||
})
|
||||
.catch((err) => {
|
||||
// Check if an entry already exists.
|
||||
if (err.code === 'P2002') {
|
||||
// P2002 -> "Unique constraint failed on the {constraint}"
|
||||
// https://www.prisma.io/docs/reference/api-reference/error-reference
|
||||
res.status(409).json({ error: 'storageLocation already exists.' });
|
||||
} else if (err.code == 'P2003') {
|
||||
// P2003 -> "Foreign key constraint failed on the field: {field_name}"
|
||||
// https://www.prisma.io/docs/reference/api-reference/error-reference
|
||||
res.status(404).json({ error: 'specified storageUnitId does not exist' });
|
||||
} else {
|
||||
log.db.error(err);
|
||||
res.status(500).render(__path + '/src/frontend/errors/dbError.eta.html', { error: err });
|
||||
}
|
||||
});
|
||||
*/
|
||||
}
|
||||
|
||||
// Delete item.
|
||||
async function del(req: Request, res: Response) {
|
||||
// Check if required fields are present.
|
||||
if (!req.body.id) {
|
||||
res.status(400).render(__path + '/src/frontend/errors/400.eta.html');
|
||||
return;
|
||||
}
|
||||
|
||||
// Does the id exist? If not return 410 Gone.
|
||||
try {
|
||||
const result = await prisma.item.findUnique({
|
||||
where: {
|
||||
id: parseInt(req.body.id)
|
||||
}
|
||||
});
|
||||
|
||||
if (result === null) {
|
||||
res.status(410).json({ error: 'item does not exist' });
|
||||
return;
|
||||
}
|
||||
} catch (err) {
|
||||
log.db.error(err);
|
||||
res.status(500).render(__path + '/src/frontend/errors/dbError.eta.html', { error: err });
|
||||
}
|
||||
|
||||
prisma.item
|
||||
.delete({
|
||||
where: {
|
||||
id: parseInt(req.body.id)
|
||||
}
|
||||
})
|
||||
.then(() => {
|
||||
res.status(200).json({ status: 'deleted' });
|
||||
})
|
||||
.catch((err) => {
|
||||
log.db.error(err);
|
||||
res.status(500).render(__path + '/src/frontend/errors/dbError.eta.html', { error: err });
|
||||
});
|
||||
}
|
||||
|
||||
export default { get, post, patch, del };
|
||||
@@ -25,7 +25,11 @@ async function get(req: Request, res: Response) {
|
||||
prisma.item
|
||||
.findMany({ skip: (page - 1) * takeSize, take: takeSize }) // Skip the amount of items per page times the page number minus 1; skip has to be (page-1)*takeSize because skip is 0 indexed
|
||||
.then((items) => {
|
||||
res.render(__path + '/src/frontend/items.eta.html', { items: items, currentPage: page, maxPages: pageSize });
|
||||
prisma.storageLocation.findMany({}).then((locations) => {
|
||||
prisma.itemCategory.findMany({}).then((categories) => {
|
||||
res.render(__path + '/src/frontend/items.eta.html', { items: items, currentPage: page, maxPages: pageSize, storeLocs: locations, categories: categories });
|
||||
});
|
||||
});
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error(err);
|
||||
|
||||
@@ -8,7 +8,7 @@ body {
|
||||
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
top: 0.5rem;
|
||||
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@@ -16,12 +16,12 @@ body {
|
||||
padding: 48px 0 0; /* Height of navbar */
|
||||
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/*
|
||||
@media (max-width: 767.98px) {
|
||||
.sidebar {
|
||||
top: 5rem;
|
||||
}
|
||||
}
|
||||
}*/
|
||||
|
||||
.sidebar-sticky {
|
||||
position: relative;
|
||||
@@ -63,7 +63,6 @@ body {
|
||||
|
||||
/*
|
||||
* Navbar
|
||||
*/
|
||||
|
||||
.navbar-brand {
|
||||
padding-top: 0.75rem;
|
||||
@@ -71,7 +70,7 @@ body {
|
||||
font-size: 1rem;
|
||||
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
*/
|
||||
.navbar .navbar-toggler {
|
||||
top: 0.25rem;
|
||||
right: 1rem;
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
function randomInRange(min, max) {
|
||||
return Math.random() * (max - min) + min;
|
||||
}
|
||||
|
||||
function doTheConfetti() {
|
||||
confetti({
|
||||
angle: 100,
|
||||
spread: randomInRange(70, 120),
|
||||
particleCount: randomInRange(100, 200),
|
||||
origin: { y: 0.6 }
|
||||
});
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1342.89 302.43"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:url(#linear-gradient-2);}.cls-3{fill:url(#linear-gradient-3);}.cls-4{fill:url(#linear-gradient-4);}.cls-5{fill:url(#linear-gradient-5);}.cls-6{fill:url(#linear-gradient-6);}.cls-7{fill:url(#linear-gradient-7);}.cls-8{fill:url(#linear-gradient-8);}.cls-9{fill:#2df7df;}.cls-10{fill:url(#linear-gradient-9);}.cls-11{fill:url(#linear-gradient-10);}.cls-12{fill:url(#linear-gradient-11);}.cls-13{fill:url(#linear-gradient-12);}.cls-14{fill:url(#linear-gradient-13);}.cls-15{fill:url(#linear-gradient-14);}.cls-16{fill:url(#linear-gradient-15);}.cls-17{fill:url(#linear-gradient-16);}.cls-18{fill:url(#linear-gradient-17);}.cls-19{fill:url(#linear-gradient-18);}.cls-20{fill:url(#linear-gradient-19);}.cls-21{fill:url(#linear-gradient-20);}.cls-22{fill:url(#radial-gradient);}.cls-23{fill:url(#linear-gradient-21);}.cls-24{fill:url(#linear-gradient-22);}.cls-25{fill:url(#linear-gradient-23);}.cls-26{fill:#b4fdff;}.cls-27{fill:url(#linear-gradient-24);}</style><linearGradient id="linear-gradient" x1="334.47" y1="1082.24" x2="496.7" y2="1080.08" gradientUnits="userSpaceOnUse"><stop offset="0.11" stop-color="#dfa6cc"/><stop offset="0.17" stop-color="#e7bed2"/><stop offset="0.25" stop-color="#efd6d8"/><stop offset="0.34" stop-color="#f5e8dd"/><stop offset="0.45" stop-color="#faf5e1"/><stop offset="0.6" stop-color="#fcfde2"/><stop offset="0.9" stop-color="#fdffe3"/></linearGradient><linearGradient id="linear-gradient-2" x1="343.09" y1="1101.08" x2="487.15" y2="1110.17" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bd4046"/><stop offset="0.06" stop-color="#c74443"/><stop offset="0.25" stop-color="#de4d3a"/><stop offset="0.36" stop-color="#e75037"/><stop offset="0.41" stop-color="#f0632f"/><stop offset="0.47" stop-color="#f77329"/><stop offset="0.55" stop-color="#fc7c25"/><stop offset="0.64" stop-color="#fd7f24"/><stop offset="0.74" stop-color="#fa821f"/><stop offset="0.96" stop-color="#f78619"/></linearGradient><linearGradient id="linear-gradient-3" x1="393.63" y1="1024.09" x2="547.63" y2="1070.37" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2a91e8"/><stop offset="0.01" stop-color="#328dd9"/><stop offset="0.08" stop-color="#547d9a"/><stop offset="0.11" stop-color="#617781"/><stop offset="0.16" stop-color="#797c73"/><stop offset="0.26" stop-color="#b5894e"/><stop offset="0.36" stop-color="#f49628"/><stop offset="0.7" stop-color="#cf6925"/><stop offset="0.78" stop-color="#e47e1b"/><stop offset="0.89" stop-color="#fb9411"/></linearGradient><linearGradient id="linear-gradient-4" x1="353.4" y1="1093.46" x2="503.08" y2="1098.22" gradientUnits="userSpaceOnUse"><stop offset="0.11" stop-color="#f3f2e6"/><stop offset="0.2" stop-color="#f4f6d9"/><stop offset="0.34" stop-color="#f4fbcc"/><stop offset="0.52" stop-color="#f5fdc4"/><stop offset="0.9" stop-color="#f5fec2"/></linearGradient><linearGradient id="linear-gradient-5" x1="360.9" y1="1089.22" x2="467.76" y2="1102.63" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#933d6a"/><stop offset="0.41" stop-color="#cb594c"/><stop offset="0.52" stop-color="#db6144"/><stop offset="0.59" stop-color="#dd6a47"/><stop offset="0.71" stop-color="#e38350"/><stop offset="0.86" stop-color="#ecac5e"/><stop offset="0.95" stop-color="#f3ca69"/></linearGradient><linearGradient id="linear-gradient-6" x1="468.24" y1="1144.93" x2="485.66" y2="1142.44" gradientUnits="userSpaceOnUse"><stop offset="0.29" stop-color="#fef272"/><stop offset="0.53" stop-color="#fef98b"/><stop offset="0.76" stop-color="#fefd9d"/><stop offset="0.93" stop-color="#feffa3"/></linearGradient><linearGradient id="linear-gradient-7" x1="408.15" y1="955.82" x2="557.4" y2="1031.09" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9bfdfe"/><stop offset="0.41" stop-color="#e9fdfa"/><stop offset="0.86" stop-color="#fffed7"/></linearGradient><linearGradient id="linear-gradient-8" x1="427.92" y1="960.46" x2="538.23" y2="1007.62" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0d6ad8"/><stop offset="0.41" stop-color="#6e8b87"/><stop offset="0.81" stop-color="#d3c499"/><stop offset="1" stop-color="#fddba0"/></linearGradient><linearGradient id="linear-gradient-9" x1="353.05" y1="1025.71" x2="407.33" y2="1043.79" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0402e5"/><stop offset="0.12" stop-color="#0703c2"/><stop offset="0.33" stop-color="#0b058b"/><stop offset="0.51" stop-color="#0e0663"/><stop offset="0.65" stop-color="#0f074a"/><stop offset="0.74" stop-color="#100741"/></linearGradient><linearGradient id="linear-gradient-10" x1="337.95" y1="929.99" x2="447.11" y2="1060.24" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#376dbe"/><stop offset="0" stop-color="#396fc0"/><stop offset="0.01" stop-color="#4f87d7"/><stop offset="0.03" stop-color="#6099e8"/><stoLine truncated
|
||||
|
After Width: | Height: | Size: 25 KiB |
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1342.89 302.43"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:url(#linear-gradient);}.cls-3{fill:url(#linear-gradient-2);}.cls-4{fill:url(#linear-gradient-3);}.cls-5{fill:url(#linear-gradient-4);}.cls-6{fill:url(#linear-gradient-5);}.cls-7{fill:url(#linear-gradient-6);}.cls-8{fill:url(#linear-gradient-7);}.cls-9{fill:url(#linear-gradient-8);}.cls-10{fill:#2df7df;}.cls-11{fill:url(#linear-gradient-9);}.cls-12{fill:url(#linear-gradient-10);}.cls-13{fill:url(#linear-gradient-11);}.cls-14{fill:url(#linear-gradient-12);}.cls-15{fill:url(#linear-gradient-13);}.cls-16{fill:url(#linear-gradient-14);}.cls-17{fill:url(#linear-gradient-15);}.cls-18{fill:url(#linear-gradient-16);}.cls-19{fill:url(#linear-gradient-17);}.cls-20{fill:url(#linear-gradient-18);}.cls-21{fill:url(#linear-gradient-19);}.cls-22{fill:url(#linear-gradient-20);}.cls-23{fill:url(#radial-gradient);}.cls-24{fill:url(#linear-gradient-21);}.cls-25{fill:url(#linear-gradient-22);}.cls-26{fill:url(#linear-gradient-23);}.cls-27{fill:#b4fdff;}.cls-28{fill:url(#linear-gradient-24);}</style><linearGradient id="linear-gradient" x1="334.47" y1="1082.24" x2="496.7" y2="1080.08" gradientUnits="userSpaceOnUse"><stop offset="0.11" stop-color="#dfa6cc"/><stop offset="0.17" stop-color="#e7bed2"/><stop offset="0.25" stop-color="#efd6d8"/><stop offset="0.34" stop-color="#f5e8dd"/><stop offset="0.45" stop-color="#faf5e1"/><stop offset="0.6" stop-color="#fcfde2"/><stop offset="0.9" stop-color="#fdffe3"/></linearGradient><linearGradient id="linear-gradient-2" x1="343.09" y1="1101.08" x2="487.15" y2="1110.17" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bd4046"/><stop offset="0.06" stop-color="#c74443"/><stop offset="0.25" stop-color="#de4d3a"/><stop offset="0.36" stop-color="#e75037"/><stop offset="0.41" stop-color="#f0632f"/><stop offset="0.47" stop-color="#f77329"/><stop offset="0.55" stop-color="#fc7c25"/><stop offset="0.64" stop-color="#fd7f24"/><stop offset="0.74" stop-color="#fa821f"/><stop offset="0.96" stop-color="#f78619"/></linearGradient><linearGradient id="linear-gradient-3" x1="393.63" y1="1024.09" x2="547.63" y2="1070.37" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2a91e8"/><stop offset="0.01" stop-color="#328dd9"/><stop offset="0.08" stop-color="#547d9a"/><stop offset="0.11" stop-color="#617781"/><stop offset="0.16" stop-color="#797c73"/><stop offset="0.26" stop-color="#b5894e"/><stop offset="0.36" stop-color="#f49628"/><stop offset="0.7" stop-color="#cf6925"/><stop offset="0.78" stop-color="#e47e1b"/><stop offset="0.89" stop-color="#fb9411"/></linearGradient><linearGradient id="linear-gradient-4" x1="353.4" y1="1093.46" x2="503.08" y2="1098.22" gradientUnits="userSpaceOnUse"><stop offset="0.11" stop-color="#f3f2e6"/><stop offset="0.2" stop-color="#f4f6d9"/><stop offset="0.34" stop-color="#f4fbcc"/><stop offset="0.52" stop-color="#f5fdc4"/><stop offset="0.9" stop-color="#f5fec2"/></linearGradient><linearGradient id="linear-gradient-5" x1="360.9" y1="1089.22" x2="467.76" y2="1102.63" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#933d6a"/><stop offset="0.41" stop-color="#cb594c"/><stop offset="0.52" stop-color="#db6144"/><stop offset="0.59" stop-color="#dd6a47"/><stop offset="0.71" stop-color="#e38350"/><stop offset="0.86" stop-color="#ecac5e"/><stop offset="0.95" stop-color="#f3ca69"/></linearGradient><linearGradient id="linear-gradient-6" x1="468.24" y1="1144.93" x2="485.66" y2="1142.44" gradientUnits="userSpaceOnUse"><stop offset="0.29" stop-color="#fef272"/><stop offset="0.53" stop-color="#fef98b"/><stop offset="0.76" stop-color="#fefd9d"/><stop offset="0.93" stop-color="#feffa3"/></linearGradient><linearGradient id="linear-gradient-7" x1="408.15" y1="955.82" x2="557.4" y2="1031.09" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9bfdfe"/><stop offset="0.41" stop-color="#e9fdfa"/><stop offset="0.86" stop-color="#fffed7"/></linearGradient><linearGradient id="linear-gradient-8" x1="427.92" y1="960.46" x2="538.23" y2="1007.62" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0d6ad8"/><stop offset="0.41" stop-color="#6e8b87"/><stop offset="0.81" stop-color="#d3c499"/><stop offset="1" stop-color="#fddba0"/></linearGradient><linearGradient id="linear-gradient-9" x1="353.05" y1="1025.71" x2="407.33" y2="1043.79" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0402e5"/><stop offset="0.12" stop-color="#0703c2"/><stop offset="0.33" stop-color="#0b058b"/><stop offset="0.51" stop-color="#0e0663"/><stop offset="0.65" stop-color="#0f074a"/><stop offset="0.74" stop-color="#100741"/></linearGradient><linearGradient id="linear-gradient-10" x1="337.95" y1="929.99" x2="447.11" y2="1060.24" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#376dbe"/><stop offset="0" stop-color="#396fc0"/><stop offset="0.01" stop-color="#4f87d7"/><stop offset="0.03" stop-coLine truncated
|
||||
|
After Width: | Height: | Size: 25 KiB |
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1359.69 1781.33"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:url(#linear-gradient-2);}.cls-3{fill:url(#linear-gradient-3);}.cls-4{fill:url(#linear-gradient-4);}.cls-5{fill:url(#linear-gradient-5);}.cls-6{fill:url(#linear-gradient-6);}.cls-7{fill:url(#linear-gradient-7);}.cls-8{fill:url(#linear-gradient-8);}.cls-9{fill:#2df7df;}.cls-10{fill:url(#linear-gradient-9);}.cls-11{fill:url(#linear-gradient-10);}.cls-12{fill:url(#linear-gradient-11);}.cls-13{fill:url(#linear-gradient-12);}.cls-14{fill:url(#linear-gradient-13);}.cls-15{fill:url(#linear-gradient-14);}.cls-16{fill:url(#linear-gradient-15);}.cls-17{fill:url(#linear-gradient-16);}.cls-18{fill:url(#linear-gradient-17);}.cls-19{fill:url(#linear-gradient-18);}.cls-20{fill:url(#linear-gradient-19);}.cls-21{fill:url(#linear-gradient-20);}.cls-22{fill:url(#radial-gradient);}.cls-23{fill:url(#linear-gradient-21);}.cls-24{fill:url(#linear-gradient-22);}.cls-25{fill:url(#linear-gradient-23);}.cls-26{fill:#b4fdff;}.cls-27{fill:url(#linear-gradient-24);}</style><linearGradient id="linear-gradient" x1="357.62" y1="1482.98" x2="1313.12" y2="1470.24" gradientUnits="userSpaceOnUse"><stop offset="0.11" stop-color="#dfa6cc"/><stop offset="0.17" stop-color="#e7bed2"/><stop offset="0.25" stop-color="#efd6d8"/><stop offset="0.34" stop-color="#f5e8dd"/><stop offset="0.45" stop-color="#faf5e1"/><stop offset="0.6" stop-color="#fcfde2"/><stop offset="0.9" stop-color="#fdffe3"/></linearGradient><linearGradient id="linear-gradient-2" x1="408.37" y1="1593.96" x2="1256.86" y2="1647.47" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bd4046"/><stop offset="0.06" stop-color="#c74443"/><stop offset="0.25" stop-color="#de4d3a"/><stop offset="0.36" stop-color="#e75037"/><stop offset="0.41" stop-color="#f0632f"/><stop offset="0.47" stop-color="#f77329"/><stop offset="0.55" stop-color="#fc7c25"/><stop offset="0.64" stop-color="#fd7f24"/><stop offset="0.74" stop-color="#fa821f"/><stop offset="0.96" stop-color="#f78619"/></linearGradient><linearGradient id="linear-gradient-3" x1="706.03" y1="1140.44" x2="1613.13" y2="1413.07" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2a91e8"/><stop offset="0.01" stop-color="#328dd9"/><stop offset="0.08" stop-color="#547d9a"/><stop offset="0.11" stop-color="#617781"/><stop offset="0.16" stop-color="#797c73"/><stop offset="0.26" stop-color="#b5894e"/><stop offset="0.36" stop-color="#f49628"/><stop offset="0.7" stop-color="#cf6925"/><stop offset="0.78" stop-color="#e47e1b"/><stop offset="0.89" stop-color="#fb9411"/></linearGradient><linearGradient id="linear-gradient-4" x1="469.11" y1="1549.04" x2="1350.73" y2="1577.06" gradientUnits="userSpaceOnUse"><stop offset="0.11" stop-color="#f3f2e6"/><stop offset="0.2" stop-color="#f4f6d9"/><stop offset="0.34" stop-color="#f4fbcc"/><stop offset="0.52" stop-color="#f5fdc4"/><stop offset="0.9" stop-color="#f5fec2"/></linearGradient><linearGradient id="linear-gradient-5" x1="513.29" y1="1524.1" x2="1142.65" y2="1603.09" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#933d6a"/><stop offset="0.41" stop-color="#cb594c"/><stop offset="0.52" stop-color="#db6144"/><stop offset="0.59" stop-color="#dd6a47"/><stop offset="0.71" stop-color="#e38350"/><stop offset="0.86" stop-color="#ecac5e"/><stop offset="0.95" stop-color="#f3ca69"/></linearGradient><linearGradient id="linear-gradient-6" x1="1145.53" y1="1852.23" x2="1248.09" y2="1837.57" gradientUnits="userSpaceOnUse"><stop offset="0.29" stop-color="#fef272"/><stop offset="0.53" stop-color="#fef98b"/><stop offset="0.76" stop-color="#fefd9d"/><stop offset="0.93" stop-color="#feffa3"/></linearGradient><linearGradient id="linear-gradient-7" x1="791.58" y1="738.34" x2="1670.65" y2="1181.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9bfdfe"/><stop offset="0.41" stop-color="#e9fdfa"/><stop offset="0.86" stop-color="#fffed7"/></linearGradient><linearGradient id="linear-gradient-8" x1="907.99" y1="765.7" x2="1557.74" y2="1043.43" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0d6ad8"/><stop offset="0.41" stop-color="#6e8b87"/><stop offset="0.81" stop-color="#d3c499"/><stop offset="1" stop-color="#fddba0"/></linearGradient><linearGradient id="linear-gradient-9" x1="467" y1="1150.01" x2="786.75" y2="1256.47" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0402e5"/><stop offset="0.12" stop-color="#0703c2"/><stop offset="0.33" stop-color="#0b058b"/><stop offset="0.51" stop-color="#0e0663"/><stop offset="0.65" stop-color="#0f074a"/><stop offset="0.74" stop-color="#100741"/></linearGradient><linearGradient id="linear-gradient-10" x1="378.08" y1="586.2" x2="1021.06" y2="1353.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#376dbe"/><stop offset="0" stop-color="#396fc0"/><stop offset="0.01" stop-color="#4f87d7"/><stop offset="0.03" stop-color="#6099e8Line truncated
|
||||
|
After Width: | Height: | Size: 22 KiB |
Reference in new issue
Block a user