My profile - edit my details form view - WIP

src/controllers/index.js

@@ -2,14 +2,25 @@ const router = require('express').Router();
 const passport = require('passport');
 
 const home = require('./home');
+const profileDetails = require('./profileDetails');
 // const auth = require('./auth');
 
 router.get('/', home.get);
 
+// MIDDLEWARE to ensure used is authenticated
+function ensureAuthenticated(req, res, next) {
+  if (req.isAuthenticated()) {
+    // req.user is available for use here
+    return next();
+  }
+  // denied - should redirect to login
+  res.redirect('/');
+}
+
 // auth routes
 router.get(
   '/auth/github/signup',
-  passport.authenticate('github', { scope: ['read:org'] }),
+  passport.authenticate('github', { scope: ['read:org'] })
 );
 
 router.get(
@@ -30,6 +41,12 @@ router.get('/auth/github/logout', (req, res) => {
   req.logout();
   res.redirect('/');
 });
+
+router.get(
+  '/myprofile/mydetails/edit', ensureAuthenticated, profileDetails.get
+);
+
+
 // router.get('/auth/github/signup', auth.signup);
 // router.get('/auth/github/callback', auth.signupCallback);
 // router.get('/auth/github/logout', auth.logout);

src/controllers/profileDetails.js

@@ -0,0 +1,3 @@
+exports.get = (req, res) => {
+  res.render('profileDetails', { activePage: { profile: true }, loggedIn: true });
+};

src/views/profileDetails.hbs

@@ -0,0 +1,34 @@
+<h1>My Details</h1>
+<form novalidate>
+  <span>* Required</span>
+  <label for="full_name">Full Name *
+    <input id="full_name" type="text" />
+  </label>
+  <label for="github_handle">GitHub/Gitter Username *
+    <input id="github_handle" type="text" />
+  </label>
+  <label for="fac_campus">FAC Location *
+    <select id="fac_campus">
+      <option value="London">London</option>
+      <option value="Nazareth">Nazareth</option>
+      <option value="Gaza">Gaza</option>
+    </select>
+  </label>
+  <label for="fac_number">FAC Cohort Number *
+    <input id="fac_number" type="number" />
+  </label>
+  <label for="tech_stack">Tech Stack
+    <select id="tech_stack">
+      <option value="JavaScript">JavaScript</option>
+      <option value="HTML">HTML</option>
+      <option value="CSS3">CSS3</option>
+    </select>
+  </label>
+  <label for="linkedin_url">LinkedIn URL
+    <input id="linkedin_url" type="text" />
+  </label>
+  <label for="twitter_handle">Twitter Handle
+    <input id="twitter_handle" type="text" />
+  </label>
+  <button>Submit</button>
+</form>