52 lines
3.0 KiB
Plaintext
52 lines
3.0 KiB
Plaintext
h3
|
|
ul#story-list.story-list
|
|
|
|
script(src="https://cdn.jsdelivr.net/ramda/0.10.0/ramda.min.js")
|
|
script.
|
|
var getLinkedName = function getLinkedName(name) {
|
|
return name.toLowerCase().replace(/\s/g, '-');
|
|
}
|
|
$.ajax({
|
|
url: '/stories/index',
|
|
type: 'GET'
|
|
})
|
|
.success(
|
|
function(data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
var li = document.createElement('li');
|
|
var linkedName = getLinkedName(data[i].headline);
|
|
var rank = data[i].rank;
|
|
|
|
$(li).html("<div class='row text-left'>" +
|
|
"<div class='col-xs-3 col-sm-1'>" +
|
|
"<div class='row'>" +
|
|
"<div class='col-xs-12 big-ion-up-arrow'>" +
|
|
"<i class='ion-arrow-up-b'></i>" +
|
|
"</div>" +
|
|
"</div>" +
|
|
"<div class='story-up-votes'>" +
|
|
"<span>" + rank + "</span>" +
|
|
"</div>" +
|
|
"</div>" +
|
|
"<div class='col-xs-2 col-sm-1'>" +
|
|
"<img src='" + data[i].author.picture + "' class='img-responsive'/>" +
|
|
"</div>" +
|
|
"<div class='col-xs-7 col-sm-10'>" +
|
|
"<div class='row'>" +
|
|
"<div class='col-xs-12'>" +
|
|
"<a href='/stories/" + linkedName + "'>"
|
|
+ data[i].headline +
|
|
"</a>" +
|
|
"</div>" +
|
|
"<div class='col-xs-12'>" +
|
|
"<span>Posted " +
|
|
moment(data[i].timePosted).fromNow() +
|
|
" by <a href='/" + data[i].author.username + "'>@" + data[i].author.username + "</a> " +
|
|
"</div>" +
|
|
"</div>" +
|
|
"</div>" +
|
|
"</div>" +
|
|
"</li>");
|
|
$(li).appendTo($('#story-list'));
|
|
}
|
|
}); |