rDrama/files/assets/js/comments.js
2021-12-09 19:23:57 -06:00

23 lines
No EOL
919 B
JavaScript

function timestamp(str, ti) {
date = new Date(ti*1000);
document.getElementById(str).setAttribute("data-bs-original-title", date.toString());
};
function collapse_comment(comment_id) {
const comment = document.getElementById(`comment-${comment_id}`)
const isClosed = comment.classList.contains("collapsed");
const top = comment.getBoundingClientRect().y;
const toggler = document.getElementById(`comment-collapse-${comment_id}`);
['hidden', 'pointer-events-none'].map(x=> toggler.classList.toggle(x));
['items-center', 'opacity-50', 'hover:opacity-100', 'collapsed'].map(y=> comment.classList.toggle(y)); // apply flex alignment and opacity to comment parent wrapping div
document.getElementById(`comment-toggle-icon-${comment_id}`).innerText = isClosed ? '[+]' : '[-]';
if (isClosed && top < 0) {
comment.scrollIntoView()
window.scrollBy(0, - 100)
}
};