1
0
Fork 0
mirror of https://git.sr.ht/~ashkeel/strimertul-website synced 2024-11-23 21:32:20 +00:00
strimertul-website/static/script/toc.js

39 lines
1,011 B
JavaScript
Raw Normal View History

2023-03-01 13:17:50 +00:00
const toc = document.getElementById("TableOfContents");
const getId = (el) => {
do {
const id = el.getAttribute("id");
if (id) {
return id;
}
el = el.previousElementSibling;
} while (el);
};
if (toc) {
if (toc.children.length < 1) {
toc.parentElement.remove();
} else {
const observer = new IntersectionObserver((entries) => {
2023-03-01 13:20:15 +00:00
const filtered = entries.filter(
(i) => getId(i.target) && i.intersectionRatio > 0
);
if (filtered.length > 0) {
2023-03-01 13:21:07 +00:00
toc
.querySelectorAll(`li.active`)
.forEach((entry) => entry.classList.remove("active"));
2023-03-01 13:20:15 +00:00
filtered.forEach((entry) => {
const id = getId(entry.target);
2023-03-01 13:17:50 +00:00
toc
.querySelector(`li a[href="#${id}"]`)
.parentElement.classList.add("active");
2023-03-01 13:20:15 +00:00
});
}
2023-03-01 13:17:50 +00:00
});
// Track all sections that have an `id` applied
document.querySelectorAll(".copy *").forEach((section) => {
observer.observe(section);
});
}
}