Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed User Authentication With Express and Mongo!
You have completed User Authentication With Express and Mongo!
Preview
Create the user profile page using the Pug templating language.Add programming logic to password protect the profile page for unauthorized users, or show user information for the currently logged in user.
Profile template code
profile.pug
extends layout
block content
.main.container.clearfix
.row
.col-md-8.col-md-offset-2
h1.display-4
img.avatar.img-circle.hidden-xs-down(src='/images/avatar.png', alt='avatar')
| #{name}
h2.favorite-book Favorite Book
| #{favorite}
GET /profile route
// GET /profile
router.get('/profile', function(req, res, next) {
if (! req.session.userId ) {
var err = new Error("You are not authorized to view this page.");
err.status = 403;
return next(err);
}
User.findById(req.session.userId)
.exec(function (error, user) {
if (error) {
return next(error);
} else {
return res.render('profile', { title: 'Profile', name: user.name, favorite: user.favoriteBook });
}
});
});
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
That's our only password
protected page on the site.
0:00
I'll start by creating the template for
the page.
0:01
I'll add a file named
profile.pug in the views folder.
0:05
And I'll add my template code.
0:13
I'm not going to type it out,
I'll just paste it in there.
0:14
You can find this code in the teacher's
notes if you want to copy and
0:17
paste it too.
0:19
The two important items in this template
are these placeholders, name and favorite.
0:20
These are variable placeholders that,
when the template is rendered,
0:27
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up