mixin renderComment (comment) .uk-card.uk-card-secondary.uk-card-small.uk-border-rounded .uk-card-body div(uk-grid).uk-grid-small .uk-width-auto img(src="/img/default-member.png").site-profile-picture.sb-small .uk-width-expand div(uk-grid).uk-grid-small.uk-flex-middle.uk-text-small if comment.author.displayName .uk-width-auto span= comment.author.displayName .uk-width-auto= comment.author.username .uk-width-auto= moment(comment.created).fromNow() div!= marked.parse(comment.content) div(uk-grid).uk-grid-small.uk-text-small .uk-width-auto button( type="button", data-comment-id= comment._id, onclick="return dtp.app.upvoteComment(event);", title="Upvote this comment", ).uk-button.uk-button-link +renderButtonIcon('fa-chevron-up', formatCount(comment.stats.upvoteCount)) .uk-width-auto button( type="button", data-comment-id= comment._id, onclick="return dtp.app.downvoteComment(event);", title="Downvote this comment", ).uk-button.uk-button-link +renderButtonIcon('fa-chevron-down', formatCount(comment.stats.downvoteCount)) .uk-width-auto button( type="button", data-comment-id= comment._id, onclick="return dtp.app.openReplies(event);", title="Load replies to this comment", ).uk-button.uk-button-link +renderButtonIcon('fa-comment', formatCount(comment.stats.replyCount)) .uk-width-auto button( type="button", data-comment-id= comment._id, onclick="return dtp.app.openReplyComposer(event);", title="Write a reply to this comment", ).uk-button.uk-button-link +renderButtonIcon('fa-reply', 'reply')