Consolidated profile and settings tab onto a single page
This commit is contained in:
Sahat Yalkabov
@@ -3,97 +3,89 @@ extends ../layout
|
|||||||
block content
|
block content
|
||||||
if error.length
|
if error.length
|
||||||
.alert.alert-danger.fade.in
|
.alert.alert-danger.fade.in
|
||||||
button.close(data-dismiss='alert'): i.fa.fa-times-circle
|
button.close(data-dixsiss='alert'): i.fa.fa-times-circle
|
||||||
= error
|
= error
|
||||||
if success.length
|
if success.length
|
||||||
.alert.alert-success.fade.in
|
.alert.alert-success.fade.in
|
||||||
button.close(data-dismiss='alert'): i.fa.fa-times-circle
|
button.close(data-dixsiss='alert'): i.fa.fa-times-circle
|
||||||
= success
|
= success
|
||||||
|
|
||||||
ul.nav.nav-tabs#myTab
|
.page-header
|
||||||
li.active
|
h3 Profile Information
|
||||||
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.form-horizontal(action='/account/profile', method='POST')
|
||||||
.form-group
|
.form-group
|
||||||
label.col-sm-2.control-label(for='name') Name
|
label.col-xs-2.control-label(for='name') Name
|
||||||
.col-sm-4
|
.col-xs-4
|
||||||
input.form-control(type='text', name='name', id='name', value='#{user.profile.name}')
|
input.form-control(type='text', name='name', id='name', value='#{user.profile.name}')
|
||||||
.form-group
|
.form-group
|
||||||
label.col-sm-2.control-label(for='name') Gender
|
label.col-xs-2.control-label(for='name') Gender
|
||||||
.col-sm-4
|
.col-xs-4
|
||||||
label.radio
|
label.radio
|
||||||
input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio')
|
input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio')
|
||||||
| Male
|
| Male
|
||||||
label.radio
|
label.radio
|
||||||
input(type='radio', checked=user.profile.gender=='female', name='gender', value='female', data-toggle='radio')
|
input(type='radio', checked=user.profile.gender=='female', name='gender', value='female', data-toggle='radio')
|
||||||
| Female
|
| Female
|
||||||
.form-group
|
.form-group
|
||||||
// TODO: differentiate between username as email
|
// TODO: differentiate between username as email
|
||||||
label.col-sm-2.control-label(for='email') Email
|
label.col-xs-2.control-label(for='email') Email
|
||||||
.col-sm-4
|
.col-xs-4
|
||||||
input.form-control(type='email', name='email', id='email', value='#{user.profile.email}')
|
input.form-control(type='email', name='email', id='email', value='#{user.profile.email}')
|
||||||
.form-group
|
.form-group
|
||||||
label.col-sm-2.control-label(for='location') Location
|
label.col-xs-2.control-label(for='location') Location
|
||||||
.col-sm-4
|
.col-xs-4
|
||||||
input.form-control(type='text', name='location', id='location', value='#{user.profile.location}')
|
input.form-control(type='text', name='location', id='location', value='#{user.profile.location}')
|
||||||
.form-group
|
.form-group
|
||||||
label.col-sm-2.control-label(for='website') Website
|
label.col-xs-2.control-label(for='website') Website
|
||||||
.col-sm-4
|
.col-xs-4
|
||||||
input.form-control(type='text', name='website', id='website', value='#{user.profile.website}')
|
input.form-control(type='text', name='website', id='website', value='#{user.profile.website}')
|
||||||
.form-group
|
.form-group
|
||||||
.col-sm-offset-2.col-sm-4
|
.col-xs-offset-2.col-xs-4
|
||||||
button.btn.btn.btn-primary(type='submit') Update Profile
|
button.btn.btn.btn-primary(type='submit') Update Profile
|
||||||
|
|
||||||
#settings.tab-pane.fade
|
.page-header
|
||||||
.page-header
|
h3 Change Password
|
||||||
h3 Change Password
|
|
||||||
|
|
||||||
form.form-horizontal(action='/account/settings', method='POST')
|
form.form-horizontal(action='/account/settings', method='POST')
|
||||||
.form-group
|
.form-group
|
||||||
label.col-sm-3.control-label(for='password') Password
|
label.col-xs-3.control-label(for='password') Password
|
||||||
.col-sm-4
|
.col-xs-4
|
||||||
input.form-control(type='password', name='password', id='password')
|
input.form-control(type='password', name='password', id='password')
|
||||||
.form-group
|
.form-group
|
||||||
label.col-sm-3.control-label(for='confirmPassword') Confirm Password
|
label.col-xs-3.control-label(for='confirmPassword') Confirm Password
|
||||||
.col-sm-4
|
.col-xs-4
|
||||||
input.form-control(type='password', name='confirmPassword', id='confirmPassword')
|
input.form-control(type='password', name='confirmPassword', id='confirmPassword')
|
||||||
.form-group
|
.form-group
|
||||||
.col-sm-offset-3.col-sm-4
|
.col-xs-offset-3.col-xs-4
|
||||||
button.btn.btn.btn-primary(type='submit') Change Password
|
button.btn.btn.btn-primary(type='submit') Change Password
|
||||||
|
|
||||||
.page-header
|
.page-header
|
||||||
h3 Delete Account
|
h3 Delete Account
|
||||||
|
|
||||||
p You can delete your account, but keep in mind this action is irreversiable.
|
p You can delete your account, but keep in mind this action is irreversiable.
|
||||||
form(action='/account/delete', method='POST')
|
form(action='/account/delete', method='POST')
|
||||||
button.btn.btn-danger(type='submit') Delete my account
|
button.btn.btn-danger(type='submit') Delete my account
|
||||||
|
|
||||||
.page-header
|
.page-header
|
||||||
h3 Linked Accounts
|
h3 Linked Accounts
|
||||||
|
|
||||||
if user.google
|
if user.google
|
||||||
p: a.text-danger(href='/account/unlink/google') Unlink your Google account
|
p: a.text-danger(href='/account/unlink/google') Unlink your Google account
|
||||||
else
|
else
|
||||||
p: a(href='/auth/google') Link your Google account
|
p: a(href='/auth/google') Link your Google account
|
||||||
|
|
||||||
if user.facebook
|
if user.facebook
|
||||||
p: a.text-danger(href='/account/unlink/') Unlink your Facebook account
|
p: a.text-danger(href='/account/unlink/') Unlink your Facebook account
|
||||||
else
|
else
|
||||||
p: a(href='/auth/facebook') Link your Facebook account
|
p: a(href='/auth/facebook') Link your Facebook account
|
||||||
|
|
||||||
if user.twitter
|
if user.twitter
|
||||||
p: a.text-danger(href='/account/unlink/') Unlink your Twitter account
|
p: a.text-danger(href='/account/unlink/') Unlink your Twitter account
|
||||||
else
|
else
|
||||||
p: a(href='/auth/twitter') Link your Twitter account
|
p: a(href='/auth/twitter') Link your Twitter account
|
||||||
|
|
||||||
if user.github
|
if user.github
|
||||||
p: a.text-danger(href='/account/unlink/') Unlink your GitHub account
|
p: a.text-danger(href='/account/unlink/') Unlink your GitHub account
|
||||||
else
|
else
|
||||||
p: a(href='/auth/github') Link your GitHub account
|
p: a(href='/auth/github') Link your GitHub account
|
||||||
|
|||||||
Reference in New Issue
Block a user