From 9fe882b39b253b651a6f24a260f005692390d2cb Mon Sep 17 00:00:00 2001
From: ogerly <landmatrosen@googlemail.com>
Date: Wed, 15 Apr 2020 11:18:15 +0200
Subject: [PATCH] feature: sum search results added, Enter closes the preview
 search field, language file EN, DE adjusted

---
 .../components/_new/features/SearchResults/SearchResults.vue | 5 ++++-
 .../components/generic/SearchableInput/SearchableInput.vue   | 2 ++
 webapp/locales/de.json                                       | 1 +
 webapp/locales/en.json                                       | 1 +
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/webapp/components/_new/features/SearchResults/SearchResults.vue b/webapp/components/_new/features/SearchResults/SearchResults.vue
index d5f6f988c..8a34058de 100644
--- a/webapp/components/_new/features/SearchResults/SearchResults.vue
+++ b/webapp/components/_new/features/SearchResults/SearchResults.vue
@@ -1,5 +1,6 @@
-<template>
+<template>  
   <div class="search-results">
+    <div class="search-results">{{$t('search.results', { searchCount:searchCount, search:search })}}</div>
     <tab-navigation :tabs="tabOptions" :activeTab="activeTab" @switchTab="switchTab" />
     <section
       :class="['results', activeTab === 'User' && '--user', !activeResourceCount > 0 && '--empty']"
@@ -100,6 +101,7 @@ export default {
       postsOffset: 0,
       usersOffset: 0,
       hashtagsOffset: 0,
+      searchCount: 0,
     }
   },
   computed: {
@@ -202,6 +204,7 @@ export default {
         this.posts = searchPosts.posts
         this.postCount = searchPosts.postCount
         if (this.postCount > 0) this.activeTab = 'Post'
+        this.searchCount = ( this.postCount + this.userCount + this.hashtagCount )
       },
       fetchPolicy: 'cache-and-network',
     },
diff --git a/webapp/components/generic/SearchableInput/SearchableInput.vue b/webapp/components/generic/SearchableInput/SearchableInput.vue
index 1b28c7e89..e3c6c93c5 100644
--- a/webapp/components/generic/SearchableInput/SearchableInput.vue
+++ b/webapp/components/generic/SearchableInput/SearchableInput.vue
@@ -20,6 +20,7 @@
       @keyup.esc.native="clear"
       @blur.capture.native="onBlur"
       @input.exact="onSelect"
+      
     >
       <template #option="{ option }">
         <search-heading v-if="isFirstOfType(option)" :resource-type="option.__typename" />
@@ -112,6 +113,7 @@ export default {
         path: '/search/search-results',
         query: { search: this.unprocessedSearchInput },
       })
+     this.$emit('clearSearch')
     },
     onDelete(event) {
       clearTimeout(this.searchProcess)
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 5b9153f17..aa359af1d 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -595,6 +595,7 @@
       "User": "Benutzer"
     },
     "hint": "Wonach suchst Du?",
+    "results": " \"{searchCount}\" Ergebnisse für \"{search}\" gefunden ",
     "no-results": "Keine Ergebnisse für \"{search}\" gefunden. Versuch' es mit einem anderen Begriff!",
     "placeholder": "Suchen"
   },
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index a9c2288d7..f3e99ad76 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -595,6 +595,7 @@
       "User": "Users"
     },
     "hint": "What are you searching for?",
+    "results": " \"{searchCount}\" Results found for \"{search}\" ",
     "no-results": "No results found for \"{search}\". Try a different search term!",
     "placeholder": "Search"
   },