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

Begin refactoring story lists to order list, remove separate rank div

pull/161/head
Nathan Leniz 2015-03-08 12:32:35 +09:00
parent c8a9f6f810
commit 1edc1aa3cf
3 changed files with 29 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
controllers/story.js
View File

@ -10,7 +10,7 @@ var R = require('ramda'),
secrets = require('../config/secrets');
exports.hotJSON = function(req, res, next) {
var story = Story.find({}).sort({'rank': -1});
var story = Story.find({}).sort({'rank': -1, 'timePosted': -1});
story.exec(function(err, stories) {
if (err) {
throw err;

5
public/css/main.less
View File

@ -805,6 +805,11 @@ iframe.iphone {
padding: 15px 0 15px 0;
}
.img-news {
width: 50px;
height: 50px;
}
//uncomment this to see the dimensions of all elements outlined in red
//* {
// border-color: red;

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

@ -1,5 +1,5 @@
h3
ul#story-list.story-list
.col-xs-12
ol#story-list.story-list
script(src="https://cdn.jsdelivr.net/ramda/0.10.0/ramda.min.js")
script.
@ -17,16 +17,13 @@ h3
var linkedName = getLinkedName(data[i].storyLink);
var rank = data[i].rank;
$(li).html("<div class='row text-left'>" +
"<div class='col-xs-3 col-sm-1'>" +
"<div class='positive-5'>" +
"<span>" + rank + "</span>" +
"</div>" +
"</div>" +
$(li)
.html(
"<div class='col-xs-12 text-left'>" +
"<div class='col-xs-2 col-sm-1'>" +
"<img src='" + data[i].author.picture + "' class='img-responsive'/>" +
"<img src='" + data[i].author.picture + "' class='img-news'/>" +
"</div>" +
"<div class='col-xs-7 col-sm-10'>" +
"<div class='col-xs-10 col-sm-11'>" +
"<div class='row'>" +
"<div class='col-xs-12'>" +
"<a href='/stories/" + linkedName + "'>"
@ -34,14 +31,16 @@ h3
"</a>" +
"</div>" +
"<div class='col-xs-12'>" +
"<span>Posted " +
"<span>" +
rank + " points, posted " +
moment(data[i].timePosted).fromNow() +
" by <a href='/" + data[i].author.username + "'>@" + data[i].author.username + "</a> " +
"</span>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</li>");
"</div>"
);
$(li).appendTo($('#story-list'));
}
});