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

Space hot stories view, remove all listing and refactor to divs

Browse Source
This commit is contained in:
Nathan Leniz
2015-03-08 12:48:02 +09:00
parent 1edc1aa3cf
commit bac22c1d96
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/css/main.less
View File

@ -775,8 +775,9 @@ iframe.iphone {
margin-bottom: -4px; margin-bottom: -4px;
} }
.story-list li { .story-list {
padding-bottom: 5px; padding-bottom: 30px;
margin-bottom: 30px;
} }
.big-ion-up-arrow { .big-ion-up-arrow {

15
views/stories/hot-stories.jade
View File

@ -1,8 +1,9 @@
.col-xs-12 .col-xs-12
ol#story-list.story-list #story-list.story-list
script(src="https://cdn.jsdelivr.net/ramda/0.10.0/ramda.min.js") script(src="https://cdn.jsdelivr.net/ramda/0.10.0/ramda.min.js")
script. script.
var getLinkedName = function getLinkedName(name) { var getLinkedName = function getLinkedName(name) {
return name.trim().toLowerCase().replace(/\s/g, '-'); return name.trim().toLowerCase().replace(/\s/g, '-');
} }
@ -13,17 +14,20 @@
.success( .success(
function(data) { function(data) {
for (var i = 0; i < data.length; i++) { for (var i = 0; i < data.length; i++) {
var li = document.createElement('li'); var div = document.createElement('div');
var linkedName = getLinkedName(data[i].storyLink); var linkedName = getLinkedName(data[i].storyLink);
var rank = data[i].rank; var rank = data[i].rank;
$(li) $(div)
.html( .html(
"<div class='col-xs-12 text-left'>" + "<div class='col-xs-12 text-left'>" +
"<div class='col-xs-1 col-sm-1 positive-5'>" +
(i + 1) +
"</div>" +
"<div class='col-xs-2 col-sm-1'>" + "<div class='col-xs-2 col-sm-1'>" +
"<img src='" + data[i].author.picture + "' class='img-news'/>" + "<img src='" + data[i].author.picture + "' class='img-news'/>" +
"</div>" + "</div>" +
"<div class='col-xs-10 col-sm-11'>" + "<div class='col-xs-9 col-sm-10'>" +
"<div class='row'>" + "<div class='row'>" +
"<div class='col-xs-12'>" + "<div class='col-xs-12'>" +
"<a href='/stories/" + linkedName + "'>" "<a href='/stories/" + linkedName + "'>"
@ -41,6 +45,7 @@
"</div>" + "</div>" +
"</div>" "</div>"
); );
$(li).appendTo($('#story-list')); $(div).addClass('story-list')
$(div).appendTo($('#story-list'));
} }
}); });