teddit-reddit-frontend-alte.../inc/compilePostComments.js

185 lines
8.0 KiB
JavaScript
Raw Normal View History

2020-11-17 21:44:32 +01:00
module.exports = function() {
this.compilePostCommentsHtml = (comments, next_comment, post_id, post_url, morechildren_ids, post_author) => {
return new Promise((resolve, reject) => {
(async () => {
let comments_html
if(comments.author !== undefined && comments.body_html !== undefined) {
let classlist = []
let submitter_link = ''
2020-11-22 14:09:43 +01:00
let moderator = false
let submitter = false
let edited_span = ''
2020-11-22 14:09:43 +01:00
2020-11-17 21:44:32 +01:00
if(post_author === comments.author) {
classlist.push('submitter')
submitter_link = `<a href="${post_url}" title="submitter">[S]</a>`
2020-11-22 14:09:43 +01:00
submitter = true
2020-11-17 21:44:32 +01:00
}
2020-11-22 14:09:43 +01:00
if(comments.distinguished === 'moderator') {
2020-11-17 21:44:32 +01:00
classlist.push('green')
2020-11-22 14:09:43 +01:00
moderator_badge = ` <span class="green" title="moderator of this subreddit">[M]</span>`
moderator = true
2020-11-17 21:44:32 +01:00
}
if(comments.score_hidden) {
ups = `<span class="score-hidden">[score hidden]</span>`
} else {
ups = `${kFormatter(comments.ups)} points`
}
if(comments.edited) {
edited_span = `<span title="this comment is edited">*</span>`
}
2020-11-17 21:44:32 +01:00
comments_html = `
<div class="comment" id="${comments.id}">
<details open>
<summary>
2020-11-22 14:09:43 +01:00
<a href="/u/${comments.author}">${comments.author}${moderator ? moderator_badge : ''}</a>
<p class="ups">${ups}</p>
<p class="created" title="${toUTCString(comments.created)}">${timeDifference(comments.created)}${edited_span}</p>
2020-11-22 14:09:43 +01:00
<p class="stickied">${comments.stickied ? 'stickied comment' : ''}</p>
2020-11-17 21:44:32 +01:00
</summary>
<div class="meta">
2020-11-22 14:09:43 +01:00
<p class="author"><a href="/u/${comments.author}" class="${classlist.join(' ')}">${comments.author}</a>${submitter ? submitter_link : ''}${moderator ? moderator_badge : ''}</p>
<p class="ups">${ups}</p>
2020-11-17 21:44:32 +01:00
<p class="created" title="${toUTCString(comments.created)}">
<a href="${comments.permalink}">${timeDifference(comments.created)}${edited_span}</a>
2020-11-22 14:09:43 +01:00
</p>
<p class="stickied">${comments.stickied ? 'stickied comment' : ''}</p>
2020-11-17 21:44:32 +01:00
</div>
<div class="body">${unescape(comments.body_html)}</div>
`
} else {
if(comments.children) {
if(comments.children.length > 0) {
let parent_id = comments.parent_id.split('_')[1]
if(post_id === parent_id && !morechildren_ids) {
comments_html = `
<form method="POST">
<button type="submit">load more comments (${comments.count})</button>
<input type="hidden" name="url" id="url" value="${post_url}">
<input type="hidden" name="all_ids" id="all_ids" value="${comments.children.join()}">
</form>
`
} else {
if(!morechildren_ids) {
comments_html = `
<div class="load-more-comments">
<a href="${parent_id}">load more comments (${comments.count})</a>
</div>
`
} else {
morechildren_ids = JSON.parse(morechildren_ids)
comments_html = `
<form method="POST">
<button type="submit">load more comments (${morechildren_ids.length})</button>
<input type="hidden" name="url" id="url" value="${post_url}">
<input type="hidden" name="all_ids" id="all_ids" value='${morechildren_ids.join()}'>
</form>
`
}
}
} else {
comments_html = `
<a href="${comments.id}/">continue this thread</a>
`
}
}
}
if(comments.replies) {
for(var i = 0; i < comments.replies.length; i++) {
let comment = comments.replies[i]
if(comment.type !== 'load_more') {
let classlist = []
let submitter_link = ''
2020-11-22 14:09:43 +01:00
let moderator = false
let submitter = false
let ups = ''
let edited_span = ''
2020-11-17 21:44:32 +01:00
if(post_author === comment.author) {
classlist.push('submitter')
submitter_link = `<a href="${post_url}" title="submitter">[S]</a>`
2020-11-22 14:09:43 +01:00
submitter = true
2020-11-17 21:44:32 +01:00
}
if(comment.distinguished === 'moderator') {
2020-11-17 21:44:32 +01:00
classlist.push('green')
2020-11-22 14:09:43 +01:00
moderator_badge = ` <span class="green" title="moderator of this subreddit">[M]</span>`
moderator = true
2020-11-17 21:44:32 +01:00
}
if(comment.score_hidden) {
ups = `<span class="score-hidden">[score hidden]</span>`
} else {
ups = `${kFormatter(comment.ups)} points`
}
if(comment.edited) {
edited_span = `<span title="this comment is edited">*</span>`
}
2020-11-17 21:44:32 +01:00
comments_html += `
<div class="comment" id="${comment.id}">
<details open>
<summary>
2020-11-22 14:09:43 +01:00
<a href="/u/${comment.author}">${comment.author}${moderator ? moderator_badge : ''}</a>
<p class="ups">${ups}</p>
<p class="created" title="${toUTCString(comment.created)}">${timeDifference(comment.created)}${edited_span}</p>
2020-11-22 14:09:43 +01:00
<p class="stickied">${comment.stickied ? 'stickied comment' : ''}</p>
2020-11-17 21:44:32 +01:00
</summary>
<div class="meta">
2020-11-22 14:09:43 +01:00
<p class="author"><a href="/u/${comment.author}" class="${classlist.join(' ')}">${comment.author}</a>${submitter ? submitter_link : ''}${moderator ? moderator_badge : ''}</p>
<p class="ups">${ups}</p>
2020-11-17 21:44:32 +01:00
<p class="created" title="${toUTCString(comment.created)}">
<a href="${comment.permalink}">${timeDifference(comment.created)}${edited_span}</a>
2020-11-17 21:44:32 +01:00
</p>
2020-11-22 14:09:43 +01:00
<p class="stickied">${comment.stickied ? 'stickied comment' : ''}</p>
2020-11-17 21:44:32 +01:00
</div>
<div class="body">${unescape(comment.body_html)}</div>
`
let replies_html = ''
if(comment.replies) {
if(comment.replies.length) {
for(var j = 0; j < comment.replies.length; j++) {
let next_reply
if(comment.replies[j+1]) {
next_reply = comment.replies[j+1]
}
replies_html += await compilePostCommentsHtml(comment.replies[j], next_reply, post_id, post_url, null, post_author)
}
}
}
comments_html += replies_html + '</details></div>'
} else {
if(comment.children.length > 0) {
let parent_id = comment.parent_id.split('_')[1]
comments_html += `
<div class="load-more-comments">
<a href="${parent_id}">load more comments (${comment.count})</a>
</div>
`
} else {
comments_html += `
<div class="load-more-comments">
<a href="${comment.id}">continue this thread</a>
</div>
`
}
}
}
}
let next_comment_parent_id = null
if(next_comment) {
if(next_comment.parent_id) {
next_comment_parent_id = next_comment.parent_id.split('_')[1]
}
}
if((comments.replies || comments.author !== undefined) && next_comment_parent_id !== comments.id) {
comments_html += `</details></div>`
}
next_comment_parent_id = null
resolve(comments_html)
})()
})
}
}