From 1313bd9779c638f09b8901f8432d6bc39910bce3 Mon Sep 17 00:00:00 2001
From: Claudio Yanes <me@claudio4.com>
Date: Fri, 04 Mar 2022 02:07:51 +0000
Subject: [PATCH] Move css and js to appropriate files
---
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