Responsive forms on User profile page. Fixes #58.

This commit is contained in:
Sahat Yalkabov
2014-02-06 04:40:13 -05:00
parent f0422b5dd8
commit 2475825c9b

View File

@ -6,16 +6,16 @@ block content
form.form-horizontal(action='/account/profile', method='POST')
.form-group
label.col-xs-2.control-label(for='email') Email
.col-xs-4
label.col-sm-2.control-label(for='email') Email
.col-sm-4
input.form-control(type='email', name='email', id='email', value='#{user.email}')
.form-group
label.col-xs-2.control-label(for='name') Name
.col-xs-4
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-xs-2.control-label(for='gender') Gender
.col-xs-4
label.col-sm-2.control-label(for='gender') Gender
.col-sm-4
label.radio
input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio')
span Male
@ -23,21 +23,21 @@ block content
input(type='radio', checked=user.profile.gender=='female', name='gender', value='female', data-toggle='radio')
span Female
.form-group
label.col-xs-2.control-label(for='location') Location
.col-xs-4
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-xs-2.control-label(for='website') Website
.col-xs-4
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
label.col-xs-2.control-label(for='gravatar') Gravatar
.col-xs-4
label.col-sm-2.control-label(for='gravatar') Gravatar
.col-sm-4
img(src="#{user.gravatar()}", class='profile', width='100', height='100')
.form-group
input.form-control(type='hidden', name='_csrf', value=token)
.form-group
.col-xs-offset-2.col-xs-4
.col-sm-offset-2.col-sm-4
button.btn.btn.btn-primary(type='submit')
i.fa.fa-magnet
| Update Profile
@ -48,17 +48,17 @@ block content
form.form-horizontal(action='/account/password', method='POST')
.form-group
label.col-xs-3.control-label(for='password') New Password
.col-xs-4
label.col-sm-3.control-label(for='password') New Password
.col-sm-4
input.form-control(type='password', name='password', id='password')
.form-group
label.col-xs-3.control-label(for='confirmPassword') Confirm Password
.col-xs-4
label.col-sm-3.control-label(for='confirmPassword') Confirm Password
.col-sm-4
input.form-control(type='password', name='confirmPassword', id='confirmPassword')
.form-group
input.form-control(type='hidden', name='_csrf', value=token)
.form-group
.col-xs-offset-3.col-xs-4
.col-sm-offset-3.col-sm-4
button.btn.btn.btn-primary(type='submit')
i.fa.fa-keyboard-o
| Change Password