135 lines
4.7 KiB
JavaScript
135 lines
4.7 KiB
JavaScript
function pinned_timestamp(id) {
|
|
const el = document.getElementById(id)
|
|
const pintooltip = el.getAttribute("data-bs-original-title")
|
|
if (!pintooltip.includes('until'))
|
|
{
|
|
const time = formatDate(new Date(parseInt(el.dataset.timestamp)*1000))
|
|
el.setAttribute("data-bs-original-title", `${pintooltip} until ${time}`)
|
|
}
|
|
}
|
|
|
|
/** @type {HTMLImageElement} */
|
|
const popClickBadgeTemplateDOM = document.createElement("IMG");
|
|
popClickBadgeTemplateDOM.classList.add("pop-badge");
|
|
popClickBadgeTemplateDOM.loading = "lazy";
|
|
popClickBadgeTemplateDOM.alt = "badge";
|
|
|
|
/**
|
|
* @param {MouseEvent} e
|
|
*/
|
|
function popclick(e) {
|
|
// We let through those methods
|
|
if(e.ctrlKey || e.metaKey || e.shiftKey || e.altKey)
|
|
return;
|
|
e.preventDefault();
|
|
|
|
if(e.currentTarget.dataset.popInfo === undefined)
|
|
throw new SyntaxError("ill formed HTML! data-pop-info not present!!!");
|
|
|
|
const author = JSON.parse(e.currentTarget.dataset.popInfo);
|
|
if(!(author instanceof Object))
|
|
throw new SyntaxError("data-pop-info was not valid!");
|
|
|
|
// This is terrible lol. in header.js:bs_trigger() we should add
|
|
// to the ANCHOR element an event handler for "show.bs.tooltip" to build this
|
|
// when the DOM is ready.
|
|
// PROBLEM: IT DOES NOT WORK :MARSEYCRAZYTROLL: idk why it should work according to
|
|
// boostrap docs!
|
|
setTimeout(() => {
|
|
let popover = document.getElementsByClassName("popover")
|
|
popover = popover[popover.length-1]
|
|
|
|
if (popover.getElementsByClassName('pop-badges').length > 0) {
|
|
const badgesDOM = popover.getElementsByClassName('pop-badges')[0];
|
|
badgesDOM.innerHTML = "";
|
|
for (const badge of author["badges"]) {
|
|
const badgeDOM = popClickBadgeTemplateDOM.cloneNode();
|
|
badgeDOM.src = badge + "?b=6";
|
|
|
|
badgesDOM.append(badgeDOM);
|
|
}
|
|
}
|
|
|
|
popover.getElementsByClassName('pop-banner')[0].src = author["bannerurl"]
|
|
popover.getElementsByClassName('pop-picture')[0].src = author["profile_url"]
|
|
if (author["hat"]) popover.getElementsByClassName('pop-hat')[0].src = author['hat'] + "?h=7"
|
|
popover.getElementsByClassName('pop-username')[0].innerHTML = author["username"]
|
|
if (popover.getElementsByClassName('pop-bio').length > 0) {
|
|
popover.getElementsByClassName('pop-bio')[0].innerHTML = author["bio_html"]
|
|
}
|
|
popover.getElementsByClassName('pop-postcount')[0].innerHTML = author["post_count"]
|
|
popover.getElementsByClassName('pop-commentcount')[0].innerHTML = author["comment_count"]
|
|
popover.getElementsByClassName('pop-coins')[0].innerHTML = author["coins"]
|
|
popover.getElementsByClassName('pop-viewmore')[0].href = author["url"]
|
|
popover.getElementsByClassName('pop-created-date')[0].innerHTML = author["created_date"]
|
|
}, 5);
|
|
}
|
|
|
|
document.addEventListener("click", function(){
|
|
active = document.activeElement.getAttributeNode("class");
|
|
if (active && active.nodeValue == "user-name text-decoration-none"){
|
|
pops = document.getElementsByClassName('popover')
|
|
if (pops.length > 1) pops[0].remove()
|
|
}
|
|
else document.querySelectorAll('.popover').forEach(e => e.remove());
|
|
});
|
|
|
|
function post(url) {
|
|
const xhr = createXhrWithFormKey(url);
|
|
xhr[0].send(xhr[1]);
|
|
};
|
|
|
|
function poll_vote_0(oid, parentid, kind) {
|
|
for(let el of document.getElementsByClassName('presult-'+parentid)) {
|
|
el.classList.remove('d-none');
|
|
}
|
|
const full_oid = kind + '-' + oid
|
|
const type = document.getElementById(full_oid).checked;
|
|
const scoretext = document.getElementById('score-' + full_oid);
|
|
const score = Number(scoretext.textContent);
|
|
if (type == true) scoretext.textContent = score + 1;
|
|
else scoretext.textContent = score - 1;
|
|
post(`/vote/${kind}/option/${oid}`);
|
|
}
|
|
|
|
function poll_vote_1(oid, parentid, kind) {
|
|
for(let el of document.getElementsByClassName('presult-'+parentid)) {
|
|
el.classList.remove('d-none');
|
|
}
|
|
const full_oid = kind + '-' + oid
|
|
let curr = document.getElementById(`current-${kind}-${parentid}`)
|
|
if (curr && curr.value)
|
|
{
|
|
const scoretext = document.getElementById('score-' + curr.value);
|
|
const score = Number(scoretext.textContent);
|
|
scoretext.textContent = score - 1;
|
|
}
|
|
|
|
const scoretext = document.getElementById('score-' + full_oid);
|
|
|
|
const score = Number(scoretext.textContent);
|
|
scoretext.textContent = score + 1;
|
|
post(`/vote/${kind}/option/${oid}`);
|
|
curr.value = full_oid
|
|
}
|
|
|
|
function bet_vote(t, oid) {
|
|
postToast(t, `/vote/post/option/${oid}`,
|
|
{
|
|
},
|
|
() => {
|
|
for(let el of document.getElementsByClassName('bet')) {
|
|
el.disabled = true;
|
|
}
|
|
for(let el of document.getElementsByClassName('cost')) {
|
|
el.classList.add('d-none')
|
|
}
|
|
const scoretext = document.getElementById('option-' + oid);
|
|
const score = Number(scoretext.textContent);
|
|
scoretext.textContent = score + 1;
|
|
|
|
document.getElementById("user-coins-amount").innerText = parseInt(document.getElementById("user-coins-amount").innerText) - 200;
|
|
}
|
|
);
|
|
}
|