freeCodeCamp/views/account/profile.jade

100 lines
3.6 KiB
Plaintext
Raw Normal View History

extends ../layout
2013-11-20 13:03:10 +00:00
2013-11-19 18:20:50 +00:00
block content
2013-12-15 19:11:57 +00:00
if error.length
.alert.alert-danger.fade.in
button.close(data-dismiss='alert'): i.fa.fa-times-circle
= error
2013-12-15 19:11:57 +00:00
if success.length
.alert.alert-success.fade.in
button.close(data-dismiss='alert'): i.fa.fa-times-circle
= success
ul.nav.nav-tabs#myTab
2013-12-05 21:42:30 +00:00
li.active
2013-12-15 19:02:41 +00:00
a(href='#profile', data-toggle='tab') Profile
2013-12-05 21:42:30 +00:00
li
a(href='#settings', data-toggle='tab') Settings
.tab-content
2013-12-18 18:24:33 +00:00
#profile.tab-pane.fade.active.in
2013-12-12 18:55:12 +00:00
.pahe-header
h3 Profile Information
form.form-horizontal(action='/account/profile', method='POST')
2013-12-05 21:42:30 +00:00
.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
2013-12-05 21:42:30 +00:00
.form-group
// TODO: differentiate between username as email
2013-12-05 21:42:30 +00:00
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}')
2013-12-05 21:42:30 +00:00
.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}')
2013-12-05 21:42:30 +00:00
.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}')
2013-12-05 21:42:30 +00:00
.form-group
.col-sm-offset-2.col-sm-4
button.btn.btn.btn-primary(type='submit') Update Profile
2013-12-05 21:42:30 +00:00
#settings.tab-pane.fade
2013-12-12 18:55:12 +00:00
.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
2013-12-12 18:55:12 +00:00
button.btn.btn.btn-primary(type='submit') Change Password
.page-header
h3 Delete Account
2013-12-12 18:55:12 +00:00
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
2013-12-05 21:42:30 +00:00
.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