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

Minor view improvements and removing extra dom closing tags from views

Browse Source
This commit is contained in:
Nathan Leniz
2015-03-07 21:33:04 +09:00
parent 485bbcc3a9
commit 585544e1fd
4 changed files with 49 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/main.less
View File

@ -171,6 +171,10 @@ ul {
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.positive-5 {
margin-top: 5px;
}
.negative-45 {
margin-top: -45px;
margin-bottom: -45px;

42
views/stories/comments.jade
View File

@ -26,38 +26,30 @@
$(div)
.html(
"<div class='comment row col-xs-12'>" +
"<div class='col-xs-1 text-center'>" +
"<div class='col-xs-1'>" +
"<img class='img-responsive' src=" + commentDetails.author.picture + "></img>" +
"</div>" +
"<div class='col-xs-10'>" +
"<div class='row'>" +
"<div class='col-xs-12'>" +
"<h3 class='negative-5'>" +
commentDetails.rank +
"</h3>" +
commentDetails.body +
"</div>" +
"</div>" +
"</div>" +
"<div class='col-xs-1'>" +
"<img class='img-responsive' src=" + commentDetails.author.picture + "></img>" +
"</div>" +
"<div class='col-xs-10'>" +
"<div class='row'>" +
"<div class='col-xs-12'>" +
commentDetails.body +
"</div>" +
"</div>" +
"<div class='row'>" +
"<h6>" +
"<div class='col-xs-12 negative-15'>" +
"commented " + moment(commentDetails.commentedOn).fromNow() + " by " +
"<a href='/" + commentDetails.author.username + "'>@" + commentDetails.author.username + "</a>" +
"</div>" +
"</h6>" +
"</div>" +
"<div class='row negative-20'>" +
"<div class='col-xs-6 comment-a-comment'>" +
"<div class='row'>" +
"<h6>" +
"<a id='" + commentDetails._id + "'>Reply</a>" +
"<div class='col-xs-12 negative-15'>" +
"commented " + moment(commentDetails.commentedOn).fromNow() + " by " +
"<a href='/" + commentDetails.author.username + "'>@" + commentDetails.author.username + "</a>" +
"</div>" +
"</h6>" +
"</div>" +
"<div class='row negative-20'>" +
"<div class='col-xs-6 comment-a-comment'>" +
"<h6>" +
"<a id='" + commentDetails._id + "'>Reply</a>" +
"</h6>" +
"</div>" +
"</div>" +
"</div>" +
"</div>"
)

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

@ -19,7 +19,7 @@ h3
$(li).html("<div class='row text-left'>" +
"<div class='col-xs-3 col-sm-1'>" +
"<div class='story-up-votes'>" +
"<div class='positive-5'>" +
"<span>" + rank + "</span>" +
"</div>" +
"</div>" +

52
views/stories/new-stories.jade
View File

@ -17,31 +17,33 @@ 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='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].storyLink +
"</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)
.html(
"<div class='row text-left'>" +
"<div class='col-xs-3 col-sm-1'>" +
"<div class='positive-5'>" +
"<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].storyLink +
"</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> " +
"</span" +
"</div>" +
"</div>" +
"</div>"
)
$(li).appendTo($('#story-list'));
}
});