mirror of
https://github.com/gethinode/hinode.git
synced 2025-10-07 10:04:22 +00:00
91 lines
4.2 KiB
HTML
91 lines
4.2 KiB
HTML
{{/* Adapted from https://github.com/CloudCannon/bookshop/blob/main/hugo/v3/core/helpers/component.html */}}
|
|
|
|
{{/*
|
|
Renders a single Bookshop component,
|
|
wrapping in in a live editing context tag.
|
|
|
|
Expects a slice:
|
|
[
|
|
<string>, # Component name
|
|
<_> # Component props
|
|
]
|
|
*/}}
|
|
|
|
{{- $component_name := index . 0 -}}
|
|
{{- $component_props := index . 1 -}}
|
|
{{- $class := index . 2 | default "p-0" -}}
|
|
{{- $bgclass := index . 3 | default "" -}}
|
|
{{- $padding := partial "utilities/GetPadding.html" -}}
|
|
{{- with index $component_props "padding" }}{{ $padding = dict "x" . "y" . }}{{ end -}}
|
|
{{- $component_path := partial "_bookshop/helpers/component_key" $component_name -}}
|
|
{{- $flat_component_path := partial "_bookshop/helpers/flat_component_key" $component_name -}}
|
|
|
|
{{- $resolved_component := false -}}
|
|
{{- if templates.Exists ( printf "_partials/%s" $component_path ) -}}
|
|
{{- $resolved_component = $component_path -}}
|
|
{{- else if templates.Exists ( printf "_partials/%s" $flat_component_path ) -}}
|
|
{{- $resolved_component = $flat_component_path -}}
|
|
{{- end -}}
|
|
|
|
{{- if $resolved_component -}}
|
|
{{- $id := index $component_props "id" -}}
|
|
{{- $cover := index $component_props "cover" -}}
|
|
{{- $background := index $component_props "background" -}}
|
|
{{- $backdrop := "" -}}
|
|
{{- $fluid := index $component_props "fluid" | default true -}}
|
|
{{- $style := index $component_props "wrapper" -}}
|
|
{{- $width := index $component_props "width" -}}
|
|
{{- $justify := index $component_props "justify" | default "start" -}}
|
|
{{- $paddingOuter := cond (ne $component_name "separator") (printf "px-xxl-0 px-%d py-0" $padding.x) "" -}}
|
|
{{- $padding := cond (ne $component_name "separator") (printf "px-%d %spy-%d" $padding.x (cond $fluid "px-xxl-0 " "") $padding.y) "" -}}
|
|
{{- $wrapper := $style }}
|
|
{{ with $background }}
|
|
{{ $wrapper = partial "utilities/GetBackgroundStyle.html" (dict "background" . "class" $style) }}
|
|
{{ if reflect.IsMap $background }}
|
|
{{ with $background.backdrop }}{{ $wrapper = "" }}{{ $backdrop = . }}{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
{{- $theme := index $component_props "theme" -}}
|
|
{{- $overlayMode := (or (index $component_props "overlay-mode") page.Params.overlayMode) | default "dark" -}}
|
|
{{ if not $backdrop }}{{ $overlayMode = page.Params.overlayMode }}{{ end }}
|
|
{{ if eq $overlayMode "none" }}{{ $overlayMode = "" }}{{ end }}
|
|
|
|
{{ (printf "<!--bookshop-live name(%s)-->" $component_name) | safeHTML }}
|
|
{{ if not $fluid }}<div class="container-xxl {{ $paddingOuter }}">{{ end }}
|
|
<section {{ with $id }}id="{{ . }}" {{ end }}class="{{ $component_name }}
|
|
container-fluid {{ $class }}
|
|
{{ with $wrapper }}{{ . }}{{ end -}}
|
|
{{- if and $backdrop $overlayMode }} background-container{{ end -}}
|
|
{{- if $cover }} section-cover d-flex align-items-center{{ end }}"
|
|
{{ with $overlayMode -}}
|
|
data-bs-theme="{{ . }}"
|
|
data-bs-overlay="{{ . }}"
|
|
{{- else -}}
|
|
{{- with $theme }}data-bs-theme="{{ . }}"{{ end -}}
|
|
{{- end -}}
|
|
>
|
|
{{- if $backdrop -}}
|
|
{{ partial "assets/live-image.html" (dict
|
|
"src" $backdrop
|
|
"class" (printf "background-img-fluid %s" $bgclass)
|
|
"title" (T "backgroundImage"))
|
|
}}
|
|
{{- end -}}
|
|
|
|
{{ $col := cond (and $width (lt $width 12)) (printf "col-12 col-md-%d" $width) "" }}
|
|
|
|
<div class="container-{{ cond $fluid "xxl" "fluid" }} {{ $padding }} d-flex flex-column align-items-{{ $justify }}">
|
|
{{ with $col }}
|
|
<div class="{{ . }}">{{ partial $resolved_component $component_props }}</div>
|
|
{{ else }}
|
|
{{ partial $resolved_component $component_props }}
|
|
{{ end}}
|
|
</div>
|
|
</section>
|
|
{{ if not $fluid }}</div>{{ end }}
|
|
{{ "<!--bookshop-live end-->" | safeHTML }}
|
|
{{- else -}}
|
|
{{- $file_loc := slicestr $component_path 9 -}}
|
|
{{- $flat_file_loc := slicestr $flat_component_path 9 -}}
|
|
{{- partial "_bookshop/errors/err" (printf "Component \"%s\" does not exist.\n Create this component by placing a file in your bookshop at %s or %s" $component_name $file_loc $flat_file_loc) -}}
|
|
{{- end -}} |