freeCodeCamp/views/account.jade

100 lines
3.6 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

extends layout
block content
if error.length
.alert.alert-danger.fade.in
button.close(type='button', data-dismiss='alert', aria-hidden='true') ×
= error
if success.length
.alert.alert-success.fade.in
button.close(type='button', data-dismiss='alert', aria-hidden='true') ×
= success
ul.nav.nav-tabs#myTab
li.active
a(href='#profile', data-toggle='tab') Profile
li
a(href='#settings', data-toggle='tab') Settings
.tab-content
#basic.tab-pane.fade.active.in
.pahe-header
h3 Profile Information
form.form-horizontal(action='/account/profile', method='POST')
.form-group
label.col-sm-2.control-label(for='name') Name
.col-sm-4
input.form-control(type='text', name='name', id='name', value='#{user.profile.name}')
.form-group
label.col-sm-2.control-label(for='name') Gender
.col-sm-4
label.radio
input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio')
| Male
label.radio
input(type='radio', checked=user.profile.gender=='female', name='gender', value='female', data-toggle='radio')
| Female
.form-group
// TODO: differentiate between username as email
label.col-sm-2.control-label(for='email') Email
.col-sm-4
input.form-control(type='email', name='email', id='email', value='#{user.profile.email}')
.form-group
label.col-sm-2.control-label(for='location') Location
.col-sm-4
input.form-control(type='text', name='location', id='location', value='#{user.profile.location}')
.form-group
label.col-sm-2.control-label(for='website') Website
.col-sm-4
input.form-control(type='text', name='website', id='website', value='#{user.profile.website}')
.form-group
.col-sm-offset-2.col-sm-4
button.btn.btn.btn-primary(type='submit') Update Profile
#settings.tab-pane.fade
.page-header
h3 Change Password
form.form-horizontal(action='/account/settings', method='POST')
.form-group
label.col-sm-3.control-label(for='password') Password
.col-sm-4
input.form-control(type='password', name='password', id='password')
.form-group
label.col-sm-3.control-label(for='confirmPassword') Confirm Password
.col-sm-4
input.form-control(type='password', name='confirmPassword', id='confirmPassword')
.form-group
.col-sm-offset-3.col-sm-4
button.btn.btn.btn-primary(type='submit') Change Password
.page-header
h3 Delete Account
p You can delete your account, but keep in mind this action is irreversiable.
form(action='/account/delete', method='POST')
button.btn.btn-danger(type='submit') Delete my account
.page-header
h3 Linked Accounts
if user.google
p: a.text-danger(href='/account/unlink/google') Unlink your Google account
else
p: a(href='/auth/google') Link your Google account
if user.facebook
p: a.text-danger(href='/account/unlink/') Unlink your Facebook account
else
p: a(href='/auth/facebook') Link your Facebook account
if user.twitter
p: a.text-danger(href='/account/unlink/') Unlink your Twitter account
else
p: a(href='/auth/twitter') Link your Twitter account
if user.github
p: a.text-danger(href='/account/unlink/') Unlink your GitHub account
else
p: a(href='/auth/github') Link your GitHub account