You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

58 lines
1.2 KiB

<template>
<div>
<v-btn
:disabled="!isDocumentSelected"
class="text-capitalize"
outlined
@click="dialog=true"
>
{{ $t('generic.delete') }}
</v-btn>
<v-dialog
v-model="dialog"
width="800"
>
<confirm-form
:items="selected"
:title="$t('dataset.deleteDocumentsTitle')"
:message="$t('dataset.deleteDocumentsMessage')"
:button-true-text="$t('generic.yes')"
:button-false-text="$t('generic.cancel')"
item-key="text"
@ok="deleteDocument($route.params.id);dialog=false"
@cancel="dialog=false"
/>
</v-dialog>
</div>
</template>
<script>
import { mapState, mapGetters, mapActions } from 'vuex'
import ConfirmForm from '@/components/organisms/utils/ConfirmForm'
export default {
components: {
ConfirmForm
},
data() {
return {
dialog: false
}
},
computed: {
...mapState('documents', ['selected']),
...mapGetters('documents', ['isDocumentSelected'])
},
methods: {
...mapActions('documents', ['deleteDocument']),
handleDeleteDocument() {
const projectId = this.$route.params.id
this.deleteDocument(projectId)
}
}
}
</script>