Template code styles.

frjo · Sep 30, 2023 · 5d13028 · 5d13028
1 parent 340aa48
commit 5d13028
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 27 deletions.
diff --git a/layouts/products/list.html b/layouts/products/list.html
@@ -5,27 +5,27 @@ <h1 class="title">{{ .Title }}</h1>
 </header>
 
 {{ with .Content -}}
-<div class="content">
-{{ . }}
-</div>
+  <div class="content">
+    {{ . }}
+  </div>
 {{ end -}}
 
 <div id="js-list">
   {{ if $.Param "listsort" -}}
   <div class="filter margin-top">
-    <input class="fuzzy-search" placeholder="Search">
+    <input type="search" class="fuzzy-search" placeholder="Search">
 
     <select class="js-filter-1">
       <option value="">Tags</option>
       {{ range site.Taxonomies.tags -}}
-      <option value="{{ .Page.Title }}">{{ .Page.Title }}</option>
+        <option value="{{ .Page.Title }}">{{ .Page.Title }}</option>
       {{ end -}}
     </select>
 
     <select class="js-filter-2">
       <option value="">Categories</option>
       {{ range site.Taxonomies.categories -}}
-      <option value="{{ .Page.Title }}">{{ .Page.Title }}</option>
+        <option value="{{ .Page.Title }}">{{ .Page.Title }}</option>
       {{ end -}}
     </select>
 
@@ -41,12 +41,17 @@ <h1 class="title">{{ .Title }}</h1>
 
   <table class="list-table">
     <thead>
-      <tr><th class="sort" data-sort="products">Product</th><th class="sort" data-sort="tags">Tags</th><th class="sort" data-sort="categories">Categories</th><th class="sort" data-sort="date">Date</th></tr>
+      <tr>
+        <th class="sort" data-sort="products">Product</th>
+        <th class="sort" data-sort="tags">Tags</th>
+        <th class="sort" data-sort="categories">Categories</th>
+        <th class="sort" data-sort="date">Date</th>
+      </tr>
     </thead>
     <tbody class="js-items">
-    {{ range .Pages -}}
-    {{ .Render "tr" }}
-    {{ end -}}
+      {{ range .Pages -}}
+        {{ .Render "tr" }}
+      {{ end -}}
     </tbody>
   </table>
 

diff --git a/layouts/products/tr.html b/layouts/products/tr.html
@@ -1,23 +1,22 @@
 <tr>
-<td class="products">
-<a href="{{ .RelPermalink }}">{{ .Title }}</a>
-</td>
+  <td class="products">
+    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+  </td>
 
-<td class="tags">
-{{- $tags := slice -}}
-{{- range (.GetTerms "tags") }}{{ $tags = $tags | append .LinkTitle }}{{ end -}}
-{{- delimit $tags ", " -}}
-</td>
+  <td class="tags">
+    {{- $tags := slice -}}
+    {{- range (.GetTerms "tags") }}{{ $tags = $tags | append .LinkTitle }}{{ end -}}
+    {{- delimit $tags ", " -}}
+  </td>
 
 
-<td class="categories">
-{{- $categories := slice -}}
-{{- range (.GetTerms "categories") }}{{ $categories = $categories | append .LinkTitle }}{{ end -}}
-{{- delimit $categories ", " -}}
-</td>
-
-<td class="date">
-<time class="created-date" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format ($.Param "dateformat" | default "2 January, 2006") }}</time>
-</td>
+  <td class="categories">
+    {{- $categories := slice -}}
+    {{- range (.GetTerms "categories") }}{{ $categories = $categories | append .LinkTitle }}{{ end -}}
+    {{- delimit $categories ", " -}}
+  </td>
 
+  <td class="date">
+    <time class="created-date" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format ($.Param "dateformat" | default "2 January, 2006") }}</time>
+  </td>
 </tr>