From 91c4e3fb3a5d9e86e5fb513bb65da89d4b061b08 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sun, 03 Apr 2022 18:44:33 +0000
Subject: [PATCH] fix: multiline code block #87

---
 layouts/partials/popover.html |   34 ++++++----------------------------
 1 files changed, 6 insertions(+), 28 deletions(-)

diff --git a/layouts/partials/popover.html b/layouts/partials/popover.html
index d9cc941..1d16622 100644
--- a/layouts/partials/popover.html
+++ b/layouts/partials/popover.html
@@ -1,29 +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
-  }
-
-  document.addEventListener("DOMContentLoaded", () => {
-    [...document.getElementsByClassName("internal-link")]
-      .forEach(li => {
-        const linkDest = content[li.dataset.src]
-        if (linkDest) {
-          const popoverElement = `<div class="popover">
-    <h3>${linkDest.title}</h3>
-    <p>${removeMarkdown(linkDest.content).split(" ", 15).join(" ")}...</p>
-</div>`
-          const el = htmlToElement(popoverElement)
-          li.appendChild(el)
-          li.addEventListener("mouseover", () => {
-            el.classList.add("visible")
-          })
-          li.addEventListener("mouseout", () => {
-            el.classList.remove("visible")
-          })
-        }
-      })
-  })
-</script>
\ No newline at end of file
+  initPopover({{strings.TrimRight "/" .Site.BaseURL }})
+</script>
+{{end}}
\ No newline at end of file

--
Gitblit v1.10.0