search on enter

galaxyproject · Oct 27, 2020 · a77a337 · a77a337
1 parent ea8529d
commit a77a337
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/client/src/components/LibraryFolder/SearchField.vue b/client/src/components/LibraryFolder/SearchField.vue
@@ -3,10 +3,10 @@
         <b-form-input
             v-model="search"
             class="mr-1"
-            input="updateSearch($event)"
             type="search"
             id="filterInput"
             placeholder="Search"
+            @keyup.enter="startSeach()"
         />
     </b-input-group>
 </template>
@@ -20,13 +20,17 @@ export default {
             awaitingSearch: false,
         };
     },
-
+    methods: {
+        startSeach() {
+            this.$emit("updateSearch", this.search);
+            this.awaitingSearch = false;
+        },
+    },
     watch: {
         search: function () {
             if (!this.awaitingSearch) {
                 setTimeout(() => {
-                    this.$emit("updateSearch", this.search);
-                    this.awaitingSearch = false;
+                    this.startSeach();
                 }, 1000); // 1 sec delay
             }
             this.awaitingSearch = true;

diff --git a/client/src/components/LibraryFolder/TopToolbar/FolderTopBar.vue b/client/src/components/LibraryFolder/TopToolbar/FolderTopBar.vue
@@ -7,7 +7,7 @@
                 <font-awesome-icon icon="home" />
             </a>
             <div>
-                <form class="form-inline">
+                <div class="form-inline">
                     <SearchField @updateSearch="updateSearch($event)"></SearchField>
                     <button
                         v-if="metadata.can_add_library_item"
@@ -134,7 +134,7 @@
                             include deleted
                         </b-form-checkbox>
                     </div>
-                </form>
+                </div>
             </div>
         </div>
     </div>