aboutsummaryrefslogtreecommitdiff
path: root/src/components/user_finder
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/user_finder')
-rw-r--r--src/components/user_finder/user_finder.js20
-rw-r--r--src/components/user_finder/user_finder.vue67
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>