123 lines
3.5 KiB
JavaScript
123 lines
3.5 KiB
JavaScript
import Popover from '../popover/popover.vue'
|
|
import ConfirmModal from '../confirm_modal/confirm_modal.vue'
|
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
import {
|
|
faEllipsisH,
|
|
faBookmark,
|
|
faEyeSlash,
|
|
faThumbtack,
|
|
faShareAlt,
|
|
faExternalLinkAlt
|
|
} from '@fortawesome/free-solid-svg-icons'
|
|
import {
|
|
faBookmark as faBookmarkReg,
|
|
faFlag
|
|
} from '@fortawesome/free-regular-svg-icons'
|
|
|
|
library.add(
|
|
faEllipsisH,
|
|
faBookmark,
|
|
faBookmarkReg,
|
|
faEyeSlash,
|
|
faThumbtack,
|
|
faShareAlt,
|
|
faExternalLinkAlt,
|
|
faFlag
|
|
)
|
|
|
|
const ExtraButtons = {
|
|
props: ['status'],
|
|
components: {
|
|
Popover,
|
|
ConfirmModal
|
|
},
|
|
data () {
|
|
return {
|
|
expanded: false,
|
|
showingDeleteDialog: false
|
|
}
|
|
},
|
|
methods: {
|
|
deleteStatus () {
|
|
if (this.shouldConfirmDelete) {
|
|
this.showDeleteStatusConfirmDialog()
|
|
} else {
|
|
this.doDeleteStatus()
|
|
}
|
|
},
|
|
doDeleteStatus () {
|
|
this.$store.dispatch('deleteStatus', { id: this.status.id })
|
|
this.hideDeleteStatusConfirmDialog()
|
|
},
|
|
showDeleteStatusConfirmDialog () {
|
|
this.showingDeleteDialog = true
|
|
},
|
|
hideDeleteStatusConfirmDialog () {
|
|
this.showingDeleteDialog = false
|
|
},
|
|
pinStatus () {
|
|
this.$store.dispatch('pinStatus', this.status.id)
|
|
.then(() => this.$emit('onSuccess'))
|
|
.catch(err => this.$emit('onError', err.error.error))
|
|
},
|
|
unpinStatus () {
|
|
this.$store.dispatch('unpinStatus', this.status.id)
|
|
.then(() => this.$emit('onSuccess'))
|
|
.catch(err => this.$emit('onError', err.error.error))
|
|
},
|
|
muteConversation () {
|
|
this.$store.dispatch('muteConversation', this.status.id)
|
|
.then(() => this.$emit('onSuccess'))
|
|
.catch(err => this.$emit('onError', err.error.error))
|
|
},
|
|
unmuteConversation () {
|
|
this.$store.dispatch('unmuteConversation', this.status.id)
|
|
.then(() => this.$emit('onSuccess'))
|
|
.catch(err => this.$emit('onError', err.error.error))
|
|
},
|
|
copyLink () {
|
|
navigator.clipboard.writeText(this.statusLink)
|
|
.then(() => this.$emit('onSuccess'))
|
|
.catch(err => this.$emit('onError', err.error.error))
|
|
},
|
|
bookmarkStatus () {
|
|
this.$store.dispatch('bookmark', { id: this.status.id })
|
|
.then(() => this.$emit('onSuccess'))
|
|
.catch(err => this.$emit('onError', err.error.error))
|
|
},
|
|
unbookmarkStatus () {
|
|
this.$store.dispatch('unbookmark', { id: this.status.id })
|
|
.then(() => this.$emit('onSuccess'))
|
|
.catch(err => this.$emit('onError', err.error.error))
|
|
},
|
|
reportStatus () {
|
|
this.$store.dispatch('openUserReportingModal', { userId: this.status.user.id, statusIds: [this.status.id] })
|
|
}
|
|
},
|
|
computed: {
|
|
currentUser () { return this.$store.state.users.currentUser },
|
|
canDelete () {
|
|
if (!this.currentUser) { return }
|
|
const superuser = this.currentUser.rights.moderator || this.currentUser.rights.admin
|
|
return superuser || this.status.user.id === this.currentUser.id
|
|
},
|
|
ownStatus () {
|
|
return this.status.user.id === this.currentUser.id
|
|
},
|
|
canPin () {
|
|
return this.ownStatus && (this.status.visibility === 'public' || this.status.visibility === 'unlisted')
|
|
},
|
|
canMute () {
|
|
return !!this.currentUser
|
|
},
|
|
statusLink () {
|
|
return `${this.$store.state.instance.server}${this.$router.resolve({ name: 'conversation', params: { id: this.status.id } }).href}`
|
|
},
|
|
shouldConfirmDelete () {
|
|
return this.$store.getters.mergedConfig.modalOnDelete
|
|
}
|
|
}
|
|
}
|
|
|
|
export default ExtraButtons
|