greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/server/views/map/show.jade

62 lines
4.2 KiB
Plaintext
Raw Normal View History

Update
2016-01-11 05:49:09 +00:00
extends ../layout-wide
build a functional challenge map and change navbar links
2015-04-04 03:05:53 +00:00
block content
Revert recent feature and fix it
2016-01-18 22:47:51 +00:00
.text-center.map-fixed-header
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
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
Change New and Coming Soon to text-info
2016-01-19 01:52:51 +00:00
|  
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
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
Change New and Coming Soon to text-info
2016-01-19 01:52:51 +00:00
span.text-info.small    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
strong
em New
if challengeBlock.isComingSoon
Change New and Coming Soon to text-info
2016-01-19 01:52:51 +00:00
span.text-info.small    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
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
Change New and Coming Soon to text-info
2016-01-19 01:52:51 +00:00
span.text-info.small    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
strong
em New
if challengeBlock.isComingSoon
Change New and Coming Soon to text-info
2016-01-19 01:52:51 +00:00
span.text-info.small    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
strong
em Coming Soon
.spacer