From 6f74a5bff41166c7bbe7ed87e3c7a4f3fc8e324f Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Fri, 4 Oct 2019 00:28:27 +0200
Subject: [PATCH] Input components now emit a "enter" event and our torrent
 input searches if "enter" event is received

---
 src/components/TorrentList.vue      | 2 +-
 src/components/ui/SeasonedInput.vue | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/TorrentList.vue b/src/components/TorrentList.vue
index 73dcef9..2bf97a7 100644
--- a/src/components/TorrentList.vue
+++ b/src/components/TorrentList.vue
@@ -78,7 +78,7 @@
                   justify-content: center;"
             v-if="editSearchQuery">
 
-        <seasonedInput text="Torrent query" icon="_torrents" @inputValue="(val) => editedSearchQuery = val"/>
+        <seasonedInput text="Torrent query" icon="_torrents" @inputValue="(val) => editedSearchQuery = val" @enter="fetchTorrents(editedSearchQuery)" />
 
         <div style="height: 45px; width: 5px;"></div>
 
diff --git a/src/components/ui/SeasonedInput.vue b/src/components/ui/SeasonedInput.vue
index a78d046..4716af2 100644
--- a/src/components/ui/SeasonedInput.vue
+++ b/src/components/ui/SeasonedInput.vue
@@ -2,7 +2,7 @@
   <div class="group" :class="{ completed: value.length > 0 }">
     <svg class="group__input-icon"><use v-bind="{'xlink:href':'#icon' + icon}"></use></svg>
     <input class="group__input" :type="tempType || type" ref="plex_username" 
-            v-model="value" :placeholder="text" @input="handleInput" />
+            v-model="value" :placeholder="text" @keyup.enter="submit" @input="handleInput" />
     
     <i v-if="value.length > 0 && type === 'password'" @click="toggleShowPassword" class="group__input-show noselect">show</i>
   </div>
@@ -19,6 +19,9 @@ export default {
     return { value: '', tempType: undefined }
   },
   methods: {
+    submit(event) {
+      this.$emit('enter')
+    },
     handleInput(value) {
       console.log('this.value', this.value)
       this.$emit('inputValue', this.value)