Add list to route, allow a list of all images upload

app.js

@@ -10,6 +10,7 @@ let indexRoute = require("./routes/index");
 let uploadRoute = require("./routes/upload");
 let loginRoute = require("./routes/login");
 let imagesRoute = require("./routes/images");
+let listRoute = require("./routes/list");
 let removeRoute = require("./routes/remove");
 let notFoundRoute = require("./routes/notFound");
 let errorRoute = require("./routes/error");
@@ -43,6 +44,7 @@ app.use(morgan("dev"))
 	.use("/upload", uploadRoute)
 	.use("/login", loginRoute)
 	.use("/images", imagesRoute)
+	.use("/list", listRoute)
 	.use("/remove", removeRoute)
 	.use(notFoundRoute)
 	.use(errorRoute)

public/css/main.css

@@ -49,3 +49,19 @@ form>div {
 	padding: 0.5em;
 }
 
+.images {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	width: 100%;
+}
+
+.image {
+	margin: 2em;
+	max-width: 100%;
+	width: auto;
+	max-height: 20em;
+	height: auto;
+}
+
+

routes/list.js

@@ -0,0 +1,13 @@
+let router = require("express").Router();
+let isAuth = require("../user").isAuth;
+let fs = require("fs");
+
+
+router.get("/", isAuth, (req, res, next) => {
+	let images = fs.readdirSync("./images/");
+	res.render("list", {images: images});
+});
+
+
+module.exports = router;
+

views/list.pug

@@ -0,0 +1,7 @@
+extend layout
+block content
+	h1 Images List
+	div.images
+		each image in images
+			img.image(src=`/images/${image}`)
+