freeCodeCamp/views/account.jade

78 lines
2.7 KiB
Plaintext
Raw Normal View History

2013-11-19 18:20:50 +00:00
extends layout
2013-11-20 13:03:10 +00:00
2013-11-19 18:20:50 +00:00
block content
2013-12-06 00:11:06 +00:00
.page-header
h2 Account Settings
2013-12-05 21:42:30 +00:00
ul.nav.nav-tabs
li.active
a(href='#basic', data-toggle='tab') Basic Info
li
a(href='#settings', data-toggle='tab') Settings
.tab-content
#basic.tab-pane.fade.active.in
form.form-horizontal(role='form', 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')
.form-group
label.col-sm-2.control-label(for='email') Email
.col-sm-4
input.form-control(type='email', name='email', id='email')
.form-group
label.col-sm-2.control-label(for='location') Location
.col-sm-4
input.form-control(type='text', name='location', id='location')
.form-group
label.col-sm-2.control-label(for='website') Website
.col-sm-4
input.form-control(type='text', name='website', id='website')
.form-group
label.col-sm-2.control-label(for='twitter') Twitter
.col-sm-4
input.form-control(type='text', name='twitter', id='twitter')
.form-group
label.col-sm-2.control-label(for='linkedin') LinkedIn URL
.col-sm-4
input.form-control(type='text', name='linkedin', id='linkedin')
.form-group
label.col-sm-2.control-label(for='profilePicture') Profile picture
.col-sm-8
.btn.btn-danger.google Use Google
.btn.btn-primary.facebook Use Facebook
.btn.btn-info.twitter Use Twitter
.fileinput.fileinput-new(data-provides='fileinput')
span.btn.btn-default.btn-file
span.fileinput-new Select File
span.fileinput-exists Change
input(type='file', name='...')
span.fileinput-filename
a.close.fileinput-exists(href='#', data-dismiss='fileinput', style='float: none;') ×
img(width=100, height=100, src='http://www.faithlineprotestants.org/wp-content/uploads/2010/12/facebook-default-no-profile-pic.jpg')
.form-group
button.btn.btn.btn-primary(type='submit') Update Profile
#settings.tab-pane.fade
.form-group
label(for='password') Password
input.form-control(type='password', name='password', id='password', placeholder='Password')
.form-group
label(for='confirmPassword') Confirm Password
input.form-control(type='password', id='confirmPassword', placeholder='Confirm Password')
2013-11-19 18:20:50 +00:00
if messages.length
.alert.alert-danger
for message in messages
2013-12-05 21:42:30 +00:00
div= message
script
$('.fileinput').fileinput()