script.js

// Add tooltip  element on page
// Tooltip will be showed when user (or bot) move mouse under element with dmtooltip attribute
function initToolTip()
{
    let body = document.querySelector('body');
    if (!body) {
        return;
    }

    let tooltip = document.querySelector('#tooltip');

    body.removeEventListener('mousemove', this.updateToolTip);
    body.addEventListener('mousemove', this.updateToolTip);
}

// Internal function to actually show or hide tooltip
// Must not be used at user code
function updateToolTip(event)
{
    let tooltip = document.querySelector('#tooltip');
    if (!tooltip) {
        return;
    }

    let el = event ? event.target : null;
    let text = '';
    if (el) {
        text = el.getAttribute('tooltip');
        text = text ? text : ''; // ensure String
        text = text.replace(/(?:\r\n|\r|\n)/g, '<br>');
        text = text.replace(/ /g, '&nbsp;');
    }

    if (text) {
        tooltip.innerHTML = '<p>' + text + '</p>';
    }
    else {
        tooltip.innerHTML = '';
    }

    if (tooltip.innerHTML) {
        tooltip.style.display = 'block';
        let rect = el.tagName == 'IMG' ? el.parentElement.getBoundingClientRect() : el.getBoundingClientRect();
        let emSize = parseFloat(getComputedStyle(el.parentElement).fontSize);
        tooltip.style.top = (rect.bottom + emSize / 3) + 'px';
        tooltip.style.left = (rect.left + rect.width / 2 - tooltip.getBoundingClientRect().width / 2) + 'px';
    }
    else {
        tooltip.style.display = 'none';
    }
}


function httpGet(theUrl)
{
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open("GET", theUrl, false); // false for synchronous request
    xmlHttp.send(null);
    return xmlHttp.responseText;
}

function onloadfunc()
{
    initToolTip();
    
    let map = JSON.parse(httpGet('https://api.github.com/repos/torrent-file-editor/torrent-file-editor/releases/latest'));

    if (map) {
        let assets = map.assets;
        for (let i = 0; i < assets.length; ++i) {
            let asset = assets[i];
            let os;
            if (asset.name.endsWith('-x32.exe')) {
                os = 'win32';
            }
            else if (asset.name.endsWith('-x64.exe')) {
                os = 'win64';
            }
            else if (asset.name.endsWith('.dmg')) {
                os = 'macos';
            }
            else if (asset.name.endsWith('.tar.gz')) {
                os = 'linux';
            }

            if (os) {
                let btnEl = document.querySelector('header a.btn[os="' + os + '"]');
                btnEl.setAttribute('href', asset.browser_download_url);

                let tooltip = 'Size ' + Number((asset.size / (1024 * 1024))).toFixed(2) + ' MiB<br>Download count '  + asset.download_count;
                btnEl.setAttribute('tooltip', tooltip);

                let imgEl = document.querySelector('header a.btn[os="' + os + '"] img');
                imgEl.setAttribute('tooltip', tooltip);
            }
        }
    }
}