From 651bfc5cd284a259f429b50839c619dd1b94498a Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 07 Mar 2022 18:45:07 +0000
Subject: [PATCH] Merge pull request #62 from claudio4/hugo
---
layouts/partials/popover.html | 34 +++-------------------------------
1 files changed, 3 insertions(+), 31 deletions(-)
diff --git a/layouts/partials/popover.html b/layouts/partials/popover.html
index 32f019f..1d16622 100644
--- a/layouts/partials/popover.html
+++ b/layouts/partials/popover.html
@@ -1,35 +1,7 @@
{{if $.Site.Data.config.enableLinkPreview}}
+{{ $js := resources.Get "js/popover.js" | resources.Fingerprint "md5" | resources.Minify }}
+<script src="{{ $js.Permalink }}"></script>
<script>
- function htmlToElement(html) {
- const template = document.createElement('template')
- html = html.trim()
- template.innerHTML = html
- return template.content.firstChild
- }
- const baseUrl = {{strings.TrimRight "/" .Site.BaseURL }}.replace(window.location.origin, "")
- document.addEventListener("DOMContentLoaded", () => {
- fetchData().then(({content}) => {
- const links = [...document.getElementsByClassName("internal-link")]
- links.forEach(li => {
- const linkDest = content[li.dataset.src.replace(baseUrl, "")]
- // const linkDest = content[li.dataset.src]
- if (linkDest) {
- const popoverElement = `<div class="popover">
- <h3>${linkDest.title}</h3>
- <p>${removeMarkdown(linkDest.content).split(" ", 20).join(" ")}...</p>
- <p class="meta">${new Date(linkDest.lastmodified).toLocaleDateString()}</p>
-</div>`
- const el = htmlToElement(popoverElement)
- li.appendChild(el)
- li.addEventListener("mouseover", () => {
- el.classList.add("visible")
- })
- li.addEventListener("mouseout", () => {
- el.classList.remove("visible")
- })
- }
- })
- })
- })
+ initPopover({{strings.TrimRight "/" .Site.BaseURL }})
</script>
{{end}}
\ No newline at end of file
--
Gitblit v1.10.0