yacloud/hugo-PaperMod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve chart management

Browse Source
This commit is contained in:
David Gallay 2022-08-14 10:30:59 +02:00
parent d9350b8424
commit f5f8a690aa
2 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
layouts/_default/baseof.html
View File

@ -3,6 +3,14 @@
<head> <head>
{{- partial "head.html" . }} {{- partial "head.html" . }}
{{ if .Page.Store.Get "hasChart" }}
<script
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"
integrity="sha512-ElRFoEQdI5Ht6kZvyzXhYG9NqjtkmlkfYk0wr6wHxU9JEHakS7UJZNeml5ALk+8IKlU6jDgMabC3vkumRokgJA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
{{ end }}
</head> </head>
<body class=" <body class="
@ -25,14 +33,6 @@
mermaid.initialize({ startOnLoad: true }); mermaid.initialize({ startOnLoad: true });
</script> </script>
{{ end }} {{ end }}
{{/* {{ if .Page.Store.Get "hasChart" }}
<script
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"
integrity="sha512-ElRFoEQdI5Ht6kZvyzXhYG9NqjtkmlkfYk0wr6wHxU9JEHakS7UJZNeml5ALk+8IKlU6jDgMabC3vkumRokgJA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
{{ end }} */}}
</html> </html>

16
layouts/shortcodes/chart.html
View File

@ -1,17 +1,13 @@
<div> <div>
<h1>TEST</h1> <h1>TEST</h1>
<canvas id='{{ .Get "id"}}' width='{{ .Get "width" }}' height='{{ .Get "height" }}'></canvas> {{ $data := index .Site.Data (split (.Get "data") ".") }}
<script {{ $chartID := .Get "id" | default (md5 (jsonify $data)) }}
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js" <canvas id='{{ $chartID }}' width='{{ .Get "width" }}' height='{{ .Get "height" }}'></canvas>
integrity="sha512-ElRFoEQdI5Ht6kZvyzXhYG9NqjtkmlkfYk0wr6wHxU9JEHakS7UJZNeml5ALk+8IKlU6jDgMabC3vkumRokgJA=="
crossorigin="anonymous"
referrerpolicy="no-referrer">
</script>
<script> <script>
(function () { (function () {
var ctx = document.getElementById('{{ .Get "id"}}'); var ctx = document.getElementById('{{ $chartID }}');
var myChart = new Chart(ctx, {{ index .Site.Data (split (.Get "data") ".") }}); var myChart = new Chart(ctx, {{ $data }});
})(); })();
</script> </script>
</div> </div>
{{/* {{ .Page.Store.Set "hasChart" true }} */}} {{ .Page.Store.Set "hasChart" true }}