feat: comment delete and edit, view comments separately

controllers/blog.js

@@ -4,7 +4,9 @@ const { Movie } = require('../models/movie')
 
 const getBlog = (req, res) => {
     Blog.findOne({ _id: req.body.id }).then(blog => {
-        res.render('mdb/blog/blog', { blog, authUser: req.user })
+        Comment.find({ blog: blog._id }).then(comments => {
+            res.render('mdb/blog/blog', { blog, authUser: req.user, comments })
+        }) 
     })
 }
 
@@ -33,8 +35,12 @@ const editBlog = (req, res) => {
 }
 
 const deleteBlog = (req, res) => {
-    Blog.findByIdAndDelete(req.body.id).then(() => {
-        res.redirect('/mdb/movies')
+    Blog.findById(req.body.id).then(blog => {
+        Comment.deleteMany({ blog:blog._id }).then(() => {
+            blog.remove().then(() => {
+                res.redirect('/mdb/movies')
+            })
+        })
     })
 }
 

controllers/comment.js

@@ -6,22 +6,33 @@ const addComment = (req, res) => {
     newComment.user = req.user
     newComment.comment = req.body.comment
     Blog.findById( req.body.id ).then(blog => {
+        newComment.blog = blog._id
         newComment.save().then(() => {
-            blog.comments.push(newComment)
-            blog.save().then(() => {
-                res.redirect('/mdb/movies')
-            })
+            res.redirect('/mdb/movies')
         })
     })
 }
 
 const editComment = (req, res) => {
-
+    Comment.findById(req.body.id).then(comment => {
+        comment.comment = req.body.comment
+        comment.save().then(() => {
+            res.redirect('/mdb/')
+        })
+    })   
 }
 
 const deleteComment = (req, res) => {
-
+   Comment.findByIdAndDelete(req.body.id).then(() => {
+       res.redirect('/mdb/')
+   })
+}
+
+const getYourComments = (req, res) => {
+    Comment.find({ user: req.user }).then(comments => {
+        res.render('mdb/comment/comments', { comments })
+    })
 }
 
 
-module.exports = { addComment, editComment, deleteComment }
+module.exports = { addComment, editComment, deleteComment, getYourComments }

models/blog.js

@@ -3,7 +3,6 @@ const Schema = mongoose.Schema
 
 const { UserSchema } = require('./user')
 const { MovieSchema } = require('./movie')
-const { CommentSchema } = require('./comment')
 
 const BlogSchema = new Schema({
     title: {
@@ -21,8 +20,7 @@ const BlogSchema = new Schema({
     movie: {
         type: MovieSchema,
         required: true
-    },
-    comments: [ CommentSchema ]
+    }
 },
     {
         timestamps: true

models/comment.js

@@ -11,6 +11,11 @@ const CommentSchema = new Schema({
     user: {
         type: UserSchema,
         required: true
+    },
+    blog: {
+        type: mongoose.Schema.Types.ObjectID,
+        required: true,
+        ref: 'Blog'
     }
 }, {
     timestamps: true

routes/comment.js

@@ -3,10 +3,11 @@ const router = express.Router()
 
 const { ensureAuthenticated } = require("../conf/auth.js")
 
-const { editComment, deleteComment } = require('../controllers/comment')
+const { editComment, deleteComment, getYourComments } = require('../controllers/comment')
 
 router.post('/edit', ensureAuthenticated, editComment)
 router.post('/delete', ensureAuthenticated, deleteComment)
+router.get('/', ensureAuthenticated, getYourComments)
 
 
 module.exports = router

views/mdb/blog/blog.ejs

@@ -37,11 +37,29 @@
 <h2>Comments: </h2>
 <div>
     <ul>
-        <% for(let comment of blog.comments) { %>
+        <% for(let comment of comments) { %>
             <li>
                 <p><%= comment.comment %> </p>
                 <strong>by:</strong> <%= comment.user.username %> <br>
                 <strong>on:</strong> <%= comment.createdAt %> <br>
+
+                <% if(comment.user.username === authUser.username) { %>
+                    <h3>Edit this comment</h3>
+                    <form action="/mdb/comment/edit" method="post">
+                        <input type="hidden" name="id" value="<%= comment._id %>">
+                        <label for="comment">Comment:</label>
+                        <input required type="text" name="comment">
+                        <br>
+                        <input type="submit" value="Edit">
+                    </form>
+                <% } %>  
+                <% if(comment.user.username === authUser.username || authUser.username === 'admin') { %>
+                    <form action="/mdb/comment/delete" method="post">
+                        <input type="hidden" name="id" value="<%= comment._id %>">
+                        <input type="submit" value="Delete this comment">
+                    </form>
+                <% } %> 
+
                 <br>
             </li>
         <% } %> 

views/mdb/comment/comments.ejs

@@ -0,0 +1,15 @@
+<h1>Your comments</h1>
+
+<ul>
+    <% for(let comment of comments) { %> 
+        <li>
+            <%= comment.comment %> <br>
+            <strong>on:</strong> <%= comment.createdAt %>   
+            <br>
+        </li>
+    <% } %> 
+</ul>
+
+
+<br>
+<a href="/mdb/">Home</a>

views/mdb/home.ejs

@@ -14,6 +14,9 @@
 <br>
 <a href="/mdb/blog">Your blogs</a>
 
+<br>
+<a href="/mdb/comment">Your comments</a>
+
 <br>
 <a href="/mdb/ratings">Your ratings</a>