add link to github waypoint to non github cool campers
This commit is contained in:
Berkeley Martinez
@ -5,67 +5,74 @@ block content
|
|||||||
.panel.panel-info(ng-controller="profileValidationController")
|
.panel.panel-info(ng-controller="profileValidationController")
|
||||||
.panel-heading.text-center Update your portfolio here:
|
.panel-heading.text-center Update your portfolio here:
|
||||||
.panel-body
|
.panel-body
|
||||||
if (!user.github)
|
if (!user.isGithubCool)
|
||||||
|
.row
|
||||||
.col-xs-12
|
.col-xs-12
|
||||||
a.btn.btn-lg.btn-block.btn-github.btn-link-social(href='/auth/github')
|
.text-left.btn-info.btn.btn-block.btn-link-social(href='http://www.freecodecamp.com/challenges/waypoint-join-our-chat-room')
|
||||||
i.fa.fa-github
|
span Link your account to GitHub to update your portfolio page. Click here if you don’t have a GitHub account yet.
|
||||||
| Link GitHub with my account
|
.row
|
||||||
.col-xs-12
|
.col-xs-12
|
||||||
form.form-horizontal(action='/account/profile', method='POST', novalidate='novalidate', name='profileForm' ng-show="asyncComplete")
|
a.btn.btn-lg.btn-block.btn-github.btn-link-social(href='/auth/github')
|
||||||
input(type='hidden', name='_csrf', value=_csrf)
|
i.fa.fa-github
|
||||||
.form-group
|
| Link GitHub with my account
|
||||||
label.col-sm-3.col-sm-offset-1.control-label(for='bio') Bio (140 characters)
|
|
||||||
.col-sm-4
|
.row
|
||||||
input.form-control(type='text', name='bio', autocomplete="off", ng-model='user.bio', ng-maxlength='140', id='bio')
|
.col-xs-12
|
||||||
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show='profileForm.bio.$error.maxlength && !profileForm.bio.$pristine')
|
form.form-horizontal(action='/account/profile', method='POST', novalidate='novalidate', name='profileForm' ng-show="asyncComplete")
|
||||||
alert(type='danger')
|
input(type='hidden', name='_csrf', value=_csrf)
|
||||||
span.ion-close-circled
|
.form-group
|
||||||
| Your bio must be fewer than 140 characters.
|
label.col-sm-3.col-sm-offset-1.control-label(for='bio') Bio (140 characters)
|
||||||
.form-group
|
.col-sm-4
|
||||||
label.col-sm-3.col-sm-offset-1.control-label(for='email') Twitter
|
input.form-control(type='text', name='bio', autocomplete="off", ng-model='user.bio', ng-maxlength='140', id='bio')
|
||||||
.col-sm-4
|
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show='profileForm.bio.$error.maxlength && !profileForm.bio.$pristine')
|
||||||
.input-group.twitter-input
|
alert(type='danger')
|
||||||
span.input-group-addon @
|
|
||||||
input.form-control(type='text', name='twitterHandle', autocomplete="off", id='twitterHandle', ng-model='user.twitterHandle', ng-maxlength='15', ng-pattern="/^[A-z0-9_]+$/")
|
|
||||||
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show="profileForm.twitterHandle.$error.pattern")
|
|
||||||
alert(type='danger')
|
|
||||||
span.ion-close-circled
|
span.ion-close-circled
|
||||||
| Your Twitter handle should only contain letters, numbers and underscores (az10_).
|
| Your bio must be fewer than 140 characters.
|
||||||
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show='profileForm.twitterHandle.$error.maxlength && !profileForm.twitterHandle.$pristine')
|
.form-group
|
||||||
alert(type='danger')
|
label.col-sm-3.col-sm-offset-1.control-label(for='email') Twitter
|
||||||
|
.col-sm-4
|
||||||
|
.input-group.twitter-input
|
||||||
|
span.input-group-addon @
|
||||||
|
input.form-control(type='text', name='twitterHandle', autocomplete="off", id='twitterHandle', ng-model='user.twitterHandle', ng-maxlength='15', ng-pattern="/^[A-z0-9_]+$/")
|
||||||
|
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show="profileForm.twitterHandle.$error.pattern")
|
||||||
|
alert(type='danger')
|
||||||
|
span.ion-close-circled
|
||||||
|
| Your Twitter handle should only contain letters, numbers and underscores (az10_).
|
||||||
|
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show='profileForm.twitterHandle.$error.maxlength && !profileForm.twitterHandle.$pristine')
|
||||||
|
alert(type='danger')
|
||||||
|
span.ion-close-circled
|
||||||
|
| Your name must be fewer than 15 characters.
|
||||||
|
|
||||||
|
.form-group
|
||||||
|
label.col-sm-3.col-sm-offset-1.control-label(for='email') CodePen
|
||||||
|
.col-sm-4
|
||||||
|
input.form-control(type='url', name='codepenProfile', id='codepenProfile', autocomplete="off", ng-model='user.codepenProfile', placeholder='http://')
|
||||||
|
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show="profileForm.codepenProfile.$error.url && !profileForm.codepenProfile.$pristine")
|
||||||
|
alert(type='danger')
|
||||||
span.ion-close-circled
|
span.ion-close-circled
|
||||||
| Your name must be fewer than 15 characters.
|
| Please enter a valid URL format (http://www.example.com).
|
||||||
|
|
||||||
.form-group
|
.form-group
|
||||||
label.col-sm-3.col-sm-offset-1.control-label(for='email') CodePen
|
label.col-sm-3.col-sm-offset-1.control-label(for='email') LinkedIn
|
||||||
.col-sm-4
|
.col-sm-4
|
||||||
input.form-control(type='url', name='codepenProfile', id='codepenProfile', autocomplete="off", ng-model='user.codepenProfile', placeholder='http://')
|
input.form-control(type='url', name='linkedinProfile', id='linkedinProfile', autocomplete="off", ng-model='user.linkedinProfile', placeholder='http://')
|
||||||
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show="profileForm.codepenProfile.$error.url && !profileForm.codepenProfile.$pristine")
|
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show="profileForm.linkedinProfile.$error.url && !profileForm.linkedinProfile.$pristine")
|
||||||
alert(type='danger')
|
alert(type='danger')
|
||||||
span.ion-close-circled
|
span.ion-close-circled
|
||||||
| Please enter a valid URL format (http://www.example.com).
|
| Please enter a valid URL format (http://www.example.com).
|
||||||
|
|
||||||
.form-group
|
.form-group
|
||||||
label.col-sm-3.col-sm-offset-1.control-label(for='email') LinkedIn
|
label.col-sm-3.col-sm-offset-1.control-label(for='email') Facebook
|
||||||
.col-sm-4
|
.col-sm-4
|
||||||
input.form-control(type='url', name='linkedinProfile', id='linkedinProfile', autocomplete="off", ng-model='user.linkedinProfile', placeholder='http://')
|
input.form-control(type='url', name='facebookProfile', id='facebookProfile', autocomplete="off", ng-model='user.facebookProfile', placeholder='http://')
|
||||||
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show="profileForm.linkedinProfile.$error.url && !profileForm.linkedinProfile.$pristine")
|
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show="profileForm.facebookProfile.$error.url && !profileForm.facebookProfile.$pristine")
|
||||||
alert(type='danger')
|
alert(type='danger')
|
||||||
span.ion-close-circled
|
span.ion-close-circled
|
||||||
| Please enter a valid URL format (http://www.example.com).
|
| Please enter a valid URL format (http://www.example.com).
|
||||||
|
|
||||||
.form-group
|
button.btn.btn-lg.btn-block.btn-primary.btn-link-social(type='submit', ng-disabled='!user.isGithubCool || profileForm.$invalid')
|
||||||
label.col-sm-3.col-sm-offset-1.control-label(for='email') Facebook
|
span.ion-edit
|
||||||
.col-sm-4
|
| Update my info
|
||||||
input.form-control(type='url', name='facebookProfile', id='facebookProfile', autocomplete="off", ng-model='user.facebookProfile', placeholder='http://')
|
|
||||||
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show="profileForm.facebookProfile.$error.url && !profileForm.facebookProfile.$pristine")
|
|
||||||
alert(type='danger')
|
|
||||||
span.ion-close-circled
|
|
||||||
| Please enter a valid URL format (http://www.example.com).
|
|
||||||
|
|
||||||
button.btn.btn-lg.btn-block.btn-primary.btn-link-social(type='submit', ng-disabled='profileForm.$invalid')
|
|
||||||
span.ion-edit
|
|
||||||
| Update my info
|
|
||||||
|
|
||||||
.panel.panel-info
|
.panel.panel-info
|
||||||
.panel-heading.text-center Manage your account here:
|
.panel-heading.text-center Manage your account here:
|
||||||
|
|||||||
Reference in New Issue
Block a user