rename Autosuggest component

This commit is contained in:
taehoon 2019-04-02 16:10:03 -04:00
parent 1cf9780e05
commit 0bdb0e5a81
4 changed files with 9 additions and 9 deletions

View File

@ -1,19 +1,19 @@
<template> <template>
<div class="user-autosuggest" v-click-outside="onClickOutside"> <div class="autosuggest" v-click-outside="onClickOutside">
<input v-model="term" :placeholder="placeholder" @click="onInputClick" class="user-autosuggest-input" /> <input v-model="term" :placeholder="placeholder" @click="onInputClick" class="autosuggest-input" />
<div class="user-autosuggest-results" v-if="resultsVisible && filtered.length > 0"> <div class="autosuggest-results" v-if="resultsVisible && filtered.length > 0">
<slot v-for="item in filtered" :item="item"> <slot v-for="item in filtered" :item="item">
</slot> </slot>
</div> </div>
</div> </div>
</template> </template>
<script src="./user_autosuggest.js"></script> <script src="./autosuggest.js"></script>
<style lang="scss"> <style lang="scss">
@import '../../_variables.scss'; @import '../../_variables.scss';
.user-autosuggest { .autosuggest {
position: relative; position: relative;
&-input { &-input {

View File

@ -11,7 +11,7 @@ import fileSizeFormatService from '../../services/file_size_format/file_size_for
import BlockCard from '../block_card/block_card.vue' import BlockCard from '../block_card/block_card.vue'
import MuteCard from '../mute_card/mute_card.vue' import MuteCard from '../mute_card/mute_card.vue'
import EmojiInput from '../emoji-input/emoji-input.vue' import EmojiInput from '../emoji-input/emoji-input.vue'
import UserAutoSuggest from '../user_autosuggest/user_autosuggest.vue' import Autosuggest from '../autosuggest/autosuggest.vue'
import withSubscription from '../../hocs/with_subscription/with_subscription' import withSubscription from '../../hocs/with_subscription/with_subscription'
import withList from '../../hocs/with_list/with_list' import withList from '../../hocs/with_list/with_list'
import userSearchApi from '../../services/new_api/user_search.js' import userSearchApi from '../../services/new_api/user_search.js'
@ -78,7 +78,7 @@ const UserSettings = {
BlockList, BlockList,
MuteList, MuteList,
EmojiInput, EmojiInput,
UserAutoSuggest, Autosuggest,
BlockCard BlockCard
}, },
computed: { computed: {

View File

@ -196,9 +196,9 @@
<div :label="$t('settings.blocks_tab')"> <div :label="$t('settings.blocks_tab')">
<div class="profile-edit-usersearch-wrapper"> <div class="profile-edit-usersearch-wrapper">
<UserAutoSuggest :filter="filterUnblockedUsers" :query="queryUserIds" placeholder="Search whom you want to block"> <Autosuggest :filter="filterUnblockedUsers" :query="queryUserIds" placeholder="Search whom you want to block">
<BlockCard slot-scope="row" :userId="row.item"/> <BlockCard slot-scope="row" :userId="row.item"/>
</UserAutoSuggest> </Autosuggest>
</div> </div>
<block-list :refresh="true"> <block-list :refresh="true">
<template slot="empty">{{$t('settings.no_blocks')}}</template> <template slot="empty">{{$t('settings.no_blocks')}}</template>