Update commit views
This commit is contained in:
Quincy Larson
committed by
Berkeley Martinez
Berkeley Martinez
parent
09b4f1caa2
commit
bf06d0c6a0
@ -1,15 +1,14 @@
|
|||||||
extends ../layout
|
extends ../layout
|
||||||
block content
|
block content
|
||||||
.panel.panel-info
|
h1.text-center Commit to one of these nonprofits
|
||||||
.panel-heading.text-center Commit to one of these nonprofits
|
hr
|
||||||
.panel-body
|
.row
|
||||||
.row
|
.col-xs-12.col-sm-10.col-sm-offset-1
|
||||||
.col-xs-12.col-sm-10.col-sm-offset-1
|
for nonprofit in nonprofits
|
||||||
for nonprofit in nonprofits
|
.col-xs-12.col-sm-6.col-md-4.height-400
|
||||||
.col-xs-12.col-sm-6.col-md-4.height-400
|
.text-center
|
||||||
.text-center
|
h2= nonprofit.displayName
|
||||||
h2= nonprofit.displayName
|
img.testimonial-image.img-responsive.img-center(src=nonprofit.imgUrl)
|
||||||
img.testimonial-image.img-responsive.img-center(src=nonprofit.imgUrl)
|
.button-spacer
|
||||||
.button-spacer
|
a.text-center(href='/commit?nonprofit=#{nonprofit.name}') Commit to #{nonprofit.displayName}
|
||||||
a.text-center(href='/commit?nonprofit=#{nonprofit.name}') Commit to #{nonprofit.displayName}
|
p= nonprofit.description
|
||||||
p= nonprofit.description
|
|
||||||
|
|||||||
@ -1,86 +1,84 @@
|
|||||||
extends ../layout
|
extends ../layout
|
||||||
block content
|
block content
|
||||||
.panel.panel-info
|
h2.text-center Commit to yourself. Commit to a nonprofit.
|
||||||
.panel-body
|
.row
|
||||||
h2.text-center Commit to yourself. Commit to a nonprofit.
|
.col-xs-12.col-sm-6.col-sm-offset-3
|
||||||
.row
|
p Give yourself external motivation and help nonprofits right away. Pledge a monthly donation to a nonprofit until you’ve earned either your Front End or Full Stack Development Certification.
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3
|
|
||||||
p Give yourself external motivation and help nonprofits right away. Pledge a monthly donation to a nonprofit until you’ve earned either your Front End or Full Stack Development Certification.
|
|
||||||
|
|
||||||
.row
|
.row
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
||||||
h3 Pledge to #{displayName} 
|
h3 Pledge to #{displayName} 
|
||||||
.button-spacer
|
.button-spacer
|
||||||
a(href='#{imgUrl}' data-lightbox='img-enlarge' alt='#{imgAlt}')
|
a(href='#{imgUrl}' data-lightbox='img-enlarge' alt='#{imgAlt}')
|
||||||
img.img-responsive(src='#{imgUrl}' alt='#{imgAlt}')
|
img.img-responsive(src='#{imgUrl}' alt='#{imgAlt}')
|
||||||
p.large-p
|
p.large-p
|
||||||
= description
|
= description
|
||||||
a(href='/commit/directory') ...or see other nonprofits
|
p
|
||||||
.spacer
|
a(href='/commit/directory') ...or see other nonprofits
|
||||||
form.form(name='commit')
|
.spacer
|
||||||
.hidden
|
form.form(name='commit')
|
||||||
input(type='text' value='#{name}' name='nonprofit')
|
.hidden
|
||||||
.row
|
input(type='text' value='#{name}' name='nonprofit')
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3
|
.row
|
||||||
h3 Step 1: Which certification do you pledge to complete?
|
.col-xs-12.col-sm-6.col-sm-offset-3
|
||||||
.btn-group.btn-group-justified(data-toggle='buttons' role='group')
|
h3 Step 1: Which certification do you pledge to complete?
|
||||||
label.btn.btn-primary.btn-lg.active
|
.btn-group.btn-group-justified(data-toggle='buttons' role='group')
|
||||||
input(type='radio' id=frontEndCert value=frontEndCert name='goal' checked="checked")
|
label.btn.btn-primary.btn-lg.active
|
||||||
| Front End
|
input(type='radio' id=frontEndCert value=frontEndCert name='goal' checked="checked")
|
||||||
label.btn.btn-primary.btn-lg
|
| Front End
|
||||||
input(type='radio' id=dataVisCert value=dataVisCert name='goal')
|
label.btn.btn-primary.btn-lg
|
||||||
| Data
|
input(type='radio' id=dataVisCert value=dataVisCert name='goal')
|
||||||
label.btn.btn-primary.btn-lg
|
| Data
|
||||||
input(type='radio' id=backEndCert value=backEndCert name='goal')
|
label.btn.btn-primary.btn-lg
|
||||||
| Back End
|
input(type='radio' id=backEndCert value=backEndCert name='goal')
|
||||||
label.btn.btn-primary.btn-lg
|
| Back End
|
||||||
input(type='radio' id=fullStackCert value=fullStackCert name='goal')
|
label.btn.btn-primary.btn-lg
|
||||||
| Full Stack
|
input(type='radio' id=fullStackCert value=fullStackCert name='goal')
|
||||||
.spacer
|
| Full Stack
|
||||||
.row
|
.spacer
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3
|
.row
|
||||||
h3 Step 2: How much do you want to pledge monthly until you earn that certification?
|
.col-xs-12.col-sm-6.col-sm-offset-3
|
||||||
.btn-group.btn-group-justified(data-toggle='buttons' role='group')
|
h3 Step 2: How much do you want to pledge monthly until you earn that certification?
|
||||||
label.btn.btn-success
|
.btn-group.btn-group-justified(data-toggle='buttons' role='group')
|
||||||
input(type='radio' id='5-dollar-pledge' value='5' name='amount')
|
label.btn.btn-primary
|
||||||
| $5 per month
|
input(type='radio' id='5-dollar-pledge' value='5' name='amount')
|
||||||
label.btn.btn-success.active
|
| $5 per month
|
||||||
input(type='radio' id='10-dollar-pledge' value='10' name='amount' checked="checked")
|
label.btn.btn-primary.active
|
||||||
| $10 per month
|
input(type='radio' id='10-dollar-pledge' value='10' name='amount' checked="checked")
|
||||||
label.btn.btn-success
|
| $10 per month
|
||||||
input(type='radio' id='25-dollar-pledge' value='25' name='amount')
|
label.btn.btn-primary
|
||||||
| $25 per month
|
input(type='radio' id='25-dollar-pledge' value='25' name='amount')
|
||||||
label.btn.btn-success
|
| $25 per month
|
||||||
input(type='radio' id='50-dollar-pledge' value='50' name='amount')
|
label.btn.btn-primary
|
||||||
| $50 per month
|
input(type='radio' id='50-dollar-pledge' value='50' name='amount')
|
||||||
.spacer
|
| $50 per month
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3
|
.spacer
|
||||||
h3 Step 3: Set up your monthly donation
|
.col-xs-12.col-sm-6.col-sm-offset-3
|
||||||
.row
|
h3 Step 3: Set up your monthly donation
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
.row
|
||||||
a#commit-btn-donate.btn.btn-block.btn-lg.btn-primary(href=donateUrl target='_blank') Open the #{displayName} donation page
|
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
||||||
|
a#commit-btn-donate.btn.btn-block.btn-lg.btn-primary(href=donateUrl target='_blank') Open the #{displayName} donation page
|
||||||
|
|
||||||
.spacer
|
.spacer
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3
|
.col-xs-12.col-sm-6.col-sm-offset-3
|
||||||
h3#commit-step4-text.disabled
|
h3#commit-step4-text.disabled
|
||||||
Step 4: Confirm
|
Step 4: Confirm
|
||||||
span#commit-step4-hidden.disabled (Do step 3 first)
|
span#commit-step4-hidden.disabled (Do step 3 first)
|
||||||
span#commit-step4-show.hidden your commitment to your goal
|
span#commit-step4-show.hidden your commitment to your goal
|
||||||
.row
|
.row
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
||||||
button#commit-btn-submit.btn.btn-block.btn-lg.btn-primary.disabled Commit
|
button#commit-btn-submit.btn.btn-block.btn-lg.btn-primary.disabled Commit
|
||||||
|
|
||||||
if pledge
|
if pledge
|
||||||
form.row(name='stop-pledge' action='/commit/stop-commitment' method='post')
|
form.row(name='stop-pledge' action='/commit/stop-commitment' method='post')
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
||||||
.button-spacer
|
.button-spacer
|
||||||
button.btn.btn-block.btn-lg.btn-default(name='submit' type='submit') Stop my current pledge
|
button.btn.btn-block.btn-lg.btn-default(name='submit' type='submit') Stop my current pledge
|
||||||
else
|
else
|
||||||
.row
|
.row
|
||||||
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
||||||
.button-spacer
|
.button-spacer
|
||||||
a.btn.btn-block.btn-lg.btn-default(href='/map') Maybe later
|
a.btn.btn-block.btn-lg.btn-default(href='/map') Maybe later
|
||||||
.spacer
|
|
||||||
script.
|
script.
|
||||||
$(function() {
|
$(function() {
|
||||||
$('#commit-btn-donate').click(function() {
|
$('#commit-btn-donate').click(function() {
|
||||||
|
|||||||
Reference in New Issue
Block a user