function timestamp(str, ti) {
    date = new Date(ti*1000);
    document.getElementById(str).setAttribute("data-bs-original-title", date.toString());
};

function pinned_timestamp(id) {
    const el = document.getElementById(id)
    const time =  new Date(parseInt(el.dataset.timestamp)*1000)
    const pintooltip =  el.getAttribute("data-bs-original-title")
    if (!pintooltip.includes('until')) el.setAttribute("data-bs-original-title", `${pintooltip} until ${time}`)
}

function expandDesktopImage(image) {
	document.getElementById("desktop-expanded-image").src = image.replace("200w_d.webp", "giphy.webp");
	document.getElementById("desktop-expanded-image-link").href = image;
	document.getElementById("desktop-expanded-image-wrap-link").href=image;
    history.pushState(null, null, '#modal');
};

window.addEventListener("hashchange",  function (e) {
    if(location.hash != "#modal") {
        const expandImageModal = document.querySelector('#expandImageModal');
        const modal = bootstrap.Modal.getInstance(expandImageModal);    
        modal.hide();
    }
});

document.getElementById('expandImageModal').addEventListener('hidden.bs.modal', function (e) {
    if(location.hash == "#modal") {
        history.back();
    }
});

function popovertrigger() {
    const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
    const popoverList = popoverTriggerList.map(function(popoverTriggerEl) {
        const popoverId = popoverTriggerEl.getAttribute('data-content-id');
        const contentEl = document.getElementById(popoverId);
        if (contentEl) {
            return new bootstrap.Popover(popoverTriggerEl, {
                content: contentEl.innerHTML,
                html: true,
            });
        }
    })
}

popovertrigger()

function popclick(author) {
    popover = document.getElementsByClassName("popover")[0]

    let badges = ''
    for (const x of author["badges"]) {
        badges += `<img alt="badge" width="32" loading="lazy" src="${x}">`
    }
    popover.getElementsByClassName('pop-banner')[0].src = author["bannerurl"]
    popover.getElementsByClassName('pop-picture')[0].src = author["profile_url"]
    popover.getElementsByClassName('pop-username')[0].innerHTML = author["username"]
    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-badges')[0].innerHTML = badges
}

document.addEventListener("click", function(){
    active = document.activeElement.getAttributeNode("class");
    if (!(active && active.nodeValue == "user-name text-decoration-none")){
        let popfix = document.getElementById("popover-fix")
        if (popfix) document.body.removeChild(popfix);
    }
});