| | |
|---|
| | | {{ $router := resources.Get "js/router.js" | resources.Fingerprint "md5" | |
|---|
| | | resources.Minify }} |
|---|
| | | <script type="module"> |
|---|
| | | import { init } from '{{$router.Permalink}}'; |
|---|
| | | import { attachSPARouting } from '{{$router.Permalink}}'; |
|---|
| | | // 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. |
|---|
| | | init(() => { |
|---|
| | | const draw = () => { |
|---|
| | | const container = document.getElementById("graph-container") |
|---|
| | | // retry if the graph is not ready |
|---|
| | | if (!container) return requestAnimationFrame(draw) |
|---|
| | | // clear the graph in case there is anything within it |
|---|
| | | container.textContent = "" |
|---|
| | | |
|---|
| | | drawGraph( |
|---|
| | | {{strings.TrimRight "/" .Page.Permalink}}, |
|---|
| | | {{strings.TrimRight "/" .Site.BaseURL}}, |
|---|
| | |
|---|
| | | {{if $.Site.Data.config.enableLinkPreview}} |
|---|
| | | initPopover({{strings.TrimRight "/" .Site.BaseURL }}) |
|---|
| | | {{end}} |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | attachSPARouting(draw); |
|---|
| | | </script> |
|---|
| | | {{else}} |
|---|
| | | <script>window.navigate = (url) => window.location.href = url</script> |
|---|
