Merge pull request #1586 from gethinode/develop

feat: enhance more button configuration

Author: markdumay

component-library/components/articles/articles.bookshop.yml

@@ -27,6 +27,8 @@ blueprint:
   more:
     title:
     link:
+    link-type:
+    icon:
   icon-rounded:
   icon-style:
   cols:

component-library/components/articles/articles.hugo.html

@@ -49,9 +49,13 @@
 {{ $moreButton := site.Params.modules.bookshop.articles.moreButton | default false }}
 {{ $moreTitle := T "more" (pluralize $args.input.section) }}
 {{ $moreLink := $args.input.section }}
+{{ $moreType := "button" }}
+{{ $moreIcon := "" }}
 {{ with $args.more }}
 	{{ if .title }}{{ $moreTitle = .title }}{{ end }}
 	{{ if .link }}{{ $moreLink = .link }}{{ end }}
+	{{ if index . "link-type" }}{{ $moreType = index . "link-type" }}{{ end }}
+	{{ if .icon }}{{ $moreIcon = .icon }}{{ end }}
 {{ end }}
 
 {{ $paginate := $args.paginate }}
@@ -76,15 +80,17 @@
 		{{ $partial := "assets/card-group.html" }}
 		{{ $params := dict }}
 		{{- $params = merge $params (dict
-			"page"         page
-			"list"         $pages
-			"limit"        $args.limit
-			"cols"         $args.cols
-			"icon-rounded" $args.iconRounded
-			"icon-style"   $args.iconStyle
-			"href"         (cond $moreButton $moreLink "")
-			"href-title"   (cond $moreButton $moreTitle "")
-			"href-force"   (gt $result.total (len $result.pages))
+			"page"           page
+			"list"           $pages
+			"limit"          $args.limit
+			"cols"           $args.cols
+			"icon-rounded"   $args.iconRounded
+			"icon-style"     $args.iconStyle
+			"href"           (cond $moreButton $moreLink "")
+			"href-title"     (cond $moreButton $moreTitle "")
+			"href-force"     (gt $result.total (len $result.pages))
+			"more-link-type" $moreType
+			"more-link-icon" $moreIcon
 		)}}
 
 		{{ if $args.scroll }}

data/structures/card-group.yml

@@ -69,6 +69,24 @@ arguments:
     release: v0.27.0
   button-label:
     release: v1.0.0
+  more-link-type:
+    type: select
+    optional: true
+    default: button
+    comment: Style of the more button or link.
+    options:
+      values:
+        - button
+        - link
+    release: v1.16.0
+  more-link-icon:
+    type: string
+    optional: true
+    comment: >-
+      Icon to include. You can use shorthand notation such as `fas sort` to
+      include a Font Awesome icon. The argument also supports files with an
+      `.svg` or `.json` extension.
+    release: v1.16.0
 
   # deprecated arguments
   header:

go.mod

@@ -15,7 +15,7 @@ require (
 	github.com/gethinode/mod-lottie v1.6.1 // indirect
 	github.com/gethinode/mod-mermaid/v3 v3.0.1 // indirect
 	github.com/gethinode/mod-simple-datatables/v2 v2.0.2 // indirect
-	github.com/gethinode/mod-utils/v4 v4.16.1 // indirect
+	github.com/gethinode/mod-utils/v4 v4.17.0 // indirect
 	github.com/nextapps-de/flexsearch v0.0.0-20250907103239-defb38b083f0 // indirect
 	github.com/twbs/bootstrap v5.3.8+incompatible // indirect
 )

go.sum

@@ -516,6 +516,8 @@ github.com/gethinode/mod-utils/v4 v4.16.0 h1:yroLCeQyE/xU46YIKS81ZtFsOONTmVudrv2
 github.com/gethinode/mod-utils/v4 v4.16.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/gethinode/mod-utils/v4 v4.16.1 h1:HjV6TONU7ZbXC2xZIPRupjKOUORddtQH8bb4dnULY1U=
 github.com/gethinode/mod-utils/v4 v4.16.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.17.0 h1:nDyXpZ0mCtf3ZML8G6bjeYJsI7Ne/Ze8rEWEa9zh6CI=
+github.com/gethinode/mod-utils/v4 v4.17.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3 h1:H/qVR5O4BXjRjD+5PZB+r4ug2BSJ2Of4RtwOntd+OKo=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3/go.mod h1:5GdMfPAXzbA2gXBqTjC6l27kioSYzHlqDMh0+wyx7sU=
 github.com/nextapps-de/flexsearch v0.0.0-20240108021025-afd75f742f22 h1:re7L8FxbXQpnX8BgzkdUnDpsUmloGNyLmiy2ZCln8pg=

layouts/_partials/assets/card-group.html

@@ -171,7 +171,7 @@
                     {{- $cardWrapper = printf "card-block card-block-%d" (int $size) -}}
                 {{- end -}}
 
-                {{/*add col-$width */}}
+                {{/* add col-$width */}}
                 <div class="{{ with $cardWrapper }}{{ . }}{{ else }}col{{ end }}">
                     {{- if $args.spacer -}}<div class="spacer"></div>{{ end -}}
                     {{- partial $args.hook $params -}}
@@ -197,9 +197,14 @@
                 {{- $href = printf "%s/" $href -}}
             {{- end -}}
             <div class="mt-{{ $padding.y }} w-100">
-                <a class="btn btn-outline-primary" href="{{ $href | safeURL }}" role="button">
-                    {{ $args.hrefTitle }}
-                </a>
+                {{ partial "assets/button.html" (dict 
+                    "href"      $href
+                    "title"     $args.hrefTitle
+                    "color"     "primary"
+                    "outline"   true
+                    "link-type" $args.moreLinkType
+                    "icon"      $args.moreLinkIcon
+                ) }}
             </div>
         {{- end -}}
     {{- end -}}