Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix shortcodes to enable complex nesting

Browse Source
This commit is contained in:
Will Faught
2023-04-25 19:16:55 -07:00
parent b06903d6c0
commit a9d822a156
10 changed files with 50 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
layouts/shortcodes/paige/figure.html
View File

@@ -54,12 +54,14 @@
{{ end }}
{{ end }}
<div class="align-items-{{ $vertical }} d-flex {{ with $float }} float-{{ . }} {{ end }} h-100 justify-content-{{ $horizontal }} {{ with $sidemargin }} {{ . }} {{ end }} paige-figure {{ if $numbered }} paige-figure-numbered {{ end }}">
<figure class="{{ if $table }} d-table {{ end }} mb-0" {{ with $widths }} style="{{ . | safeCSS }}" {{ end }}>
<div class="d-flex justify-content-{{ $horizontal }} text-{{ $horizontal }}">{{ $content }}</div>
{{/* The markup below cannot be indented due to Markdown. */}}
{{ if $showcaption }}
<figcaption class="figure-caption mt-2 text-{{ $horizontal }}" {{ if $table }} style="caption-side: bottom; display: table-caption" {{ end }}>{{ $caption }}</figcaption>
{{ end }}
</figure>
<div class="align-items-{{ $vertical }} d-flex {{ with $float }} float-{{ . }} {{ end }} h-100 justify-content-{{ $horizontal }} {{ with $sidemargin }} {{ . }} {{ end }} paige-figure {{ if $numbered }} paige-figure-numbered {{ end }}">
<figure class="{{ if $table }} d-table {{ end }} mb-0" {{ with $widths }} style="{{ . | safeCSS }}" {{ end }}>
<div class="d-flex justify-content-{{ $horizontal }} text-{{ $horizontal }}">{{ $content }}</div>
{{ if $showcaption }}
<figcaption class="figure-caption mt-2 text-{{ $horizontal }}" {{ if $table }} style="caption-side: bottom; display: table-caption" {{ end }}>{{ $caption }}</figcaption>
{{ end }}
</figure>
</div>

32
layouts/shortcodes/paige/gallery.html
View File

@@ -10,6 +10,7 @@
{{ $loading := .Get "loading" }}
{{ $maxheight := .Get "maxheight" }}
{{ $maxwidth := .Get "maxwidth" }}
{{ $page := .Page }}
{{ $process := .Get "process" }}
{{ $style := .Get "style" }}
{{ $type := .Get "type" | default "rows" }}
@@ -38,14 +39,16 @@
{{ end }}
{{ end }}
{{/* The markup below cannot be indented due to Markdown. */}}
<div class="paige-gallery">
{{ if eq $type "filled-rows" }}
<div class="align-items-{{ $align }} column-gap-3 d-flex flex-wrap justify-content-{{ $justify }} row-gap-3">
<div class="align-items-{{ $align }} column-gap-3 d-flex flex-wrap justify-content-{{ $justify }} row-gap-3">
{{ with $inner }}
{{ . }}
{{ else }}
{{ range $resources }}
{{ partial "paige/image.html" (dict
{{- partial "paige/image.html" (dict
"breakpoints" $breakpoints
"class" $class
"densities" $densities
@@ -55,22 +58,23 @@
"loading" $loading
"maxheight" $maxheight
"maxwidth" $maxwidth
"page" $page
"process" $process
"resource" .
"style" (print $style "; flex: 1 1 auto; object-fit: cover")
"width" $width
) }}
) -}}
{{ end }}
{{ end }}
</div>
{{ else if eq $type "grid" }}
<div class="container-fluid overflow-hidden px-0">
<div class="align-items-{{ $align }} gx-3 gy-3 justify-content-{{ $justify }} row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 row-cols-xxl-6">
<div class="container-fluid overflow-hidden px-0">
<div class="align-items-{{ $align }} gx-3 gy-3 justify-content-{{ $justify }} row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 row-cols-xxl-6">
{{ with $inner }}
{{ . }}
{{ else }}
{{ range $resources }}
{{ partial "paige/image.html" (dict
{{- partial "paige/image.html" (dict
"breakpoints" $breakpoints
"class" $class
"densities" $densities
@@ -80,22 +84,23 @@
"loading" $loading
"maxheight" $maxheight
"maxwidth" $maxwidth
"page" $page
"process" $process
"resource" .
"style" (print $style "; height: auto; max-width: 100%")
"width" $width
) }}
) -}}
{{ end }}
{{ end }}
</div>
</div>
</div>
</div>
{{ else if eq $type "rows" }}
<div class="align-items-{{ $align }} column-gap-3 d-flex flex-wrap justify-content-{{ $justify }} row-gap-3">
<div class="align-items-{{ $align }} column-gap-3 d-flex flex-wrap justify-content-{{ $justify }} row-gap-3">
{{ with $inner }}
{{ . }}
{{ else }}
{{ range $resources }}
{{ partial "paige/image.html" (dict
{{- partial "paige/image.html" (dict
"breakpoints" $breakpoints
"class" $class
"densities" $densities
@@ -105,14 +110,15 @@
"loading" $loading
"maxheight" $maxheight
"maxwidth" $maxwidth
"page" $page
"process" $process
"resource" .
"style" (print $style "; height: auto; max-width: 100%")
"width" $width
) }}
) -}}
{{ end }}
{{ end }}
</div>
</div>
{{ else }}
{{ errorf "layouts/shortcodes/paige/gallery.html: invalid type: %q" $type }}
{{ end }}

1
layouts/shortcodes/paige/image.html
View File

@@ -29,6 +29,7 @@
"loading" $loading
"maxheight" $maxheight
"maxwidth" $maxwidth
"page" .Page
"process" $process
"sizes" $sizes
"src" $src