forked from AkkomaGang/akkoma-fe
rename Autosuggest component
This commit is contained in:
parent
1cf9780e05
commit
0bdb0e5a81
4 changed files with 9 additions and 9 deletions
|
@ -1,19 +1,19 @@
|
|||
<template>
|
||||
<div class="user-autosuggest" v-click-outside="onClickOutside">
|
||||
<input v-model="term" :placeholder="placeholder" @click="onInputClick" class="user-autosuggest-input" />
|
||||
<div class="user-autosuggest-results" v-if="resultsVisible && filtered.length > 0">
|
||||
<div class="autosuggest" v-click-outside="onClickOutside">
|
||||
<input v-model="term" :placeholder="placeholder" @click="onInputClick" class="autosuggest-input" />
|
||||
<div class="autosuggest-results" v-if="resultsVisible && filtered.length > 0">
|
||||
<slot v-for="item in filtered" :item="item">
|
||||
</slot>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script src="./user_autosuggest.js"></script>
|
||||
<script src="./autosuggest.js"></script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '../../_variables.scss';
|
||||
|
||||
.user-autosuggest {
|
||||
.autosuggest {
|
||||
position: relative;
|
||||
|
||||
&-input {
|
|
@ -11,7 +11,7 @@ import fileSizeFormatService from '../../services/file_size_format/file_size_for
|
|||
import BlockCard from '../block_card/block_card.vue'
|
||||
import MuteCard from '../mute_card/mute_card.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 withList from '../../hocs/with_list/with_list'
|
||||
import userSearchApi from '../../services/new_api/user_search.js'
|
||||
|
@ -78,7 +78,7 @@ const UserSettings = {
|
|||
BlockList,
|
||||
MuteList,
|
||||
EmojiInput,
|
||||
UserAutoSuggest,
|
||||
Autosuggest,
|
||||
BlockCard
|
||||
},
|
||||
computed: {
|
||||
|
|
|
@ -196,9 +196,9 @@
|
|||
|
||||
<div :label="$t('settings.blocks_tab')">
|
||||
<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"/>
|
||||
</UserAutoSuggest>
|
||||
</Autosuggest>
|
||||
</div>
|
||||
<block-list :refresh="true">
|
||||
<template slot="empty">{{$t('settings.no_blocks')}}</template>
|
||||
|
|
Loading…
Reference in a new issue