commit: dbf46942d0f9af347ac98494a52148733365cc3d
parent: baa09002b5138e32beb35e5e766018c66903e5b0
Author: Shpuld Shpludson <shp@cock.li>
Date: Mon, 25 Feb 2019 16:09:18 +0000
Merge branch 'fix/active-user-search-text-field' into 'develop'
#387 Activate user search text field after click button.
See merge request pleroma/pleroma-fe!608
Diffstat:
4 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/components/user_finder/user_finder.js b/src/components/user_finder/user_finder.js
@@ -8,6 +8,7 @@ const UserFinder = {
methods: {
findUser (username) {
this.$router.push({ name: 'user-search', query: { query: username } })
+ this.$refs.userSearchInput.focus()
},
toggleHidden () {
this.hidden = !this.hidden
diff --git a/src/components/user_finder/user_finder.vue b/src/components/user_finder/user_finder.vue
@@ -4,7 +4,7 @@
<i class="icon-spin4 user-finder-icon animate-spin-slow" v-if="loading" />
<a href="#" v-if="hidden" :title="$t('finder.find_user')"><i class="icon-user-plus user-finder-icon" @click.prevent.stop="toggleHidden" /></a>
<template v-else>
- <input class="user-finder-input" @keyup.enter="findUser(username)" v-model="username" :placeholder="$t('finder.find_user')" id="user-finder-input" type="text"/>
+ <input class="user-finder-input" ref="userSearchInput" @keyup.enter="findUser(username)" v-model="username" :placeholder="$t('finder.find_user')" id="user-finder-input" type="text"/>
<button class="btn search-button" @click="findUser(username)">
<i class="icon-search"/>
</button>
diff --git a/src/components/user_search/user_search.js b/src/components/user_search/user_search.js
@@ -25,6 +25,7 @@ const userSearch = {
methods: {
newQuery (query) {
this.$router.push({ name: 'user-search', query: { query } })
+ this.$refs.userSearchInput.focus()
},
search (query) {
if (!query) {
diff --git a/src/components/user_search/user_search.vue b/src/components/user_search/user_search.vue
@@ -4,7 +4,7 @@
{{$t('nav.user_search')}}
</div>
<div class="user-search-input-container">
- <input class="user-finder-input" @keyup.enter="newQuery(username)" v-model="username" :placeholder="$t('finder.find_user')"/>
+ <input class="user-finder-input" ref="userSearchInput" @keyup.enter="newQuery(username)" v-model="username" :placeholder="$t('finder.find_user')"/>
<button class="btn search-button" @click="newQuery(username)">
<i class="icon-search"/>
</button>