From fcd5d2807d2bab68c6776e031e85d65fe88a6f7a Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 16 Feb 2022 00:39:14 +0000
Subject: [PATCH] feat: dynamically fetch indices
---
layouts/partials/graph.html | 20 +++++++++++---------
1 files changed, 11 insertions(+), 9 deletions(-)
diff --git a/layouts/partials/graph.html b/layouts/partials/graph.html
index f089356..14e1fdb 100644
--- a/layouts/partials/graph.html
+++ b/layouts/partials/graph.html
@@ -11,10 +11,9 @@
}
</style>
<script>
- const index = {{$.Site.Data.linkIndex.index}}
- const links = {{$.Site.Data.linkIndex.links}}
- const content = {{$.Site.Data.contentIndex}}
- const curPage = {{ strings.TrimRight "/" .Page.RelPermalink }}
+async function run() {
+ const { index, links, content } = await fetchData()
+ const curPage = {{ strings.TrimRight "/" .Page.Permalink }}.replace({{strings.TrimRight "/" .Site.BaseURL }}, "")
const pathColors = {{$.Site.Data.graphConfig.paths}}
let depth = {{$.Site.Data.graphConfig.depth}}
@@ -146,7 +145,7 @@
.attr("fill", color)
.style("cursor", "pointer")
.on("click", (_, d) => {
- window.location.href = {{.Site.BaseURL}} + decodeURI(d.id).replace(/[\s_]+/g, '-')
+ window.location.href = {{.Site.BaseURL}} + decodeURI(d.id).replace(/\s+/g, '-')
})
.on("mouseover", function (_, d) {
d3.selectAll(".node")
@@ -204,7 +203,7 @@
const labels = graphNode.append("text")
.attr("dx", 12)
.attr("dy", ".35em")
- .text((d) => content[decodeURI(d.id).replace(/[\s_]+/g, '-')]?.title || "Untitled")
+ .text((d) => content[decodeURI(d.id).replace(/\s+/g, '-')]?.title || "Untitled")
.style("opacity", 0)
.style("pointer-events", "none")
.call(drag(simulation));
@@ -228,12 +227,15 @@
.attr("x1", d => d.source.x)
.attr("y1", d => d.source.y)
.attr("x2", d => d.target.x)
- .attr("y2", d => d.target.y);
+ .attr("y2", d => d.target.y)
node
.attr("cx", d => d.x)
- .attr("cy", d => d.y);
+ .attr("cy", d => d.y)
labels
.attr("x", d => d.x)
- .attr("y", d => d.y);
+ .attr("y", d => d.y)
});
+}
+
+run()
</script>
--
Gitblit v1.10.0