From c42924047c6f654c4723746790e041f8907ed378 Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Tue, 16 Jun 2020 14:00:53 +0800
Subject: Searching now works

---
 layouts/_default/index.json  |  2 +-
 layouts/_default/search.html | 29 ++++++++++++++++++++++++++---
 2 files changed, 27 insertions(+), 4 deletions(-)

(limited to 'layouts/_default')

diff --git a/layouts/_default/index.json b/layouts/_default/index.json
index bf08b0f..e582dda 100644
--- a/layouts/_default/index.json
+++ b/layouts/_default/index.json
@@ -1,5 +1,5 @@
 {{- $.Scratch.Add "search" slice -}}
 {{- range (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) -}}
-    {{- $.Scratch.Add "search" (dict "title" .Title "tags" .Params.tags "permalink" .Permalink) -}}
+    {{- $.Scratch.Add "search" (dict "title" .Title "tags" .Params.tags "content" .Plain "permalink" .Permalink "date" (.Date.Format "2006-01-02")) -}}
 {{- end -}}
 {{- $.Scratch.Get "search" | jsonify -}}
\ No newline at end of file
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 0911f06..c37d6b9 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -3,14 +3,37 @@
 <div class="page-info">
     <form class="search-form" method="GET">
         <div class="search-input">
-            <input name="s" type="text" autocapitalize="off" autocomplete="off" autocorrect="off"
+            <input name="s" type="search" autocapitalize="off" autocomplete="off" autocorrect="off"
                    spellcheck="false" />
-        </div>
-        <div class="search-submit">
             <button type="submit">SEARCH</button>
         </div>
     </form>
 </div>
 <!-- search result and template -->
+<div class="search-result-info" style="display: none;"><span>搜索用时：[TIME] ms，找到 [NUM] 个结果</span></div>
+<div class="search-result-info" style="display: none;"><span>搜索未找到结果</span></div>
+<div class="search-result-info" style="display: none;"><span>无法获取索引</span></div>
 <div id="search-result"></div>
+<script id="search-result-template" type="text/fuse-template">
+    {{ "<% for(var i = 0; i < $data.length; i++){ %>" | safeHTML }}
+    <div class="post">
+        <h3 class="post-item post-title-archive">
+            <a href="<%= $data[i].item.permalink %>">{{ "<%= $data[i].item.title %>" | safeHTML }}</a>
+        </h3>
+        <div class="post-item post-meta-archive">
+            <span><ion-icon name="today"></ion-icon>&nbsp;{{- "<%= $data[i].item.date %>" | safeHTML -}}</span>
+            <span>
+                <ion-icon name="pricetags"></ion-icon>&nbsp;
+                {{- "<% if ($data[i].item.tags && $data[i].item.tags.length > 0) { %>" | safeHTML -}}
+                    {{- "<% for(var j = 0; j < $data[i].item.tags.length; j++){ %>" | safeHTML -}}
+                        {{- "<%= $data[i].item.tags[j] %>&nbsp;" | safeHTML -}}
+                    {{- "<% } %>" | safeHTML -}}
+                {{- "<% } else { %>" | safeHTML -}}
+                    {{- i18n "postMetaNoTag" -}}
+                {{- "<% } %>" | safeHTML }}
+            </span>
+        </div>
+    </div>
+    {{ "<% } %>" | safeHTML }}
+</script>
 {{ end }}
\ No newline at end of file
-- 
cgit v1.2.3