diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-11-12 02:02:25 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-11-12 02:02:25 +0900 |
| commit | 0e4a111f81cceed275d9bec2695f6e401fb654d8 (patch) | |
| tree | 40874799472fa07416f17b50a398ac33b7771905 /src/client/components/user-list.vue | |
| parent | update deps (diff) | |
| download | misskey-0e4a111f81cceed275d9bec2695f6e401fb654d8.tar.gz misskey-0e4a111f81cceed275d9bec2695f6e401fb654d8.tar.bz2 misskey-0e4a111f81cceed275d9bec2695f6e401fb654d8.zip | |
refactoring
Resolve #7779
Diffstat (limited to 'src/client/components/user-list.vue')
| -rw-r--r-- | src/client/components/user-list.vue | 91 |
1 files changed, 0 insertions, 91 deletions
diff --git a/src/client/components/user-list.vue b/src/client/components/user-list.vue deleted file mode 100644 index 9c91183971..0000000000 --- a/src/client/components/user-list.vue +++ /dev/null @@ -1,91 +0,0 @@ -<template> -<MkError v-if="error" @retry="init()"/> - -<div v-else class="efvhhmdq _isolated"> - <div class="no-users" v-if="empty"> - <p>{{ $ts.noUsers }}</p> - </div> - <div class="users"> - <MkUserInfo class="user" v-for="user in users" :user="user" :key="user.id"/> - </div> - <button class="more" v-appear="$store.state.enableInfiniteScroll ? fetchMore : null" @click="fetchMore" :class="{ fetching: moreFetching }" v-show="more" :disabled="moreFetching"> - <template v-if="moreFetching"><i class="fas fa-spinner fa-pulse fa-fw"></i></template>{{ moreFetching ? $ts.loading : $ts.loadMore }} - </button> -</div> -</template> - -<script lang="ts"> -import { defineComponent } from 'vue'; -import paging from '@client/scripts/paging'; -import MkUserInfo from './user-info.vue'; -import { userPage } from '@client/filters/user'; - -export default defineComponent({ - components: { - MkUserInfo, - }, - - mixins: [ - paging({}), - ], - - props: { - pagination: { - required: true - }, - extract: { - required: false - }, - expanded: { - type: Boolean, - default: true - }, - }, - - computed: { - users() { - return this.extract ? this.extract(this.items) : this.items; - } - }, - - methods: { - userPage - } -}); -</script> - -<style lang="scss" scoped> -.efvhhmdq { - > .no-users { - text-align: center; - } - - > .users { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); - grid-gap: var(--margin); - } - - > .more { - display: block; - width: 100%; - padding: 16px; - - &:hover { - background: rgba(#000, 0.025); - } - - &:active { - background: rgba(#000, 0.05); - } - - &.fetching { - cursor: wait; - } - - > i { - margin-right: 4px; - } - } -} -</style> |