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

add progress bars to challengeMap

pull/797/merge
Quincy Larson 2015-06-01 23:34:14 -07:00
parent 2fa0f34eb8
commit 64a12c6691
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
views/challengeMap/show.jade
View File

@ -29,10 +29,16 @@ block content
if (user)
if (challengeBlock.completed.length === challengeBlock.challenges.length)
.hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.large-p.negative-10
.col-xs-12.col-sm-9.col-md-10
li.large-p.faded.negative-10
a(href='#' + challengeBlock.dashedName)= challengeBlock.name
else
.hidden-xs.col-sm-3.col-md-2
.progress.progress-bar-padding.text-center.thin-progress-bar
.progress-bar(role='progressbar', aria-valuenow=((challengeBlock.completed.length / challengeBlock.challenges.length) * 100), aria-valuemin='0', aria-valuemax='100', style='width: ' + ((challengeBlock.completed.length / challengeBlock.challenges.length) * 100) + '%;')
.col-xs-12.col-sm-9.col-md-10
li.large-p.negative-10
a(href='#' + challengeBlock.dashedName)= challengeBlock.name
else
.hidden-xs.col-sm-3
span.negative-10