freeCodeCamp/views/account.jade

100 lines
3.6 KiB
Plaintext

extends layout
block content
if error.length
.alert.alert-danger.fade.in
button.close(data-dismiss='alert'): i.fa.fa-times-circle
= error
if success.length
.alert.alert-success.fade.in
button.close(data-dismiss='alert'): i.fa.fa-times-circle
= 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
#profile.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