2019-12-15 04:35:09 -05:00
{{ $file := .Get "file" }}
{{ $code := "" }}
{{ with .Get "config" }}
2021-06-18 11:49:54 -04:00
{{ $file = $file | default "config" }}
{{ $sections := (split . ".") }}
{{ $configSection := index $.Site.Data.docs.config $sections }}
{{ $code = dict $sections $configSection }}
{{ if $.Get "skipHeader"}}
{{ $code = $configSection }}
{{ end }}
2019-12-15 04:35:09 -05:00
{{ else }}
2021-06-18 11:49:54 -04:00
{{ $code = $.Inner }}
2019-12-15 04:35:09 -05:00
{{ end }}
{{ $langs := (slice "yaml" "toml" "json") }}
< div class = "code relative" { { with $ file } } id = "{{ . | urlize}}" { { end } } >
2021-06-18 11:49:54 -04:00
< div class = "code-nav flex flex-nowrap items-stretch" >
{{- with $file -}}
< div class = "san-serif f6 dib lh-solid pl2 pv2 mr2" >
{{ . }}.
< / div >
{{- end -}}
{{ range $langs }}
< button data-toggle-tab = "{{ . }}" class = "tab-button {{ cond (eq . " yaml " ) " active " " " } } ba san-serif f6 dib lh-solid ph2 pv2 " >
{{ . }}
< / button >
{{ end }}
< / div >
< div class = "tab-content" >
{{ range $langs }}
< div data-pane = "{{ . }}" class = "code-copy-content nt3 tab-pane {{ cond (eq . " yaml " ) " active " " " } } " >
2021-12-08 02:42:31 -05:00
{{ highlight ($code | transform.Remarshal . | replaceRE `\n+` "\n" | safeHTML) . "" }}
2021-06-18 11:49:54 -04:00
< / div >
{{ if ne ($.Get "copy") "false" }}
< button class = "needs-js copy copy-toggle bg-accent-color-dark f6 absolute top-0 right-0 lh-solid hover-bg-primary-color-dark bn white ph3 pv2" title = "Copy this code to your clipboard." data-clipboard-action = "copy" aria-label = "copy button" > < / button >
{{/* Functionality located within filesaver.js The copy here is located in the css with .copy class so it can be replaced with JS on success */}}
{{end}}
{{ end }}
< / div >
2021-12-08 02:42:31 -05:00
2019-12-15 04:35:09 -05:00
< / div >