|
@ -1,6 +1,6 @@ |
|
|
mixin renderComment (comment) |
|
|
mixin renderComment (comment) |
|
|
article(data-comment-id= comment._id).uk-comment.dtp-site-comment |
|
|
div(data-comment-id= comment._id).uk-card.uk-card-default.uk-card-small.dtp-site-comment.uk-border-rounded |
|
|
header.uk-comment-header |
|
|
.uk-card-header |
|
|
div(uk-grid).uk-grid-medium.uk-flex-middle |
|
|
div(uk-grid).uk-grid-medium.uk-flex-middle |
|
|
.uk-width-auto |
|
|
.uk-width-auto |
|
|
if comment.author.picture && comment.author.picture.small |
|
|
if comment.author.picture && comment.author.picture.small |
|
@ -12,7 +12,7 @@ mixin renderComment (comment) |
|
|
h4.uk-comment-title.uk-margin-remove= comment.author.displayName || comment.author.username |
|
|
h4.uk-comment-title.uk-margin-remove= comment.author.displayName || comment.author.username |
|
|
.uk-comment-meta= moment(comment.created).fromNow() |
|
|
.uk-comment-meta= moment(comment.created).fromNow() |
|
|
|
|
|
|
|
|
.uk-comment-body |
|
|
.uk-card-body |
|
|
case comment.status |
|
|
case comment.status |
|
|
when 'published' |
|
|
when 'published' |
|
|
if comment.flags && comment.flags.isNSFW |
|
|
if comment.flags && comment.flags.isNSFW |
|
@ -39,12 +39,11 @@ mixin renderComment (comment) |
|
|
.comment-content.uk-text-muted [comment removed] |
|
|
.comment-content.uk-text-muted [comment removed] |
|
|
|
|
|
|
|
|
//- Comment meta bar |
|
|
//- Comment meta bar |
|
|
div(uk-grid).uk-grid-small |
|
|
.uk-card-footer |
|
|
|
|
|
div(uk-grid).uk-grid-small.uk-text-small.uk-text-muted |
|
|
.uk-width-auto |
|
|
.uk-width-auto |
|
|
+renderLabeledIcon('fa-chevron-up', formatCount(comment.resourceStats.upvoteCount)) |
|
|
+renderLabeledIcon('fa-chevron-up', formatCount(comment.resourceStats.upvoteCount)) |
|
|
.uk-width-auto |
|
|
.uk-width-auto |
|
|
+renderLabeledIcon('fa-chevron-down', formatCount(comment.resourceStats.downvoteCount)) |
|
|
+renderLabeledIcon('fa-chevron-down', formatCount(comment.resourceStats.downvoteCount)) |
|
|
.uk-width-auto |
|
|
.uk-width-auto |
|
|
+renderLabeledIcon('fa-comment', formatCount(comment.commentStats.replyCount)) |
|
|
+renderLabeledIcon('fa-comment', formatCount(comment.commentStats.replyCount)) |
|
|
.uk-width-auto |
|
|
|
|
|
+renderLabeledIcon('fa-reply', 'reply') |
|
|
|