Merge pull request #985 from parameter1/link-header

Add link header support to latest content list block
parameter1 · Oct 13, 2024 · 1f777e2 · 1f777e2
2 parents b59b3ae + 00397d5
commit 1f777e2
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/packages/marko-web-theme-monorail/components/blocks/latest-content-list.marko b/packages/marko-web-theme-monorail/components/blocks/latest-content-list.marko
@@ -6,6 +6,9 @@ $ const modifiers = ["latest-content-list", ...(input.modifiers ? input.modifier
 $ const title = defaultValue(input.title, 'Latest in');
 $ const withSection = defaultValue(input.withSection, false);
 $ const withNativeXSection = defaultValue(input.withNativeXSection, true);
+$ const linkHeader = input.linkHeader || false;
+$ const link = getAsObject(input, "link");
+
 $ const nodeInput = {
   withTeaser: false,
   imagePosition: "right",
@@ -31,7 +34,16 @@ $ const nodeImageInput = {
     with-native-x-section=withNativeXSection
     class=input.class
   >
-    <@header>${title}</@header>
+    <@header>
+      <if(linkHeader && (input.alias || input.title))>
+        <marko-web-link href=`${input.alias}` ...link>
+          ${title}
+        </marko-web-link>
+      </if>
+      <else>
+        ${title}
+      </else>
+    </@header>
     <@node ...nodeInput >
       <@image ...nodeImageInput />
     </@node>
@@ -59,7 +71,16 @@ $ const nodeImageInput = {
       with-native-x-section=withNativeXSection
       class=input.class
     >
-      <@header>${title}</@header>
+      <@header>
+        <if(linkHeader && (input.alias || input.title))>
+          <marko-web-link href=`${input.alias}` ...link>
+            ${title}
+          </marko-web-link>
+        </if>
+        <else>
+          ${title}
+        </else>
+      </@header>
       <@node ...nodeInput >
         <@image ...nodeImageInput />
       </@node>

diff --git a/packages/marko-web-theme-monorail/components/blocks/marko.json b/packages/marko-web-theme-monorail/components/blocks/marko.json
@@ -62,11 +62,13 @@
     },
     "<node>": {},
     "<query-params>": {},
+    "<link>": {},
     "@class": "string",
     "@modifiers": "array",
     "@query-name": "string",
     "@flush-x": "boolean",
     "@flush-y": "boolean",
+    "@link-header": "boolean",
     "@with-native-x-section": "boolean",
     "@nodes": "array",
     "@title": "string",

diff --git a/packages/marko-web-theme-monorail/scss/_variables.scss b/packages/marko-web-theme-monorail/scss/_variables.scss
@@ -254,6 +254,7 @@ $theme-card-header-font-weight: $font-weight-bold !default;
 $theme-card-header-text-transform: none !default;
 $theme-card-header-border: none !default;
 
+$theme-card-header-link-color: $gray-800 !default;
 $theme-card-header-link-hover-color: $primary !default;
 $theme-card-header-link-hover-decoration: none !default;