| | |
| | | return template.content.firstChild |
| | | } |
| | | |
| | | function initPopover(baseURL, useContextualBacklinks, renderLatex) { |
| | | function initPopover(baseURL, useContextualBacklinks) { |
| | | const basePath = baseURL.replace(window.location.origin, "") |
| | | fetchData.then(({ content }) => { |
| | | const links = [...document.getElementsByClassName("internal-link")] |
| | | links |
| | | .filter(li => li.dataset.src || (li.dataset.idx && useContextualBacklinks)) |
| | | .forEach(li => { |
| | | var el |
| | | let el |
| | | if (li.dataset.ctx) { |
| | | const linkDest = content[li.dataset.src] |
| | | const popoverElement = `<div class="popover"> |
| | |
| | | let splitLink = li.href.split("#") |
| | | let cleanedContent = removeMarkdown(linkDest.content) |
| | | if (splitLink.length > 1) { |
| | | let headingName = splitLink[1].replace(/\-/g, " ") |
| | | let headingName = decodeURIComponent(splitLink[1]).replace(/\-/g, " ") |
| | | let headingIndex = cleanedContent.toLowerCase().indexOf("<b>" + headingName + "</b>") |
| | | cleanedContent = cleanedContent.substring(headingIndex, cleanedContent.length) |
| | | } |
| | |
| | | |
| | | if (el) { |
| | | li.appendChild(el) |
| | | if (renderLatex) { |
| | | if (LATEX_ENABLED) { |
| | | renderMathInElement(el, { |
| | | delimiters: [ |
| | | { left: '$$', right: '$$', display: false }, |
| | |
| | | }) |
| | | |
| | | el.classList.add("visible") |
| | | plausible("Popover Hover", { |
| | | props: { |
| | | href: li.dataset.src |
| | | } |
| | | }) |
| | | }) |
| | | li.addEventListener("mouseout", () => { |
| | | el.classList.remove("visible") |