rDrama/files/assets/CHRISTMAS/js/popover.js
2022-01-02 21:38:52 -06:00

47 lines
No EOL
2.2 KiB
JavaScript

function userPopover(author) {
let popfix = document.getElementById("popover-fix")
if (popfix) document.body.removeChild(popfix);
let popover_old = document.getElementsByClassName("popover")[0];
let popover_new = document.createElement("DIV");
if (popover_old) {
popover_new.innerHTML = popover_old.outerHTML;
popover_new.id = "popover-fix";
}
let badges = ''
for (const x of author["badges"]) {
badges += `<img alt="badge" class="flex-shrink-0 w-8 h-8 object-contain transform transition-100 hover:scale-[1.15]" loading="lazy" src="${x}">`
}
if (popover_old) {
popover_new.getElementsByClassName('pop-banner')[0].src = author["bannerurl"]
popover_new.getElementsByClassName('pop-picture')[0].src = author["profile_url"]
popover_new.getElementsByClassName('pop-username')[0].innerHTML = author["username"]
popover_new.getElementsByClassName('pop-bio')[0].innerHTML = author["bio_html"]
popover_new.getElementsByClassName('pop-postcount')[0].innerHTML = author["post_count"]
popover_new.getElementsByClassName('pop-commentcount')[0].innerHTML = author["comment_count"]
popover_new.getElementsByClassName('pop-coins')[0].innerHTML = author["coins"]
popover_new.getElementsByClassName('pop-viewmore')[0].href = author["url"]
popover_new.getElementsByClassName('pop-badges')[0].innerHTML = badges
popover_new.getElementsByClassName('pop-uid')[0].innerHTML = author["id"]
document.body.appendChild(popover_new);
document.body.removeChild(popover_old);
}
// Button and modal for sending direct messages
const messageModal = document.getElementById('directMessageModal');
const messageButton = document.getElementById('popoverMessageButton');
// Pass our author (the recipient) to the button
messageButton.dataset.bsRecipient = author["username"];
}
document.addEventListener("click", function(){
active = document.activeElement.getAttributeNode("class");
if (!(active && active.nodeValue == "user-name")){
let popfix = document.getElementById("popover-fix")
if (popfix) document.body.removeChild(popfix);
}
});