chore: Update authentication middleware to set user in response locals

Author: TBA5854

controllers/authControllers.js

@@ -35,7 +35,7 @@ module.exports.signup=async function signup(req,res){
             var token = jwt.sign({ user_id }, 'This is supposed to be secret , made with <3 by tba', { expiresIn: '180d' });
             res.cookie('X-Auth-Token', token , {maxAge: 86400000});
             // res.status(201).json({ token, usr });
-            // res.redirect('/login');
+            res.redirect('/');
         } catch (err) {
             res.status(500).send(err.message);
         }

middleware/authMiddleware.js

@@ -18,6 +18,8 @@ function authverify(req, res, next) {
         }
         else {
             console.log(decodedtoken);
+            res.locals.user = decodedtoken;
+            console.log(res);//auth->locals->user
             next();
         }
     });

middleware/userMiddleware.js

@@ -0,0 +1,31 @@
+const jwt = require('jsonwebtoken');
+
+function userverify(req, res, next) {
+    var incomimg_token = req.cookies;
+    console.log(incomimg_token);
+    if (!incomimg_token) {
+        // res.status(400).send("No token");
+        // res.redirect("/signup");
+        next();
+        return;  
+    }
+    else if (!incomimg_token['X-Auth-Token']) {
+        next();
+        return;
+    }
+    // console.log(incomimg_token);/
+    else{jwt.verify(incomimg_token['X-Auth-Token'], 'This is supposed to be secret , made with <3 by tba', (err, decodedtoken) => {
+        if (err) {
+            // console.log(err);
+            // res.redirect("/login");
+        }
+        else {
+            console.log(decodedtoken);
+            res.locals.user = decodedtoken;
+            console.log(res);//auth->locals->user
+        }})
+    };
+    next();
+}
+
+module.exports.userverify = userverify;

server.js

@@ -3,7 +3,8 @@ const app = express();
 const File = require('./models/file');
 const connectDB = require('./helpers/db');
 const cors = require('cors')
-const {filesRoute} = require('./routes/files'); // Import the router
+const { filesRoute } = require('./routes/files'); // Import the router
+const { userverify } = require('./middleware/userMiddleware');
 const cookieparser = require('cookie-parser');
 const { router } = require('./routes/authRoutes'); // Import the router
 const { authverify } = require('./middleware/authMiddleware');
@@ -21,6 +22,8 @@ app.use(cookieparser())
 app.set('view engine', 'ejs');
 // Use the files route
 app.use(router);
+// app.user(userverify)
+app.get("*",userverify)
 app.use('/api/files', filesRoute);
 
 app.get('/', (req, res) => {

static/styles.css

@@ -363,8 +363,8 @@ footer {
 }
 
 #login {
-    margin-left: 300px;
-    margin-right: 300px;
+    /* margin-left: 300px; */
+    /* margin-right: 300px; */
     padding: 30px 90px 60px 90px;
 }
 

views/login.ejs

@@ -8,7 +8,7 @@
     </div>
     <div class="form-group">
         <label for="password">Password:</label>
-        <input type="password" id="password" name="password" required>
+        <input type="password" id="password" name="password" required style="width: 100%">
     </div>
     <button type="submit" class="submit-btn">Login</button>
 </form>

views/partials/header.ejs

@@ -21,7 +21,12 @@
             <ul class="nav-links">
                 <li><a href="/upload" id="upload-link">Upload</a></li>
                 <li><a href="/browse" id="browse-link">Browse</a></li>
+                <% if(!locals.user) { %>
                 <li><a href="/login" id="login-link">Login</a></li>
+                <li><a href="/signup" id="signup-link">SignUp</a></li>
+                <% } else { %>
+                <li><a href="/logout" id="logout-link">Logout</a></li>
+                <% } %>
             </ul>
         </nav>
     </header>