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 { 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%; } .responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.positive-5 {
margin-top: 5px;
}
.negative-45 { .negative-45 {
margin-top: -45px; margin-top: -45px;
margin-bottom: -45px; margin-bottom: -45px;

42
views/stories/comments.jade
View File

@ -26,38 +26,30 @@
$(div) $(div)
.html( .html(
"<div class='comment row col-xs-12'>" + "<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='row'>" +
"<div class='col-xs-12'>" + "<div class='col-xs-12'>" +
"<h3 class='negative-5'>" + commentDetails.body +
commentDetails.rank +
"</h3>" +
"</div>" + "</div>" +
"</div>" + "</div>" +
"</div>" + "<div class='row'>" +
"<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'>" +
"<h6>" + "<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>" + "</h6>" +
"</div>" + "</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>" +
"</div>" "</div>"
) )

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

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

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

@ -17,31 +17,33 @@ h3
var linkedName = getLinkedName(data[i].storyLink); var linkedName = getLinkedName(data[i].storyLink);
var rank = data[i].rank; var rank = data[i].rank;
$(li).html("<div class='row text-left'>" + $(li)
"<div class='col-xs-3 col-sm-1'>" + .html(
"<div class='story-up-votes'>" + "<div class='row text-left'>" +
"<span>" + rank + "</span>" + "<div class='col-xs-3 col-sm-1'>" +
"</div>" + "<div class='positive-5'>" +
"</div>" + "<span>" + rank + "</span>" +
"<div class='col-xs-2 col-sm-1'>" + "</div>" +
"<img src='" + data[i].author.picture + "' class='img-responsive'/>" + "</div>" +
"</div>" + "<div class='col-xs-2 col-sm-1'>" +
"<div class='col-xs-7 col-sm-10'>" + "<img src='" + data[i].author.picture + "' class='img-responsive'/>" +
"<div class='row'>" + "</div>" +
"<div class='col-xs-12'>" + "<div class='col-xs-7 col-sm-10'>" +
"<a href='/stories/" + linkedName + "'>" "<div class='row'>" +
+ data[i].storyLink + "<div class='col-xs-12'>" +
"</a>" + "<a href='/stories/" + linkedName + "'>"
"</div>" + + data[i].storyLink +
"<div class='col-xs-12'>" + "</a>" +
"<span>Posted " + "</div>" +
moment(data[i].timePosted).fromNow() + "<div class='col-xs-12'>" +
" by <a href='/" + data[i].author.username + "'>@" + data[i].author.username + "</a> " + "<span>Posted " +
"</div>" + moment(data[i].timePosted).fromNow() +
"</div>" + " by <a href='/" + data[i].author.username + "'>@" + data[i].author.username + "</a> " +
"</div>" + "</span" +
"</div>" + "</div>" +
"</li>"); "</div>" +
"</div>"
)
$(li).appendTo($('#story-list')); $(li).appendTo($('#story-list'));
} }
}); });