User Deleted Request Success

Author: pronazmul

controller/userController.js

@@ -1,14 +1,15 @@
 // External Imports:
 const bcrypt = require("bcrypt");
+const { unlink } = require("fs");
+const path = require("path");
 
 // Internal Modules:
 const User = require("../models/People");
 
-// Get User Page page
+// Get User
 const getUsers = async (req, res, next) => {
   try {
     const users = await User.find();
-    console.log(users);
     res.render("users", {
       users: users,
     });
@@ -52,5 +53,33 @@ const addUser = async (req, res, next) => {
   }
 };
 
+// Get User
+const deleteUser = async (req, res, next) => {
+  try {
+    const users = await User.findByIdAndDelete({ _id: req.params.id });
+
+    // Remove User Avatar if have:
+    if (users.avatar) {
+      unlink(
+        path.join(__dirname, `/../public/uploads/avatars/${user.avatar}`),
+        (err) => {
+          if (err) console.log(err);
+        }
+      );
+    }
+    res.status(200).json({
+      message: "User removed successfully!",
+    });
+  } catch (error) {
+    res.status(500).json({
+      errors: {
+        common: {
+          msg: "Could not delete the user!",
+        },
+      },
+    });
+  }
+};
+
 // Module Export
-module.exports = { getUsers, addUser };
+module.exports = { getUsers, addUser, deleteUser };

router/userRouter.js

@@ -3,7 +3,11 @@ const express = require("express");
 const router = express.Router();
 
 // Internal Modules
-const { getUsers, addUser } = require("../controller/userController");
+const {
+  getUsers,
+  addUser,
+  deleteUser,
+} = require("../controller/userController");
 const decorateHtmlResponse = require("../middlewares/common/decorateHtmlResponse");
 const avatarUpload = require("../middlewares/users/avatarUpload");
 const {
@@ -14,6 +18,9 @@ const {
 // Get User Page
 router.get("/", decorateHtmlResponse("User"), getUsers);
 
+// Delete User:
+router.delete("/:id", deleteUser);
+
 // Add User With Avatar {Rest API}
 router.post(
   "/",

views/users.ejs

@@ -31,7 +31,7 @@
               </td>
               <td><%= user.email %></td>
               <td class="manage">
-                <img src="./images/trash.png" alt="Delete" />
+                <img src="./images/trash.png" alt="Delete" onclick="deleteUser('<%= user._id %>')" />
               </td>
             </tr>
             <% }); %>
@@ -41,4 +41,33 @@
     </div>
     <%- include('./partials/add_user_modal.ejs') %>
   </body>
+  <script>
+
+    // Toast Message Mannage
+    const deleteToast = Toastify({
+      text: "User Deleted Successfully!",
+      duration:2000
+    })
+
+        // Toast Message Mannage
+    const deleteToastError = Toastify({
+      text: "Could not deleted the user!",
+      duration:2000
+    })
+
+    // Delete User Request Mannage: 
+    const deleteUser = async(id)=>{
+      let response = await fetch(`/users/${id}`, {method:"DELETE"});
+      let result= await response.json();
+      
+      console.log(result)
+
+      if(result.errors){
+        deleteToastError.showToast();
+      }else{
+        deleteToast.showToast();
+        document.getElementById(id).remove();
+      }
+    }
+  </script>
 </html>