diff options
| author | jasper <jasper92341@hotmail.com> | 2019-02-21 11:20:46 -0800 |
|---|---|---|
| committer | jasper <jasper92341@hotmail.com> | 2019-02-21 11:20:46 -0800 |
| commit | 34d723215b05078e19da68cdae5edf9c8f699b87 (patch) | |
| tree | a2eb92d126f70d767fa43223a829c2dd764bd1b6 /src | |
| parent | 10990e17159a8b2cb3d6290b654f9c3f2a63c34e (diff) | |
Activate user search text field
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/user_finder/user_finder.js | 1 | ||||
| -rw-r--r-- | src/components/user_finder/user_finder.vue | 2 | ||||
| -rw-r--r-- | src/components/user_search/user_search.js | 1 | ||||
| -rw-r--r-- | src/components/user_search/user_search.vue | 2 |
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 index 55c6c402..64209941 100644 --- 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.username.focus() }, toggleHidden () { this.hidden = !this.hidden diff --git a/src/components/user_finder/user_finder.vue b/src/components/user_finder/user_finder.vue index 37d628fa..2f8b8900 100644 --- 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="username" @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 index 9c026276..c8503add 100644 --- a/src/components/user_search/user_search.js +++ b/src/components/user_search/user_search.js @@ -24,6 +24,7 @@ const userSearch = { methods: { newQuery (query) { this.$router.push({ name: 'user-search', query: { query } }) + this.$refs.username.focus() }, search (query) { if (!query) { diff --git a/src/components/user_search/user_search.vue b/src/components/user_search/user_search.vue index 3c2bd3fb..d981faee 100644 --- 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="username" @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> |