2016-01-11 05:49:09 +00:00
|
|
|
extends ../layout-wide
|
2015-04-04 03:05:53 +00:00
|
|
|
block content
|
2016-01-18 22:47:51 +00:00
|
|
|
.text-center.map-fixed-header
|
2016-01-18 17:43:37 +00:00
|
|
|
h1 Challenge Map
|
|
|
|
p Required challenges are marked with a *
|
|
|
|
.row
|
|
|
|
.col-xs-10.col-xs-offset-1.col-sm-6.col-sm-offset-3.col-md-4.col-md-offset-4
|
|
|
|
.btn.btn-primary.btn-block.active#showAll Collapse all challenges
|
|
|
|
hr
|
|
|
|
#accordion.map-accordion
|
|
|
|
for superBlock, index in superBlocks
|
|
|
|
h2
|
|
|
|
i.fa.fa-caret-down
|
|
|
|
|  
|
|
|
|
a(data-toggle='collapse', data-parent='#accordion', href='#collapse'+superBlock.name.split(' ').join('-'))
|
|
|
|
| #{superBlock.name}
|
|
|
|
div.margin-left-10(id = 'collapse'+superBlock.name.split(' ').join('-') class = "collapse in map-collapse no-transition")
|
|
|
|
#nested
|
|
|
|
for challengeBlock in superBlock.blocks
|
|
|
|
h3
|
|
|
|
i.fa.fa-caret-down
|
|
|
|
|  
|
|
|
|
a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse'+challengeBlock.name.replace(/(\W)/gi, '').split(' ').join('-'))
|
|
|
|
| #{challengeBlock.name} (#{challengeBlock.time})
|
|
|
|
div.margin-left-10(id = "nested-collapse"+challengeBlock.name.replace(/\W/gi, '').split(' ').join('-') class = "collapse in map-collapse no-transition")
|
|
|
|
.button-spacer
|
|
|
|
for challenge in challengeBlock.challenges
|
|
|
|
if challenge.completed
|
|
|
|
p.text-primary.ion-checkmark-circled.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")
|
|
|
|
a(href="/challenges/#{challenge.dashedName}" target='_parent')
|
|
|
|
= challenge.title
|
|
|
|
span.sr-only= " Complete"
|
|
|
|
else if challenge.isRequired
|
|
|
|
p.slightly-faded.ion-ios-circle-outline.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")
|
|
|
|
a(name="#{challenge.dashedName}" target='_parent' href="/challenges/#{challenge.dashedName}" class=challenge.isComingSoon ? 'disabled' : '')
|
|
|
|
span= challenge.title
|
|
|
|
span.sr-only= " Incomplete"
|
|
|
|
if challenge.markNew
|
|
|
|
span.text-success.small    
|
|
|
|
strong
|
|
|
|
em New
|
|
|
|
if challengeBlock.isComingSoon
|
|
|
|
span.text-success.small    
|
|
|
|
strong
|
|
|
|
em Coming Soon
|
|
|
|
span.text-primary    
|
|
|
|
strong *
|
|
|
|
else
|
|
|
|
p.slightly-faded.ion-ios-circle-outline.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")
|
|
|
|
a(name="#{challenge.dashedName}" target='_parent' href="/challenges/#{challenge.dashedName}" class=challenge.isComingSoon ? 'disabled' : '')
|
|
|
|
span= challenge.title
|
|
|
|
span.sr-only= " Incomplete"
|
|
|
|
if challenge.markNew
|
|
|
|
span.text-success.small    
|
|
|
|
strong
|
|
|
|
em New
|
|
|
|
if challengeBlock.isComingSoon
|
|
|
|
span.text-success.small    
|
|
|
|
strong
|
|
|
|
em Coming Soon
|
|
|
|
.spacer
|