rename Autosuggest component
This commit is contained in:
parent
1cf9780e05
commit
0bdb0e5a81
@ -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 {
|
@ -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: {
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user