2 changed files with 52 additions and 1 deletions
@ -0,0 +1,50 @@ |
|||||
|
mixin renderComment (comment) |
||||
|
article(data-comment-id= comment._id).uk-comment.dtp-site-comment |
||||
|
header.uk-comment-header |
||||
|
div(uk-grid).uk-grid-medium.uk-flex-middle |
||||
|
.uk-width-auto |
||||
|
if comment.author.picture && comment.author.picture.small |
||||
|
img(src= `/image/${comment.author.picture.small._id}`).site-profile-picture.sb-small.uk-comment-avatar |
||||
|
else |
||||
|
img(src="/img/default-member.png").site-profile-picture.sb-small.uk-comment-avatar |
||||
|
|
||||
|
.uk-width-expand |
||||
|
h4.uk-comment-title.uk-margin-remove= comment.author.displayName || comment.author.username |
||||
|
.uk-comment-meta= moment(comment.created).fromNow() |
||||
|
|
||||
|
.uk-comment-body |
||||
|
case comment.status |
||||
|
when 'published' |
||||
|
if comment.flags && comment.flags.isNSFW |
||||
|
div.uk-alert.uk-alert-info.uk-border-rounded |
||||
|
div(uk-grid).uk-grid-small.uk-text-small.uk-flex-middle |
||||
|
.uk-width-expand NSFW comment hidden by default. Use the eye to show/hide. |
||||
|
.uk-width-auto |
||||
|
button( |
||||
|
type="button", |
||||
|
uk-toggle={ target: `.comment-content[data-comment-id="${comment._id}"]` }, |
||||
|
title="Show/hide the comment text", |
||||
|
).uk-button.uk-button-link |
||||
|
span |
||||
|
i.fas.fa-eye |
||||
|
.comment-content(data-comment-id= comment._id, hidden= comment.flags ? comment.flags.isNSFW : false)!= marked.parse(comment.content) |
||||
|
when 'removed' |
||||
|
.comment-content.uk-text-muted [comment removed] |
||||
|
when 'mod-warn' |
||||
|
alert |
||||
|
span A warning has been added to this comment. |
||||
|
button(type="button", uk-toggle={ target: `.comment-content[data-comment-id="${comment._id}"]` }) |
||||
|
.comment-content(data-comment-id= comment._id, hidden)!= marked.parse(comment.content) |
||||
|
when 'mod-removed' |
||||
|
.comment-content.uk-text-muted [comment removed] |
||||
|
|
||||
|
//- Comment meta bar |
||||
|
div(uk-grid).uk-grid-small |
||||
|
.uk-width-auto |
||||
|
+renderLabeledIcon('fa-chevron-up', formatCount(comment.resourceStats.upvoteCount)) |
||||
|
.uk-width-auto |
||||
|
+renderLabeledIcon('fa-chevron-down', formatCount(comment.resourceStats.downvoteCount)) |
||||
|
.uk-width-auto |
||||
|
+renderLabeledIcon('fa-comment', formatCount(comment.commentStats.replyCount)) |
||||
|
.uk-width-auto |
||||
|
+renderLabeledIcon('fa-reply', 'reply') |
Loading…
Reference in new issue