Lesson 22

app.js

@@ -2,6 +2,7 @@ const express = require('express');
 const mongoose = require('mongoose');
 const session = require('express-session');
 const MongoStore = require('connect-mongo');
+const flash = require('connect-flash');
 const pageRoute = require('./routes/pageRoute');
 const courseRoute = require('./routes/courseRoute');
 const categoryRoute = require('./routes/categoryRoute');
@@ -37,6 +38,11 @@ app.use(session({
   saveUninitialized: true,
   store: MongoStore.create({ mongoUrl: 'mongodb://localhost/smartedu-db' })
 }))
+app.use(flash());
+app.use((req, res, next)=> {
+  res.locals.flashMessages = req.flash();
+  next();
+})
 
 
 //Routes

controllers/courseController.js

@@ -11,12 +11,11 @@ exports.createCourse = async (req, res) => {
       user: req.session.userID
     });
 
+    req.flash("success", `${course.name} has been created successfully`);
     res.status(201).redirect('/courses');
   } catch (error) {
-    res.status(400).json({
-      status: 'fail',
-      error,
-    });
+    req.flash("error", `Something happened!`);
+    res.status(400).redirect('/courses');
   }
 };
 

controllers/pageController.js

@@ -34,6 +34,8 @@ exports.getContactPage = (req, res) => {
 
 exports.sendEmail = async (req, res) => {
 
+  try{
+
   const outputMessage = `
   
   <h1>Mail Details </h1>
@@ -51,7 +53,7 @@ exports.sendEmail = async (req, res) => {
     secure: true, // true for 465, false for other ports
     auth: {
       user: "arinyazilim@gmail.com", // gmail account
-      pass: "bpwrtssmqdsdjdjw", // gmail password
+      pass: "bpwrtssmqdsdjdjw1111", // gmail password
     },
   });
 
@@ -70,6 +72,14 @@ exports.sendEmail = async (req, res) => {
   console.log("Preview URL: %s", nodemailer.getTestMessageUrl(info));
   // Preview URL: https://ethereal.email/message/WaQKMgKddxQDoou...
 
+  req.flash("success", "We Received your message succesfully");
+
+  res.status(200).redirect('contact');
+
+} catch (err) {
+  //req.flash("error", `Something happened! ${err}`);
+  req.flash("error", `Something happened!`);
   res.status(200).redirect('contact');
+}
 
 };

package.json

@@ -15,6 +15,7 @@
   "license": "ISC",
   "dependencies": {
     "bcrypt": "^5.0.1",
+    "connect-flash": "^0.1.1",
     "connect-mongo": "^4.4.1",
     "ejs": "^3.1.6",
     "express": "^4.17.1",

views/contact.ejs

@@ -17,6 +17,25 @@
 
             <div class="row">
                 <div class="offset-1 col-xl-10 col-md-10 col-sm-10">
+
+                    <% if (flashMessages) { %>
+
+
+                        <% if (flashMessages.success) { %>
+                            <div class="alert alert-success">
+                                <%= flashMessages.success %>
+                            </div>
+
+                        <% } else if (flashMessages.error) { %>
+                            <div class="alert alert-danger">
+                                <%= flashMessages.error %>
+                            </div>
+                        <% } %>
+
+                    <% } %>
+
+
+
                     <div class="contact_form">
                         <div id="message"></div>
                         <form id="contactform" class="" action="/contact" name="contactform" method="POST">

views/courses.ejs

@@ -11,7 +11,23 @@
     <div id="overviews" class="section wb">
         <div class="container">
             <div class="row"> 
+
                 <div class="col-lg-9 blog-post-single">
+					<% if (flashMessages) { %>
+
+
+						<% if (flashMessages.success) { %>
+							<div class="alert alert-success">
+								<%= flashMessages.success %>
+							</div>
+	
+						<% } else if (flashMessages.error) { %>
+							<div class="alert alert-danger">
+								<%= flashMessages.error %>
+							</div>
+						<% } %>
+	
+					<% } %>
 				<div class="row"> 
 
 			<% for (let i=0; i< courses.length; i++) { %>