diff options
Diffstat (limited to 'src/components/user_finder')
| -rw-r--r-- | src/components/user_finder/user_finder.js | 20 | ||||
| -rw-r--r-- | src/components/user_finder/user_finder.vue | 67 |
2 files changed, 0 insertions, 87 deletions
diff --git a/src/components/user_finder/user_finder.js b/src/components/user_finder/user_finder.js deleted file mode 100644 index 27153f45..00000000 --- a/src/components/user_finder/user_finder.js +++ /dev/null @@ -1,20 +0,0 @@ -const UserFinder = { - data: () => ({ - username: undefined, - hidden: true, - error: false, - loading: false - }), - methods: { - findUser (username) { - this.$router.push({ name: 'user-search', query: { query: username } }) - this.$refs.userSearchInput.focus() - }, - toggleHidden () { - this.hidden = !this.hidden - this.$emit('toggled', this.hidden) - } - } -} - -export default UserFinder diff --git a/src/components/user_finder/user_finder.vue b/src/components/user_finder/user_finder.vue deleted file mode 100644 index 39d49237..00000000 --- a/src/components/user_finder/user_finder.vue +++ /dev/null @@ -1,67 +0,0 @@ -<template> - <div> - <div class="user-finder-container"> - <i - v-if="loading" - class="icon-spin4 user-finder-icon animate-spin-slow" - /> - <a - v-if="hidden" - href="#" - :title="$t('finder.find_user')" - ><i - class="icon-user-plus user-finder-icon" - @click.prevent.stop="toggleHidden" - /></a> - <template v-else> - <input - id="user-finder-input" - ref="userSearchInput" - v-model="username" - class="user-finder-input" - :placeholder="$t('finder.find_user')" - type="text" - @keyup.enter="findUser(username)" - > - <button - class="btn search-button" - @click="findUser(username)" - > - <i class="icon-search" /> - </button> - <i - class="button-icon icon-cancel user-finder-icon" - @click.prevent.stop="toggleHidden" - /> - </template> - </div> - </div> -</template> - -<script src="./user_finder.js"></script> - -<style lang="scss"> -@import '../../_variables.scss'; - -.user-finder-container { - max-width: 100%; - display: inline-flex; - align-items: baseline; - vertical-align: baseline; - - .user-finder-input, - .search-button { - height: 29px; - } - .user-finder-input { - // TODO: do this properly without a rough guesstimate of 2 icons + paddings - max-width: calc(100% - 30px - 30px - 20px); - } - - .search-button { - margin-left: .5em; - margin-right: .5em; - } -} - -</style> |
