import get from 'lodash/get' import map from 'lodash/map' import reject from 'lodash/reject' import Autosuggest from 'src/components/autosuggest/autosuggest.vue' import TabSwitcher from 'src/components/tab_switcher/tab_switcher.js' import BlockCard from 'src/components/block_card/block_card.vue' import MuteCard from 'src/components/mute_card/mute_card.vue' import DomainMuteCard from 'src/components/domain_mute_card/domain_mute_card.vue' import SelectableList from 'src/components/selectable_list/selectable_list.vue' import ProgressButton from 'src/components/progress_button/progress_button.vue' import withSubscription from 'src/components/../hocs/with_subscription/with_subscription' import Checkbox from 'src/components/checkbox/checkbox.vue' const BlockList = withSubscription({ fetch: (props, $store) => $store.dispatch('fetchBlocks'), select: (props, $store) => get($store.state.users.currentUser, 'blockIds', []), childPropName: 'items' })(SelectableList) const MuteList = withSubscription({ fetch: (props, $store) => $store.dispatch('fetchMutes'), select: (props, $store) => get($store.state.users.currentUser, 'muteIds', []), childPropName: 'items' })(SelectableList) const DomainMuteList = withSubscription({ fetch: (props, $store) => $store.dispatch('fetchDomainMutes'), select: (props, $store) => get($store.state.users.currentUser, 'domainMutes', []), childPropName: 'items' })(SelectableList) const MutesAndBlocks = { data () { return { activeTab: 'profile', newDomainToMute: '' } }, created () { this.$store.dispatch('fetchTokens') }, components: { TabSwitcher, BlockList, MuteList, DomainMuteList, BlockCard, MuteCard, DomainMuteCard, ProgressButton, Autosuggest, Checkbox }, methods: { importFollows (file) { return this.$store.state.api.backendInteractor.importFollows({ file }) .then((status) => { if (!status) { throw new Error('failed') } }) }, importBlocks (file) { return this.$store.state.api.backendInteractor.importBlocks({ file }) .then((status) => { if (!status) { throw new Error('failed') } }) }, generateExportableUsersContent (users) { // Get addresses return users.map((user) => { // check is it's a local user if (user && user.is_local) { // append the instance address // eslint-disable-next-line no-undef return user.screen_name + '@' + location.hostname } return user.screen_name }).join('\n') }, activateTab (tabName) { this.activeTab = tabName }, filterUnblockedUsers (userIds) { return reject(userIds, (userId) => { const relationship = this.$store.getters.relationship(this.userId) return relationship.blocking || userId === this.$store.state.users.currentUser.id }) }, filterUnMutedUsers (userIds) { return reject(userIds, (userId) => { const relationship = this.$store.getters.relationship(this.userId) return relationship.muting || userId === this.$store.state.users.currentUser.id }) }, queryUserIds (query) { return this.$store.dispatch('searchUsers', { query }) .then((users) => map(users, 'id')) }, blockUsers (ids) { return this.$store.dispatch('blockUsers', ids) }, unblockUsers (ids) { return this.$store.dispatch('unblockUsers', ids) }, muteUsers (ids) { return this.$store.dispatch('muteUsers', ids) }, unmuteUsers (ids) { return this.$store.dispatch('unmuteUsers', ids) }, unmuteDomains (domains) { return this.$store.dispatch('unmuteDomains', domains) }, muteDomain () { return this.$store.dispatch('muteDomain', this.newDomainToMute) .then(() => { this.newDomainToMute = '' }) } } } export default MutesAndBlocks