akkoma-fe/src/components/account_actions/account_actions.js

70 lines
1.6 KiB
JavaScript
Raw Normal View History

2019-10-08 07:21:48 +00:00
import ProgressButton from '../progress_button/progress_button.vue'
2020-02-28 16:39:47 +00:00
import Popover from '../popover/popover.vue'
import ConfirmModal from '../confirm_modal/confirm_modal.vue'
import { library } from '@fortawesome/fontawesome-svg-core'
import { mapState } from 'vuex'
import {
faEllipsisV
} from '@fortawesome/free-solid-svg-icons'
library.add(
faEllipsisV
)
2019-10-08 07:21:48 +00:00
const AccountActions = {
props: [
2020-04-21 20:27:51 +00:00
'user', 'relationship'
2019-10-08 07:21:48 +00:00
],
data () {
return {
showingConfirmBlock: false
}
2019-10-08 07:21:48 +00:00
},
components: {
2020-02-28 16:39:47 +00:00
ProgressButton,
Popover,
ConfirmModal
2019-10-08 07:21:48 +00:00
},
methods: {
showConfirmBlock () {
this.showingConfirmBlock = true
},
hideConfirmBlock () {
this.showingConfirmBlock = false
},
2019-10-08 07:21:48 +00:00
showRepeats () {
this.$store.dispatch('showReblogs', this.user.id)
},
hideRepeats () {
this.$store.dispatch('hideReblogs', this.user.id)
},
blockUser () {
if (!this.shouldConfirmBlock) {
this.doBlockUser()
} else {
this.showConfirmBlock()
}
},
doBlockUser () {
2019-10-08 07:21:48 +00:00
this.$store.dispatch('blockUser', this.user.id)
this.hideConfirmBlock()
2019-10-08 07:21:48 +00:00
},
unblockUser () {
this.$store.dispatch('unblockUser', this.user.id)
},
reportUser () {
this.$store.dispatch('openUserReportingModal', { userId: this.user.id })
2019-10-08 07:21:48 +00:00
}
},
computed: {
shouldConfirmBlock () {
return this.$store.getters.mergedConfig.modalOnBlock
},
...mapState({
pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable
})
2019-10-08 07:21:48 +00:00
}
}
export default AccountActions