|
|
@ -1,4 +1,5 @@
|
|
|
|
import Popover from '../popover/popover.vue'
|
|
|
|
import Popover from '../popover/popover.vue'
|
|
|
|
|
|
|
|
import ConfirmModal from '../confirm_modal/confirm_modal.vue'
|
|
|
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
|
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
faEllipsisH,
|
|
|
|
faEllipsisH,
|
|
|
@ -32,10 +33,14 @@ library.add(
|
|
|
|
|
|
|
|
|
|
|
|
const ExtraButtons = {
|
|
|
|
const ExtraButtons = {
|
|
|
|
props: ['status'],
|
|
|
|
props: ['status'],
|
|
|
|
components: { Popover },
|
|
|
|
components: {
|
|
|
|
|
|
|
|
Popover,
|
|
|
|
|
|
|
|
ConfirmModal
|
|
|
|
|
|
|
|
},
|
|
|
|
data () {
|
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
expanded: false
|
|
|
|
expanded: false,
|
|
|
|
|
|
|
|
showingDeleteDialog: false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
@ -46,11 +51,22 @@ const ExtraButtons = {
|
|
|
|
this.expanded = false
|
|
|
|
this.expanded = false
|
|
|
|
},
|
|
|
|
},
|
|
|
|
deleteStatus () {
|
|
|
|
deleteStatus () {
|
|
|
|
const confirmed = window.confirm(this.$t('status.delete_confirm'))
|
|
|
|
if (this.shouldConfirmDelete) {
|
|
|
|
if (confirmed) {
|
|
|
|
this.showDeleteStatusConfirmDialog()
|
|
|
|
this.$store.dispatch('deleteStatus', { id: this.status.id })
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.doDeleteStatus()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
doDeleteStatus () {
|
|
|
|
|
|
|
|
this.$store.dispatch('deleteStatus', { id: this.status.id })
|
|
|
|
|
|
|
|
hideDeleteStatusConfirmDialog()
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
showDeleteStatusConfirmDialog () {
|
|
|
|
|
|
|
|
this.showingDeleteDialog = true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
hideDeleteStatusConfirmDialog () {
|
|
|
|
|
|
|
|
this.showingDeleteDialog = false
|
|
|
|
|
|
|
|
},
|
|
|
|
pinStatus () {
|
|
|
|
pinStatus () {
|
|
|
|
this.$store.dispatch('pinStatus', this.status.id)
|
|
|
|
this.$store.dispatch('pinStatus', this.status.id)
|
|
|
|
.then(() => this.$emit('onSuccess'))
|
|
|
|
.then(() => this.$emit('onSuccess'))
|
|
|
@ -133,7 +149,10 @@ const ExtraButtons = {
|
|
|
|
isEdited () {
|
|
|
|
isEdited () {
|
|
|
|
return this.status.edited_at !== null
|
|
|
|
return this.status.edited_at !== null
|
|
|
|
},
|
|
|
|
},
|
|
|
|
editingAvailable () { return this.$store.state.instance.editingAvailable }
|
|
|
|
editingAvailable () { return this.$store.state.instance.editingAvailable },
|
|
|
|
|
|
|
|
shouldConfirmDelete () {
|
|
|
|
|
|
|
|
return this.$store.getters.mergedConfig.modalOnDelete
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|