From 9c04ca026676445849081d32efb8e840465994d5 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Thu, 17 Feb 2022 15:49:41 +0000
Subject: [PATCH] rtl docs
---
layouts/partials/popover.html | 44 +++++++++++++++++++++-----------------------
1 files changed, 21 insertions(+), 23 deletions(-)
diff --git a/layouts/partials/popover.html b/layouts/partials/popover.html
index 35f0738..32f019f 100644
--- a/layouts/partials/popover.html
+++ b/layouts/partials/popover.html
@@ -1,37 +1,35 @@
{{if $.Site.Data.config.enableLinkPreview}}
<script>
-async function run() {
- const {content} = await fetchData()
function htmlToElement(html) {
const template = document.createElement('template')
html = html.trim()
template.innerHTML = html
return template.content.firstChild
}
-
- const pathRegex = /\.\.?(\/\.\.)*/
+ const baseUrl = {{strings.TrimRight "/" .Site.BaseURL }}.replace(window.location.origin, "")
document.addEventListener("DOMContentLoaded", () => {
- [...document.getElementsByClassName("internal-link")]
- .forEach(li => {
- const linkDest = content[li.dataset.src.replace(pathRegex, '')]
- if (linkDest) {
- const popoverElement = `<div class="popover">
+ 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(" ", 15).join(" ")}...</p>
+ <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")
- })
- }
- })
+ const el = htmlToElement(popoverElement)
+ li.appendChild(el)
+ li.addEventListener("mouseover", () => {
+ el.classList.add("visible")
+ })
+ li.addEventListener("mouseout", () => {
+ el.classList.remove("visible")
+ })
+ }
+ })
+ })
})
-}
-
-run()
</script>
{{end}}
\ No newline at end of file
--
Gitblit v1.10.0