The BIG frontend update

src/routes/frontend/items.ts

@@ -1,12 +1,32 @@
 import { Request, Response } from 'express';
 import { prisma, __path } from '../../index.js';
 
-function get(req: Request, res: Response) {
+async function get(req: Request, res: Response) {
+	// If no page is provided redirect to first
+	if (req.query.page === undefined) {
+		res.redirect('?page=1');
+		return;
+	}
+
+	let page = parseInt(req.query.page.toString());
+	const itemCount = await prisma.item.count({}); // Count all items in the DB
+
+	const takeSize = 25; // Amount of times per page
+	const pageSize = Math.ceil(itemCount / takeSize); // Amount of pages, always round up
+
+	// If page is less then 1 or more then the max page size redirect to first or last page
+	if (page < 1) {
+		res.redirect('?page=1');
+		return;
+	} else if (page > pageSize) {
+		res.redirect('?page=' + pageSize);
+		return;
+	}
+
 	prisma.item
-		.findMany({})
+		.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) => {
-			// Count amount of total items
-			res.render(__path + '/src/frontend/items.eta.html', { items: items });
+			res.render(__path + '/src/frontend/items.eta.html', { items: items, currentPage: page, maxPages: pageSize });
 		})
 		.catch((err) => {
 			console.error(err);

src/routes/frontend/manage/demo.ts

@@ -0,0 +1,8 @@
+import express, { Request, Response } from 'express';
+import { prisma, __path } from '../../../index.js';
+
+function get(req: Request, res: Response) {
+	res.render(__path + '/src/frontend/auth/login.eta.html'); //, { items: items });
+}
+
+export default { get };

src/routes/frontend/manage/index.ts

@@ -7,6 +7,7 @@ import jsonImportRoute from './import/jsonImport.js';
 import categoryManager from './categoryManager.js';
 import storageManager from './storageManager.js';
 import startpageRoute from './startpage.js';
+import demoLoginRoute from './demo.js'
 
 // Router base is '/manage'
 const Router = express.Router({ strict: false });
@@ -16,6 +17,7 @@ Router.route('/categories').get(categoryManager.get);
 Router.route('/storages').get(storageManager.get);
 Router.route('/import/csv').get(csvImportRoute.get).post(csvImportRoute.post);
 Router.route('/import/json').get(jsonImportRoute.get).post(jsonImportRoute.post);
+Router.route('/demo/login').get(demoLoginRoute.get);
 Router.route('/').get(startpageRoute.get);
 
 export default Router;

src/routes/frontend/manage/startpage.ts

@@ -5,4 +5,5 @@ function get(req: Request, res: Response) {
 	res.render(__path + '/src/frontend/manage/startpage.eta.html'); //, { items: items });
 }
 
+
 export default { get };

src/routes/frontend/manage/storageManager.ts

@@ -2,12 +2,18 @@ import express, { Request, Response } from 'express';
 import { prisma, __path } from '../../../index.js';
 
 function get(req: Request, res: Response) {
-	prisma.storageUnit.findMany({include: {contactInfo: true}}).then((storUnits) => {
-		prisma.storageLocation.findMany().then((storLocs) => {
-			prisma.contactInfo.findMany().then((contactInfos) => {
-			res.render(__path + '/src/frontend/manage/storageManager.eta.html', { storUnits: storUnits, storLocs: storLocs, address: contactInfos });
+	prisma.storageUnit.findMany({ include: { contactInfo: true } }).then((storUnits) => {
+		prisma.storageLocation
+			.findMany({
+				include: {
+					storageUnit: true
+				}
+			})
+			.then((storLocs) => {
+				prisma.contactInfo.findMany().then((contactInfos) => {
+					res.render(__path + '/src/frontend/manage/storageManager.eta.html', { storUnits: storUnits, storLocs: storLocs, address: contactInfos });
+				});
 			});
-		});
 	});
 }