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>
{{- 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>
<body class="
@ -25,14 +33,6 @@
mermaid.initialize({ startOnLoad: true });
</script>
{{ 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>

16
layouts/shortcodes/chart.html
View File

@ -1,17 +1,13 @@
<div>
<h1>TEST</h1>
<canvas id='{{ .Get "id"}}' width='{{ .Get "width" }}' height='{{ .Get "height" }}'></canvas>
<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>
{{ $data := index .Site.Data (split (.Get "data") ".") }}
{{ $chartID := .Get "id" | default (md5 (jsonify $data)) }}
<canvas id='{{ $chartID }}' width='{{ .Get "width" }}' height='{{ .Get "height" }}'></canvas>
<script>
(function () {
var ctx = document.getElementById('{{ .Get "id"}}');
var myChart = new Chart(ctx, {{ index .Site.Data (split (.Get "data") ".") }});
var ctx = document.getElementById('{{ $chartID }}');
var myChart = new Chart(ctx, {{ $data }});
})();
</script>
</div>
{{/* {{ .Page.Store.Set "hasChart" true }} */}}
{{ .Page.Store.Set "hasChart" true }}