44 lines
2.2 KiB
Plaintext
44 lines
2.2 KiB
Plaintext
h3
|
|
ol#fieldGuideList
|
|
script(src='/js/lib/ramda/ramda.min.js')
|
|
script.
|
|
var getLinkedName = function getLinkedName(name) {
|
|
// ensure name is a string
|
|
name = name + '';
|
|
return name.toLowerCase().replace(/\s/g, '-').replace(/\?/g, '');
|
|
}
|
|
$.ajax({
|
|
url: '/field-guide/getFieldGuideList',
|
|
type: 'GET'
|
|
})
|
|
.success(
|
|
function(data) {
|
|
var docfrag = document.createDocumentFragment();
|
|
for (var i = 0; i < data.fieldGuideList.length; i++) {
|
|
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) {
|
|
$(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-6 col-md-8'>" +
|
|
"<li class='faded'><a href='/field-guide/" + linkedName + "'>" + data.fieldGuideList[i].name + "</a></li>" +
|
|
"</div>" +
|
|
"<div class='col-sm-3 col-md-2'></div>" +
|
|
"</div>" +
|
|
"</div>");
|
|
} else {
|
|
$(div).html("<div class='row'>" +
|
|
"<div class='hidden-xs col-sm-3 col-md-2'></div>" +
|
|
"<div class='col-xs-12 col-sm-6 col-md-8'>" +
|
|
"<li><a href='/field-guide/" + linkedName + "'>" + data.fieldGuideList[i].name + "</a></li>" +
|
|
"</div>" +
|
|
"<div class='col-sm-3 col-md-2'></div>" +
|
|
"</div>" +
|
|
"</div>");
|
|
}
|
|
docfrag.appendChild(div);
|
|
};
|
|
$('#fieldGuideList').append(docfrag);
|
|
});
|