mdviewer.js

function setStatusBar() {

    function showURL(ev) {
        var msg = document.createElement("span");
        if (this.pathname == window.location.pathname &&
            this.protocol == window.location.protocol &&
            this.host     == window.location.host &&
            this.hash) {
            msg.innerHTML = this.hash;
        } else if (this.protocol === "mailto:") {
            msg.innerHTML = this.protocol + this.hostname + this.pathname;
        } else {
            msg.innerHTML = this.protocol + "//" + this.hostname
                + "<span class=\"secondary-text\">"
                + this.port + this.pathname + this.search + this.hash
                + "</span>";
        }
        var sbar = document.createElement("div");
        sbar.id = "ui-status-bar";
        sbar.appendChild(msg);
        document.body.insertBefore(sbar, document.body.lastChild);
    }

    function hideURL(ev) {
        var sbar = document.getElementById("ui-status-bar");
        if (sbar) {
            sbar.parentNode.removeChild(sbar);
        }
    }

    var links = [].slice.call(document.links);
    links.forEach(function(link) {
        link.addEventListener("mouseover", showURL);
        link.addEventListener("mouseout",  hideURL);
    });

}

function generateTOC() {

    var toc = document.getElementById("ui-toc");
    if (toc) { toc.parentNode.removeChild(toc) }

    toc = document.createElement("nav");
    toc.id = "ui-toc";
    toc.style.display = "none";
    toc.oncontextmenu = function() { return false };
    document.body.insertBefore(toc, document.body.lastChild);

    var headings = [].slice.call(document.body.querySelectorAll("h1, h2, h3, h4, h5, h6"));

    headings.forEach(function(heading, i) {

        var ref;

        if (heading.id) {
            ref = heading.getAttribute("id");
        } else {
            ref = "ui-toc-" + i;
            heading.id = ref;
        }

        var link = document.createElement("a");
        link.href = "#" + ref;
        link.appendChild(document.createTextNode(heading.innerText || heading.textContent));

        var entry = document.createElement("div");
        entry.className = "ui-toc-" + heading.tagName.toLowerCase();
        entry.appendChild(link);
        toc.appendChild(entry);

    });

    var hidetoc = document.createElement("a");
    hidetoc.id = "ui-toc-hide";
    hidetoc.title = "Hide Navigation pane";
    hidetoc.addEventListener ("click", function() { toc.style.display = "none" });
    toc.appendChild(hidetoc);

    if (typeof(window.MathJax) !== "undefined") {
        let mjversion = parseInt(MathJax.version.split(".")[0]);
        if (mjversion > 2) {
            MathJax.typeset();
        } else {
            MathJax.Hub.Queue(["Typeset", MathJax.Hub, "ui-toc"]);
        }
    }

}

function toggleTOC() {
    var toc = document.getElementById("ui-toc");
    if (toc) {
        if (toc.style.display === "none") {
            toc.style.display = "block";
            toc.getElementsByTagName("a")[0].focus()
        } else {
            toc.style.display = "none";
            document.body.focus();
        }
    }
}

function procTaskList() {
    var items = [].slice.call(document.body.querySelectorAll("li"));
    items.forEach(function (item) {
        element = item.firstChild;
        if (element.nodeName === "INPUT" &&
            element.getAttribute("type") === "checkbox") {
            element.classList.add("task-list-item-checkbox");
            item.classList.add("task-list-item");
        } else {
            if (element.tagName === "P") {
                if (element.firstChild.nodeName === "INPUT" &&
                    element.firstChild.getAttribute("type") === "checkbox") {
                    element.firstChild.classList.add("task-list-item-checkbox");
                    item.classList.add("task-list-item");
                }
            }
        }
    });
}

setStatusBar();
generateTOC();
procTaskList();