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

make the all field guides view conform to the challengeMap aesthetic

Browse Source
This commit is contained in:
Michael Q Larson
2015-04-18 17:19:06 -07:00
parent d31031f92c
commit d078c6768a
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
views/partials/field-guide.jade
View File

@ -15,15 +15,27 @@ h3
function(data) {
var docfrag = document.createDocumentFragment();
for (var i = 0; i < data.fieldGuideList.length; i++) {
var li = document.createElement("li");
var div = document.createElement("div");
// strike through field guides previously read
var linkedName = getLinkedName(data.fieldGuideList[i].name);
if (data.completedFieldGuides.indexOf(data.fieldGuideIds[i]) > -1) {
$(li).html("<a class='strikethrough' href='/field-guide/" + linkedName + "'>" + data.fieldGuideList[i].name + "</a></li>");
$(div).html("<div class='row'>" +
"<div class='hidden-xs col-sm-3 col-md-2 text-primary ion-checkmark-circled padded-ionic-icon text-center'></div>" +
"<div class='col-xs-12 col-sm-9 col-md-10'>" +
"<li class='faded'><a href='/field-guide/" + linkedName + "'>" + data.fieldGuideList[i].name + "</a></li>" +
"</div>" +
"</div>" +
"</div>");
} else {
$(li).html("<a href='/field-guide/" + linkedName + "'>" + data.fieldGuideList[i].name + "</a></li>");
$(div).html("<div class='row'>" +
"<div class='hidden-xs col-sm-3 col-md-2'></div>" +
"<div class='col-xs-12 col-sm-9 col-md-10'>" +
"<li><a href='/field-guide/" + linkedName + "'>" + data.fieldGuideList[i].name + "</a></li>" +
"</div>" +
"</div>" +
"</div>");
}
docfrag.appendChild(li);
docfrag.appendChild(div);
};
$('#fieldGuideList').append(docfrag);
});