48d7f4077d
https://caniuse.com/mdn-javascript_operators_optional_chaining it seems to be less supported on mobile devices then I'd expect so here's a justification for it i guess reported here: https://www.themotte.org/post/563/meta-a-whole-host-of-minor/122837
82 lines
2.6 KiB
JavaScript
82 lines
2.6 KiB
JavaScript
var closedCommentsKey = null;
|
|
var closedComments = [];
|
|
|
|
function collapsedCommentStorageInit(pageKey) {
|
|
closedCommentsKey = `closedcomments_${pageKey}`;
|
|
}
|
|
|
|
function collapsedCommentStorageApply() {
|
|
if (!closedCommentsKey) {
|
|
return;
|
|
}
|
|
|
|
var closedCommentsValue = localStorage.getItem(closedCommentsKey);
|
|
if (closedCommentsValue === null) {
|
|
closedComments = [];
|
|
} else {
|
|
closedComments = JSON.parse(closedCommentsValue);
|
|
}
|
|
|
|
closedComments.forEach((commentId) => {
|
|
try {
|
|
document.getElementById(`comment-${commentId}`).classList.add("collapsed");
|
|
} catch (e) {}
|
|
})
|
|
}
|
|
|
|
function collapse_comment(id, element) {
|
|
const closed = element.classList.toggle("collapsed")
|
|
const top = element.getBoundingClientRect().y
|
|
|
|
if (closed && top < 0) {
|
|
element.scrollIntoView()
|
|
window.scrollBy(0, - 100)
|
|
}
|
|
|
|
const flags = document.getElementById(`flaggers-${id}`)
|
|
if (flags) flags.classList.add('d-none')
|
|
|
|
if (closed && !closedComments.includes(id)) {
|
|
closedComments.push(id);
|
|
} else if (!closed && closedComments.includes(id)) {
|
|
closedComments.splice(closedComments.indexOf(id), 1);
|
|
}
|
|
if (closedCommentsKey) {
|
|
localStorage.setItem(closedCommentsKey, JSON.stringify(closedComments));
|
|
}
|
|
};
|
|
|
|
function expandMarkdown(t,id) {
|
|
let ta = document.getElementById('markdown-'+id);
|
|
ta.classList.toggle('d-none');
|
|
autoExpand(ta);
|
|
document.getElementsByClassName('text-expand-icon-'+id)[0].classList.toggle('fa-expand-alt');
|
|
document.getElementsByClassName('text-expand-icon-'+id)[0].classList.toggle('fa-compress-alt');
|
|
|
|
let val = t.getElementsByTagName('span')[0]
|
|
if (val.innerHTML == 'View source') val.innerHTML = 'Hide source'
|
|
else val.innerHTML = 'View source'
|
|
};
|
|
|
|
function commentsAddUnreadIndicator(commentIds) {
|
|
commentIds.forEach(element => {
|
|
const commentOnly = document.getElementById(`comment-${element}-only`);
|
|
if (!commentOnly) {
|
|
console.warn(`Couldn't find comment (comment ID ${element}) in page while attempting to add an unread indicator.`);
|
|
return;
|
|
}
|
|
if (commentOnly.classList.contains("unread")) return;
|
|
commentOnly.classList.add("unread");
|
|
const commentElement = document.getElementById(`comment-${element}`);
|
|
if (!commentElement) {
|
|
console.warn(`Couldn't find comment (ID ${element}) in page while attempting to add an unread indicator.`);
|
|
return;
|
|
}
|
|
const commentUserInfo = commentElement.querySelector(".comment-user-info");
|
|
if (!commentUserInfo) {
|
|
console.warn(`Couldn't find comment user info (comment ID ${element}) in page while attempting to add an unread indicator.`);
|
|
return;
|
|
}
|
|
commentUserInfo.innerHTML += "<span class=\"new-indicator\">~new~</span>";
|
|
});
|
|
}
|