From 350521ddaff394c5bd24814b7374fe6bc6825162 Mon Sep 17 00:00:00 2001
From: Core <core@coredev.uk>
Date: Sun, 11 Sep 2022 03:13:54 +0100
Subject: [PATCH] search page only appears on enter

---
 src/renderer/main/vueapp.js               | 3 +++
 src/renderer/views/app/chrome-top.ejs     | 4 ++--
 src/renderer/views/components/sidebar.ejs | 4 ++--
 src/renderer/views/pages/search.ejs       | 4 ++--
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 2b590a12..0a5aecb3 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -25,6 +25,7 @@ const app = new Vue({
       cursor: -1,
       hints: [],
       showHints: false,
+      showSearchView: false,
       results: {},
       resultsSocial: {},
       resultsLibrary: {},
@@ -1904,6 +1905,8 @@ const app = new Vue({
     async getSearchHints() {
       if (this.search.term == "") {
         this.search.hints = [];
+        this.search.showHints = true
+        this.search.showSearchView = false
         return;
       }
       let hints = await (
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index fc30234f..ac472819 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -280,7 +280,7 @@
                     <input type="search" spellcheck="false" @click="$root.appRoute('search');search.showHints = true"
                            @focus="search.showHints = true"
                            @blur="setTimeout(()=>{if(hintscontext != true){search.showHints = false} }, 300)"
-                           v-on:keyup.enter="searchQuery(search.hints[search.cursor]?.content ?? search.hints[search.cursor]?.searchTerm ?? search.term);search.showHints = false;search.cursor = -1" @change="$root.appRoute('search');"
+                           v-on:keyup.enter="searchQuery(search.hints[search.cursor]?.content ?? search.hints[search.cursor]?.searchTerm ?? search.term);search.showHints = false;search.showSearchView = true;search.cursor = -1" @change="$root.appRoute('search');"
                            v-on:keyup="searchCursor"
                            @input="getSearchHints()"
                            :placeholder="$root.getLz('term.search') + '...'" v-model="search.term" ref="searchInput"
@@ -294,7 +294,7 @@
                             </button>
                             <template v-for="(item, position) in search.hints.filter((a) => {return a.content != null})">
                                 <mediaitem-smarthints :item="item.content" :position="position"> </mediaitem-smarthints>
-                            </template>    
+                            </template>
                         </div>
                     </div>
                 </div>
diff --git a/src/renderer/views/components/sidebar.ejs b/src/renderer/views/components/sidebar.ejs
index b107b240..bfb16de3 100644
--- a/src/renderer/views/components/sidebar.ejs
+++ b/src/renderer/views/components/sidebar.ejs
@@ -10,7 +10,7 @@
                             @click="$root.appRoute('search');$root.search.showHints = true"
                             @focus="$root.search.showHints = true"
                             @blur="$root.setTimeout(()=>{if($root.hintscontext != true){$root.search.showHints = false} }, 300)"
-                            v-on:keyup.enter="$root.searchQuery($root.search.hints[$root.search.cursor]?.content ?? $root.search.hints[$root.search.cursor]?.searchTerm ?? $root.search.term);$root.search.showHints = false;$root.search.cursor = -1"
+                            v-on:keyup.enter="$root.searchQuery($root.search.hints[$root.search.cursor]?.content ?? $root.search.hints[$root.search.cursor]?.searchTerm ?? $root.search.term);$root.search.showHints = false;$root.search.showSearchView = true;$root.search.cursor = -1"
                             v-on:keyup="$root.searchCursor"
                             @change="$root.appRoute('search');"
                             @input="$root.getSearchHints()"
@@ -34,7 +34,7 @@
                             </button>
                             <template v-for="(item, position) in $root.search.hints.filter((a) => {return a.content != null})">
                                 <mediaitem-smarthints :item="item.content" :position="position"> </mediaitem-smarthints>
-                            </template> 
+                            </template>
                         </div>
                     </div>
                 </div>
diff --git a/src/renderer/views/pages/search.ejs b/src/renderer/views/pages/search.ejs
index 427e4d88..10b47ae7 100644
--- a/src/renderer/views/pages/search.ejs
+++ b/src/renderer/views/pages/search.ejs
@@ -4,7 +4,7 @@
             <div class="search-input--icon"></div>
             <input type="search" spellcheck="false" @focus="$root.search.showHints = true"
                     @blur="$root.setTimeout(()=>{if($root.hintscontext != true){$root.search.showHints = false} }, 300)"
-                   v-on:keyup.enter="$root.searchQuery($root.search.hints[$root.search.cursor]?.content ?? $root.search.hints[$root.search.cursor]?.searchTerm ?? $root.search.term);$root.search.showHints = false" @input="$root.getSearchHints()"
+                   v-on:keyup.enter="$root.searchQuery($root.search.hints[$root.search.cursor]?.content ?? $root.search.hints[$root.search.cursor]?.searchTerm ?? $root.search.term);$root.search.showHints = false; $root.search.showSearchView = true" @input="$root.getSearchHints()"
                    :placeholder="$root.getLz('term.search') + '...'" v-model="$root.search.term"
                    class="search-input" />
 
@@ -33,7 +33,7 @@
                 $root.getLz("term.library") }}
             </button>
         </div>
-        <div v-if="search != null && search != [] && search.term != ''">
+        <div v-if="search != null && search != [] && search.term != '' && $root.search.showSearchView">
             <template v-if="searchType == 'catalog'">
                 <h3>{{app.getLz('term.topResult')}}</h3>
                 <mediaitem-scroller-horizontal