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.
53 lines
918 B
53 lines
918 B
<template>
|
|
<b-modal
|
|
v-model="show"
|
|
persistent
|
|
hide-footer
|
|
>
|
|
<b-card>
|
|
<b-card-text>{{ $t('Are you sure you want to delete this item?') }}</b-card-text>
|
|
<b-button
|
|
color="error darken-1"
|
|
@click="handleDelete"
|
|
>
|
|
{{ $t('Delete') }}
|
|
</b-button>
|
|
<b-button
|
|
color="secondary darken-1"
|
|
text
|
|
@click.stop="show = false"
|
|
>
|
|
{{ $t('Cancel') }}
|
|
</b-button>
|
|
</b-card>
|
|
</b-modal>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'ConfirmDelete',
|
|
props: {
|
|
visible: {
|
|
type: Boolean,
|
|
required: true,
|
|
default: () => false
|
|
},
|
|
handleDelete: {
|
|
type: Function,
|
|
required: true
|
|
}
|
|
},
|
|
computed: {
|
|
show: {
|
|
get() {
|
|
return this.visible;
|
|
},
|
|
set(value) {
|
|
if (!value) {
|
|
this.$emit('close');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|