Refactor cards and items into partials (#529)

Author: jarrodmillman

layouts/partials/_elements/card.html

@@ -0,0 +1,33 @@
+{{- $class := "" }}
+{{- with .classcard }}{{ $class = . }}{{- end }}
+<div class="sd-col sd-d-flex-row">
+ {{- with .link }}
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover {{ $class }}">
+ {{- else }}
+  <div class="sd-card sd-w-100 sd-shadow-sm {{ $class }}">
+ {{- end }}
+  {{- with .header }}
+   <div class="sd-card-header">
+     {{ . | markdownify }}
+   </div>
+  {{- end }}
+   <div class="sd-card-body">
+    {{- with .title }}
+    <div class="sd-card-title sd-font-weight-bold">
+      {{ . }}
+    </div>
+    {{- end }}
+    {{- with (trim .body "\n") }}
+      {{ . | markdownify }}
+    {{- end }}
+   </div>
+  {{- with .footer }}
+   <div class="sd-card-footer">
+    {{ . | markdownify }}
+   </div>
+  {{- end }}
+ {{- with .link }}
+    <a class="sd-stretched-link" href="{{.}}"></a>
+ {{- end }}
+  </div>
+</div>

layouts/partials/_elements/item.html

@@ -0,0 +1,7 @@
+    <div class="sd-col sd-d-flex-column">
+      <p>
+        {{- with (trim .body "\n") }}
+          {{ . | markdownify }}
+        {{- end }}
+      </p>
+    </div>

layouts/shortcodes/grid1.html

@@ -96,75 +96,37 @@
 
 */}}
 
-{{ $outline := "" }}
-{{ if isset .Params `outline` }}
-  {{ $outline = "sd-border-1" }}
-{{ end }}
+{{- $outline := "" -}}
+{{- if isset .Params `outline` -}}
+  {{- $outline = "sd-border-1" -}}
+{{- end -}}
 <div class="sd-container-fluid sd-mb-4 {{ $outline | safeHTMLAttr }}">
-{{- with .Get "columns" -}}
-  {{ $columns := split . " " }}
-  {{ $xs := index $columns 0 }}
-  {{ $sm := index $columns 1 }}
-  {{ $md := index $columns 2 }}
-  {{ $lg := index $columns 3 }}
+{{- with .Get "columns" }}
+  {{- $columns := split . " " }}
+  {{- $xs := index $columns 0 }}
+  {{- $sm := index $columns 1 }}
+  {{- $md := index $columns 2 }}
+  {{- $lg := index $columns 3 }}
   <div class="sd-row sd-row-cols-1 sd-row-cols-xs-{{ $xs }} sd-row-cols-sm-{{ $sm }} sd-row-cols-md-{{ $md }} sd-row-cols-lg-{{ $lg }} sd-g-2 sd-g-xs-{{ $xs }} sd-g-sm-{{ $sm }} sd-g-md-{{ $md }} sd-g-lg-{{ $lg }}">
 {{- else }}
   <div class="sd-row sd-row-cols-auto sd-row-cols-xs-auto sd-row-cols-sm-auto sd-row-cols-md-auto sd-row-cols-lg-auto">
 {{- end }}
-{{ $items := "" }}
+{{- $items := "" -}}
 {{- with .Get "file" -}}
-  {{ with $.Page.Resources.Get  . | transform.Unmarshal }}
-    {{ $items = (index . "item") }}
-  {{ else }}
-    {{ errorf "Unable to get page resource %q" . }}
-  {{ end }}
+  {{- with $.Page.Resources.Get  . | transform.Unmarshal }}
+    {{- $items = (index . "item") }}
+  {{- else }}
+    {{- errorf "Unable to get page resource %q" . }}
+  {{- end }}
 {{- else }}
-  {{ $items = (index (.Inner | transform.Unmarshal) "item") }}
+  {{- $items = (index (.Inner | transform.Unmarshal) "item") }}
 {{- end }}
 {{- range $key, $d := $items -}}
-{{ if eq $d.type "card" }}
-    <div class="sd-col sd-d-flex-row">
-    {{ $class := "" }}
-    {{- with $d.classcard }}{{ $class = . }}{{- end }}
-    {{- with $d.link }}
-    <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover {{ $class }}">
-    {{- else }}
-    <div class="sd-card sd-w-100 sd-shadow-sm {{ $class }}">
-    {{- end }}
-      {{- with $d.header }}
-      <div class="sd-card-header">
-          {{ . | markdownify }}
-      </div>
-      {{- end }}
-      <div class="sd-card-body">
-        {{- with $d.title }}
-        <div class="sd-card-title sd-font-weight-bold">
-          {{ . }}
-        </div>
-        {{- end }}
-        {{- with (trim .body "\n") }}
-          {{ . | markdownify }}
-        {{- end }}
-      </div>
-      {{- with $d.link }}
-      <a class="sd-stretched-link" href="{{.}}"></a>
-      {{- end }}
-      {{- with $d.footer }}
-      <div class="sd-card-footer">
-        {{ . | markdownify }}
-      </div>
-      {{- end }}
-    </div>
-  </div>
-{{ else }}
-    <div class="sd-col sd-d-flex-column">
-      <p>
-        {{- with (trim .body "\n") }}
-          {{ . | markdownify }}
-        {{- end }}
-      </p>
-    </div>
-{{ end }}
+  {{- if eq $d.type "card" }}
+    {{- partial "_elements/card.html" $d -}}
+  {{- else }}
+    {{- partial "_elements/item.html" $d -}}
   {{- end }}
+{{- end }}
   </div>
 </div>