Add flash support

Author: forthright48

controllers/login.js

@@ -27,7 +27,8 @@ function hander_post_login (req,res){
       })
   })
   .catch(function(err){
-    return res.send(err.message);
+    req.flash("error", err.message);
+    return res.redirect('/user/login');
   })
 }
 

index.js

@@ -23,8 +23,12 @@ require('./config/database.js');
 require('./models/log');
 require('./models/user');
 
+/**Session and flash**/
 require('./config/session.js').addSession(app);
+app.use(require('connect-flash')());
 
+/**Middlewares**/
+app.use(require('./middlewares/flash'));
 app.use(require('./middlewares/passSession'));
 
 /**controllers**/

middlewares/flash.js

@@ -0,0 +1,13 @@
+/*Responsible for inserting all flash messages to res.locals for rendering*/
+/*One time use only*/
+
+module.exports = function(req, res, next) {
+  const flash = {
+    info: req.flash('info'),
+    success: req.flash('success'),
+    warning: req.flash('warn'),
+    error: req.flash('error')
+  };
+  res.locals.flash = JSON.stringify(flash);
+  next();
+};

package.json

@@ -13,6 +13,7 @@
     "base64-stream": "^0.1.3",
     "bcryptjs": "^2.4.3",
     "body-parser": "^1.18.2",
+    "connect-flash": "^0.1.1",
     "connect-mongo": "^2.0.0",
     "cookie-parser": "^1.4.3",
     "csv-parse": "^2.0.0",

public/js/script.js

@@ -1,11 +1,17 @@
 
+/**
+ * Convert tabs to space in the textbox used for user code input
+ */
 function tabToSpace() {
   const text = $('#code').val().replace(/\t/g, '    ');
   $('#code').val(text);
 }
 
 $('#code').on('input', tabToSpace );
 
+/**
+ * Disables button after clicking it once
+ */
 function disableOnClick(){
   $('.disableOnClick').on('click', (function() {
     const clickedItems = {};
@@ -19,3 +25,17 @@ function disableOnClick(){
 };
 
 disableOnClick();
+
+/**
+ * Display flash messages
+ */
+$.notify.defaults({
+  autoHideDelay: 15000
+});
+
+for (const val in flash) {
+  const len = flash[val].length;
+  for (let i = 0; i < len; i++) {
+    $.notify(flash[val][i], val);
+  }
+}

public/vendor/bootstrap/css/bootstrap-grid.css

@@ -1,6 +1,5 @@
 extends layout.pug
 
-
 block content
   form(action='/printCode', method='post')
     .row
@@ -11,7 +10,3 @@ block content
     .row
       .col.text-center
         input.btn.btn-primary.mr-1.disableOnClick(type='submit', value='Print')
-
-
-block scripts
-  script(src="/js/script.js", defer)

public/vendor/bootstrap/css/bootstrap-grid.css.map

@@ -4,9 +4,8 @@ html(lang='en')
 
     title Print Server
 
-    link(rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous")
+    link(rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css")
 
-    script(src="https://code.jquery.com/jquery-3.2.1.min.js")
 
     block head
 
@@ -19,4 +18,8 @@ html(lang='en')
 
         include partials/footer.pug
 
-      block scripts
+      script(src="/vendor/jquery/jquery-3.2.1.min.js", defer)
+      script(src="/vendor/notifyjs/notify.min.js", defer)
+      script.
+        var flash = !{flash};
+      script(src="/js/script.js", defer)