✨ Conditionally rendering instructor registration

api/routes/users.routes.js

@@ -1,10 +1,13 @@
 const { Router } = require('express');
-const { profilePrefix } = require('../../configs');
+const { profilePrefix, instructorPrefix } = require('../../configs');
 const { renderUserProfileController } = require('../controllers');
 const { isLoggedInUser } = require('../middleware');
 
 const router = Router();
 
 router.get(profilePrefix, isLoggedInUser, renderUserProfileController);
+router.get(instructorPrefix, (req, res) =>
+  res.status(200).render('users/instructor')
+);
 
 module.exports = router;

configs/index.js

@@ -17,6 +17,7 @@ module.exports = {
   profilePrefix: '/profile',
   googleAuthPrefix: '/auth/google',
   googleAuthCallbackPrefix: '/auth/google/callback',
+  instructorPrefix: '/instructor',
 
   /* Database  */
   localMongoUri: LOCAL_MONGO_URI,

loaders/express.loader.js

@@ -13,6 +13,9 @@ const { googleAuthStrategy } = require('../passport/googleStrategy');
 const app = express();
 app.disable('x-powered-by');
 
+hbs.registerHelper('ifEqualsHelper', (value1, value2, options) =>
+  value1 === value2 ? options.fn(this) : options.inverse(this)
+);
 hbs.registerPartials(path.join(__dirname, '../views/partials'));
 app.set('views', path.join(__dirname, '../views'));
 app.set('view engine', 'hbs');

views/partials/header.hbs

@@ -4,6 +4,11 @@
         <li><a href="/all-courses">All Courses</a></li>
         <li><a href='/my-courses'>My Courses</a></li>
         <li><a href='/profile'>My Profile</a></li>
+
+        {{#ifEqualsHelper role 'student'}}
+        <li><a href='/instructor'>Become Instructor</a></li>
+        {{/ifEqualsHelper}}
+
         <li>
             <form action="/logout" method="post">
                 <button type="submit">Logout</button>

views/users/instructor.hbs

@@ -0,0 +1,5 @@
+<section>
+    <form action="/instructor" method="post">
+        <button type="submit">Become Instructor</button>
+    </form>
+</section>