Improve graph display, options and ability to have a global graph on the home page, local graphs on subpage.

This commit is contained in:
DhammaCharts 2022-06-01 13:49:27 +01:00
parent 84c6e1efed
commit 5a1fbc9374
5 changed files with 129 additions and 21 deletions

View file

@ -0,0 +1,28 @@
<hr/>
{{if $.Site.Data.config.enableFooter}}
{{if $.Site.Data.graphConfig.enableGlobalGraph}}
<div class="page-end">
<div>
{{partial "graph.html" .}}
</div>
</div>
{{else}}
<hr/>
<div class="page-end">
<div class="backlinks-container">
{{partial "backlinks.html" .}}
</div>
<div>
{{partial "graph.html" .}}
</div>
</div>
{{end}}
{{end}}
{{partial "contact.html" .}}

View file

@ -62,6 +62,12 @@
}))
const draw = () => {
const siteBaseURL = new URL({{$.Site.BaseURL}});
const pathBase = siteBaseURL.pathname;
const pathWindow = window.location.pathname;
const isHome = pathBase == pathWindow ? true : false;
// NOTE: everything within this callback will be executed for every page navigation. This is a good place to put JavaScript that loads or modifies data on the page.
{{if $.Site.Data.config.enableFooter}}
const container = document.getElementById("graph-container")
@ -70,14 +76,36 @@
// clear the graph in case there is anything within it
container.textContent = ""
drawGraph(
{{strings.TrimRight "/" .Site.BaseURL}},
{{$.Site.Data.graphConfig.paths}},
{{$.Site.Data.graphConfig.depth}},
{{$.Site.Data.graphConfig.enableDrag}},
{{$.Site.Data.graphConfig.enableLegend}},
{{$.Site.Data.graphConfig.enableZoom}}
);
if (isHome && {{$.Site.Data.graphConfig.enableGlobalGraph}}) {
drawGraph(
{{strings.TrimRight "/" .Site.BaseURL}},
{{$.Site.Data.graphConfig.paths}},
{{$.Site.Data.graphConfig.depthGG}},
{{$.Site.Data.graphConfig.enableDragGG}},
{{$.Site.Data.graphConfig.enableLegendGG}},
{{$.Site.Data.graphConfig.enableZoomGG}},
true,
{{$.Site.Data.graphConfig.opacityScaleGG}},
{{$.Site.Data.graphConfig.scaleGG}},
{{$.Site.Data.graphConfig.repelForceGG}},
{{$.Site.Data.graphConfig.fontSizeGG}}
);
} else {
drawGraph(
{{strings.TrimRight "/" .Site.BaseURL}},
{{$.Site.Data.graphConfig.paths}},
{{$.Site.Data.graphConfig.depth}},
{{$.Site.Data.graphConfig.enableDrag}},
{{$.Site.Data.graphConfig.enableLegend}},
{{$.Site.Data.graphConfig.enableZoom}},
false,
{{$.Site.Data.graphConfig.opacityScale}},
{{$.Site.Data.graphConfig.scale}},
{{$.Site.Data.graphConfig.repelForce}},
{{$.Site.Data.graphConfig.fontSize}}
);
}
{{end}}
{{if $.Site.Data.config.enableLinkPreview}}
initPopover(