day 09

package.json

@@ -11,6 +11,7 @@
   "license": "ISC",
   "dependencies": {
     "axios": "^0.25.0",
+    "body-parser": "^1.19.1",
     "dotenv": "^14.2.0",
     "express": "^4.17.2",
     "mongoose": "^5.13.14",

src/controllers/movieController.js

@@ -2,7 +2,8 @@ import {
     getMovieById,
     getMovies,
     getMovieByMinimumRating,
-    getMovieByMinimumYear
+    getMovieByMinimumYear,
+    addMovie
 } from "../db.js";
 
 export const home = (req, res) => {
@@ -15,7 +16,11 @@ export const movieDetail = (req, res) => {
         params: { id }
     } = req;
     const movie = getMovieById(id);
-    return res.render("movies/detail.pug", {pageTitle: movie.title, movie })
+    try{   
+        return res.render("movies/detail.pug", {pageTitle: movie.title, movie })
+    } catch(error) {
+        return res.send("error")
+    }
 };
 
 export const filterMovie = (req, res) => {
@@ -32,4 +37,28 @@ export const filterMovie = (req, res) => {
     } ${both} ${rating === "" ? "" : `rating: ${rating}`}`;
     console.log(getyearMovies)
     return res.render("movies/home", { pageTitle, movies });
-};
+};
+
+export const getAdd = (req, res) => {
+    return res.render("movies/add", { pageTitle: "Add Movie"})
+}
+
+export const postAdd = (req, res) => {
+    const { body : {
+        title, 
+        synopsis,
+        genres
+    }} = req;
+    const newMovie = { 
+        title, 
+        synopsis, 
+        genres : formatGenres(genres) 
+    };
+    addMovie(newMovie);
+    const movies = getMovies();
+    return res.redirect("/");
+}
+
+export const formatGenres = (genres) => {
+    return genres.split(",").map((genre) => genre.trim());
+}

src/db.js

@@ -47,3 +47,22 @@ export const getMovieByMinimumRating = (rating) => {
   }
   return movies.filter((m) => m.rating >= rating);
 };
+
+/*
+This adds a movie to the DB.
+Only ONE required argument, it should be an object containing
+  title: string;
+  synopsis: string;
+  genres: Array of strings;
+*/
+
+export const addMovie = ({ title, synopsis, genres }) => {
+  if (typeof title !== "string" || typeof synopsis !== "string") {
+    throw Error("❌  title and synopsis should be strings  ❌");
+  }
+  if (!genres instanceof Array) {
+    throw Error("❌  genres should be an array  ❌");
+  }
+  const id = Math.floor(Math.random() * (title.length + Date.now()));
+  movies = [{ id, title, synopsis, genres }, ...movies];
+};

src/routers/movieRouter.js

@@ -1,10 +1,11 @@
 import express from "express";
-import { home, movieDetail, filterMovie } from "../controllers/movieController.js";
+import { home, movieDetail, filterMovie, getAdd, postAdd } from "../controllers/movieController.js";
 
 const movieRouter = express.Router();
 
 movieRouter.get("/", home);
 movieRouter.get("/filter", filterMovie);
+movieRouter.route("/add").get(getAdd).post(postAdd);
 movieRouter.get("/:id", movieDetail);
 
 export default movieRouter;

src/server.js

@@ -12,6 +12,8 @@ const app = express();
 app.set("view engine", "pug");
 app.set("views", process.cwd() + "/src/views");
 
+app.use(express.urlencoded({extended:true}));
+
 //middleware    
 app.use(urlLogger);
 app.use(timeLogger);

src/views/movies/add.pug

@@ -0,0 +1,3 @@
+extends ../layout.pug
+block content 
+    include ../partials/addForm.pug

src/views/movies/detail.pug

@@ -1,6 +1,6 @@
 extends ../layout.pug
 block content 
-    p=movie.description_full
+    p=movie.synopsis
     ul
         each genre in movie.genres
             li

src/views/partials/addForm.pug

@@ -0,0 +1,5 @@
+form(action="/add",method="POST")
+    input(type="text", placeholder="Title", name="title",required)
+    textarea(placeholder="Synopsis", name="synopsis",required)
+    input(type="text", placeholder="Genres", name="genres",required)
+    input(type="submit", value="Add Movie")    

src/views/partials/header.pug

@@ -1,2 +1,7 @@
 header 
+  ul 
+    li 
+      a(href="/") Home 
+    li 
+      a(href="/add") Add
   h1=pageTitle