gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

start adding accordion map

Browse Source
This commit is contained in:
Quincy Larson
2016-01-15 17:19:39 -08:00
parent 15d102c2c2
commit e02000bddd
3 changed files with 61 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/less/lib/bootstrap/variables.less
View File

@ -14,9 +14,9 @@
@gray-light: lighten(@gray-base, 46.7%); // #777 @gray-light: lighten(@gray-base, 46.7%); // #777
@gray-lighter: lighten(@gray-base, 93.5%); // #eee @gray-lighter: lighten(@gray-base, 93.5%); // #eee
@brand-primary: forestgreen; @brand-primary: darkgreen;
@brand-success: #457e86; @brand-success: #457E86;
@brand-info: #2b414f; @brand-info: #4A2B0F;
@brand-warning: #f0ad4e; @brand-warning: #f0ad4e;
@brand-danger: #d9534f; @brand-danger: #d9534f;

2
client/less/main.less
View File

@ -333,7 +333,7 @@ a {
} }
p { p {
font-size: 20px; font-size: 16px;
} }
.map-aside-body p { .map-aside-body p {

58
server/views/map/show.jade
View File

@ -1,5 +1,61 @@
extends ../layout-wide extends ../layout-wide
block content block content
#accordion.panel-group
for superBlock, index in superBlocks
.panel.panel-default
.panel-heading
h4.panel-title
a.collapsed(data-toggle='collapse', data-parent='#accordion', href='#collapse'+superBlock.name.split(' ').join('-'))
| #{superBlock.name}
div(id = 'collapse'+superBlock.name.split(' ').join('-') class = "panel-collapse collapse")
.panel-body
#nested.panel-group
for challengeBlock in superBlock.blocks
.panel.panel-default
.panel-heading
h4.panel-title
a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse'+challengeBlock.name.split(' ').join('-'))
| #{challengeBlock.name}
div(id = "nested-collapse"+challengeBlock.name.split(' ').join('-') class = "panel-collapse collapse")
.panel-body
for challenge in challengeBlock.challenges
if challenge.completed
p.text-primary.ion-checkmark-circled.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")  
a.faded(href="/challenges/#{challenge.dashedName}" target='_parent')
= challenge.title
span.sr-only= " Complete"
else if challenge.isRequired
p.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.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
.row .row
.col-xs-12.col-md-6.col-md-offset-3 .col-xs-12.col-md-6.col-md-offset-3
for superBlock, index in superBlocks for superBlock, index in superBlocks
@ -18,7 +74,7 @@ block content
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
if challenge.completed if challenge.completed
p.text-primary.ion-checkmark-circled.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")   p.text-primary.ion-checkmark-circled.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")  
a(href="/challenges/#{challenge.dashedName}" target='_parent') a.faded(href="/challenges/#{challenge.dashedName}" target='_parent')
= challenge.title = challenge.title
span.sr-only= " Complete" span.sr-only= " Complete"
else if challenge.isRequired else if challenge.isRequired