diff options
author | zzossig <zzossig@gmail.com> | 2020-11-30 18:16:52 +0300 |
---|---|---|
committer | zzossig <zzossig@gmail.com> | 2020-11-30 18:16:52 +0300 |
commit | 13e290e9dc8c2703c398a1779fbc65e3a431eb8d (patch) | |
tree | 9d2877a0e9b05b4d47f9b8c800b8cf8401db4056 /layouts | |
parent | 9a5a692aabea0609387d3d6b11347011a526a0a0 (diff) |
d3 support
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/partials/script/single-script.html | 98 | ||||
-rw-r--r-- | layouts/shortcodes/d3.html | 21 |
2 files changed, 119 insertions, 0 deletions
diff --git a/layouts/partials/script/single-script.html b/layouts/partials/script/single-script.html index 95e40b1..daf5a89 100644 --- a/layouts/partials/script/single-script.html +++ b/layouts/partials/script/single-script.html @@ -1,5 +1,6 @@ {{ $js := .Site.Data.lib.js }} {{ $css := .Site.Data.lib.css }} +{{ $d3 := .Site.Data.lib.d3 }} {{ $getParents := resources.Get "js/helper/getParents.js" | resources.Minify }} <script defer src="{{ $getParents.RelPermalink }}"></script> @@ -12,6 +13,103 @@ {{ $fadeinout := resources.Get "js/helper/fadeinout.js" | resources.Minify }} <script defer src="{{ $fadeinout.RelPermalink }}"></script> +{{ if in .Params.Libraries "d3" }} + <script defer src="{{ $d3.d3.url }}" integrity="{{ $d3.d3.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_hierarchy" }} + <script defer src="{{ $d3.d3_hierarchy.url }}" integrity="{{ $d3.d3_hierarchy.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_chord" }} + <script defer src="{{ $d3.d3_chord.url }}" integrity="{{ $d3.d3_chord.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_scale" }} + <script defer src="{{ $d3.d3_scale.url }}" integrity="{{ $d3.d3_scale.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_array" }} + <script defer src="{{ $d3.d3_array.url }}" integrity="{{ $d3.d3_array.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_time" }} + <script defer src="{{ $d3.d3_time.url }}" integrity="{{ $d3.d3_time.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_color" }} + <script defer src="{{ $d3.d3_color.url }}" integrity="{{ $d3.d3_color.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_interpolate" }} + <script defer src="{{ $d3.d3_interpolate.url }}" integrity="{{ $d3.d3_interpolate.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_format" }} + <script defer src="{{ $d3.d3_format.url }}" integrity="{{ $d3.d3_format.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_shape" }} + <script defer src="{{ $d3.d3_shape.url }}" integrity="{{ $d3.d3_shape.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_time_format" }} + <script defer src="{{ $d3.d3_time_format.url }}" integrity="{{ $d3.d3_time_format.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_geo" }} + <script defer src="{{ $d3.d3_geo.url }}" integrity="{{ $d3.d3_geo.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_path" }} + <script defer src="{{ $d3.d3_path.url }}" integrity="{{ $d3.d3_path.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_collection" }} + <script defer src="{{ $d3.d3_collection.url }}" integrity="{{ $d3.d3_collection.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_timer" }} + <script defer src="{{ $d3.d3_timer.url }}" integrity="{{ $d3.d3_timer.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_ease" }} + <script defer src="{{ $d3.d3_ease.url }}" integrity="{{ $d3.d3_ease.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_dispatch" }} + <script defer src="{{ $d3.d3_dispatch.url }}" integrity="{{ $d3.d3_dispatch.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_selection" }} + <script defer src="{{ $d3.d3_selection.url }}" integrity="{{ $d3.d3_selection.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_transition" }} + <script defer src="{{ $d3.d3_transition.url }}" integrity="{{ $d3.d3_transition.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_force" }} + <script defer src="{{ $d3.d3_force.url }}" integrity="{{ $d3.d3_force.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_quadtree" }} + <script defer src="{{ $d3.d3_quadtree.url }}" integrity="{{ $d3.d3_quadtree.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_dsv" }} + <script defer src="{{ $d3.d3_dsv.url }}" integrity="{{ $d3.d3_dsv.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_drag" }} + <script defer src="{{ $d3.d3_drag.url }}" integrity="{{ $d3.d3_drag.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_axis" }} + <script defer src="{{ $d3.d3_axis.url }}" integrity="{{ $d3.d3_axis.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_random" }} + <script defer src="{{ $d3.d3_random.url }}" integrity="{{ $d3.d3_random.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_scale_chromatic" }} + <script defer src="{{ $d3.d3_scale_chromatic.url }}" integrity="{{ $d3.d3_scale_chromatic.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_fetch" }} + <script defer src="{{ $d3.d3_fetch.url }}" integrity="{{ $d3.d3_fetch.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_voronoi" }} + <script defer src="{{ $d3.d3_voronoi.url }}" integrity="{{ $d3.d3_voronoi.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_brush" }} + <script defer src="{{ $d3.d3_brush.url }}" integrity="{{ $d3.d3_brush.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_zoom" }} + <script defer src="{{ $d3.d3_zoom.url }}" integrity="{{ $d3.d3_zoom.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_polygon" }} + <script defer src="{{ $d3.d3_polygon.url }}" integrity="{{ $d3.d3_polygon.sri }}" crossorigin="anonymous"></script> +{{ end }} +{{ if in .Params.Libraries "d3_contour" }} + <script defer src="{{ $d3.d3_contour.url }}" integrity="{{ $d3.d3_contour.sri }}" crossorigin="anonymous"></script> +{{ end }} + {{ if in .Params.Libraries "mermaid" }} <script defer src="{{ $js.mermaid.url }}" integrity="{{ $js.mermaid.sri }}" crossorigin="anonymous"></script> {{ end }} diff --git a/layouts/shortcodes/d3.html b/layouts/shortcodes/d3.html new file mode 100644 index 0000000..e18d690 --- /dev/null +++ b/layouts/shortcodes/d3.html @@ -0,0 +1,21 @@ +{{ $scriptPath := (.Get "script") }} +{{ $stylePath := (.Get "style") }} + +<div class="d3-container">{{ .Inner }}</div> +<link rel="stylesheet" href="{{ $stylePath }}"> + +<script> + document.addEventListener('DOMContentLoaded', function () { + var scriptPath = JSON.parse({{ $scriptPath | jsonify }}); + var stylePath = JSON.parse({{ $stylePath | jsonify }}); + + var myScript = document.createElement('script'); + myScript.setAttribute('src', scriptPath); + myScript.setAttribute('defer', ''); + myScript.setAttribute('crossorigin', 'anonymous'); + myScript.onload = function () { + } + + document.querySelector('.d3-container').appendChild(myScript); + }); +</script>
\ No newline at end of file |