Add back map overview to map page

This commit is contained in:
Berkeley Martinez
2016-01-12 23:19:00 -08:00
parent cc1c2e6aa1
commit 56a7d03658

View File

@ -1,42 +1,137 @@
extends ../layout-wide extends ../layout-wide
block content block content
.col-xs-12.col-sm-4.col-sm-offset-8 .row
for superBlock, index in superBlocks .col-xs-12.col-md-6.col-md-offset-3
for challengeBlock in superBlock.blocks ul
h4.bold #{challengeBlock.name} (#{challengeBlock.time}) for superBlock in superBlocks
for challenge in challengeBlock.challenges h2= superBlock.name
if challenge.completed for challengeBlock in superBlock.blocks
p.text-primary.ion-checkmark-circled.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")   .row
a(href="/challenges/#{challenge.dashedName}") if (user)
= challenge.title .col-xs-11.col-sm-8.col-md-9
span.sr-only= " Complete" li.map-p.negative-10
else |   
if challenge.type === "bonfire" a(href='#' + challengeBlock.dashedName)= challengeBlock.name
p.ion-asterisk.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")   if challengeBlock.markNew
a(name="#{challenge.dashedName}" href="/challenges/#{challenge.dashedName}" class=challenge.isComingSoon ? 'disabled' : '') span.text-info.small    
span= challenge.title strong
span.sr-only= " Incomplete" em NEW
if challenge.markNew if challengeBlock.isComingSoon
span.text-success.small     span.text-info.small    
strong strong
em New em Coming Soon
if challengeBlock.isComingSoon else
span.text-success.small     .hidden-xs.col-sm-3.col-md-2
strong .col-xs-10.col-sm-8.col-md-9
em Coming Soon span.map-p.negative-10
else a(href='#' + challengeBlock.dashedName)= challengeBlock.name
p.ion-ios-circle-outline.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")   if challengeBlock.markNew
a(name="#{challenge.dashedName}" href="/challenges/#{challenge.dashedName}" class=challenge.isComingSoon ? 'disabled' : '') span.text-info.small    
span= challenge.title strong
span.sr-only= " Incomplete" em NEW
if challenge.markNew if challengeBlock.isComingSoon
span.text-success.small     span.text-info.small    
strong strong
em New em Coming Soon
if challengeBlock.isComingSoon h2 Full Stack Development Certification
span.text-success.small     .row
strong .col-xs-12.col-sm-9.col-md-10
em Coming Soon li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Greenfield Nonprofit Project 1
.col-xs-12.col-sm-9.col-md-10
li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Greenfield Nonprofit Project 2
.col-xs-12.col-sm-9.col-md-10
li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Legacy Nonprofit Project 1
.col-xs-12.col-sm-9.col-md-10
li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Legacy Nonprofit Project 2
.col-xs-12.col-sm-9.col-md-10
li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Claim your Full Stack Development Certification
h2 Coding Interview Preparation
.row
.col-xs-12.col-sm-9.col-md-10
li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Whiteboard Coding Interview Training
.col-xs-12.col-sm-9.col-md-10
li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Critical Thinking Interview Training
.col-xs-12.col-sm-9.col-md-10
li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Mock Interview 1
.col-xs-12.col-sm-9.col-md-10
li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Mock Interview 2
.col-xs-12.col-sm-9.col-md-10
li.map-p.negative-10
|   
span.ion-locked.padded-ionic-icon
| Mock Interview 3
hr
.row
.col-xs-12.col-md-6.col-md-offset-3
for superBlock, index in superBlocks
for challengeBlock in superBlock.blocks
.row
a(href='#' name=challengeBlock.dashedName)
.spacer.negative-55
.row
h4.bold #{challengeBlock.name} (#{challengeBlock.time})
for challenge in challengeBlock.challenges
.col-xs-12.col-sm-9.col-md-10
if challenge.completed
p.text-primary.ion-checkmark-circled.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")  
a(href="/challenges/#{challenge.dashedName}")
= challenge.title
span.sr-only= " Complete"
else if (challenge.type === "bonfire")
p.ion-asterisk.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")  
a(name="#{challenge.dashedName}" 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
else
p.ion-ios-circle-outline.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")  
a(name="#{challenge.dashedName}" 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
if (index < superBlocks.length) if (index < superBlocks.length)
hr hr