58 lines
1.8 KiB
JavaScript
58 lines
1.8 KiB
JavaScript
document.addEventListener("DOMContentLoaded", function () {
|
|
var content = document.querySelector("main");
|
|
if (!content) return;
|
|
|
|
var headings = content.querySelectorAll("h2, h3, h4");
|
|
if (headings.length < 2) return;
|
|
|
|
var nav = document.createElement("nav");
|
|
nav.className = "toc";
|
|
|
|
var header = document.createElement("div");
|
|
header.className = "panel-header";
|
|
header.textContent = "Contents";
|
|
nav.appendChild(header);
|
|
|
|
var list = document.createElement("ul");
|
|
headings.forEach(function (h) {
|
|
if (!h.id) return;
|
|
var li = document.createElement("li");
|
|
li.className = "toc-" + h.tagName.toLowerCase();
|
|
var a = document.createElement("a");
|
|
a.href = "#" + h.id;
|
|
var clone = h.cloneNode(true);
|
|
clone.querySelectorAll(".btn, .muted, .heading-anchor").forEach(function (el) { el.remove(); });
|
|
a.textContent = clone.textContent.trim();
|
|
li.appendChild(a);
|
|
list.appendChild(li);
|
|
});
|
|
nav.appendChild(list);
|
|
|
|
var rail = document.querySelector(".right-rail");
|
|
if (!rail) {
|
|
rail = document.createElement("div");
|
|
rail.className = "right-rail";
|
|
document.body.appendChild(rail);
|
|
}
|
|
rail.appendChild(nav);
|
|
|
|
var fab = document.createElement("button");
|
|
fab.type = "button";
|
|
fab.className = "btn btn-fab fab";
|
|
fab.title = "Contents";
|
|
fab.setAttribute("aria-label", "Contents");
|
|
fab.setAttribute("aria-expanded", "false");
|
|
fab.textContent = "≡";
|
|
fab.addEventListener("click", function () {
|
|
var open = nav.classList.toggle("is-open");
|
|
fab.setAttribute("aria-expanded", open ? "true" : "false");
|
|
});
|
|
nav.addEventListener("click", function (e) {
|
|
if (e.target.tagName === "A") {
|
|
nav.classList.remove("is-open");
|
|
fab.setAttribute("aria-expanded", "false");
|
|
}
|
|
});
|
|
document.body.appendChild(fab);
|
|
});
|