130 lines
3.4 KiB
Vue
130 lines
3.4 KiB
Vue
<script>
|
||
import axios from '~/lib/utils/axios_utils';
|
||
|
||
import Flash from '~/flash';
|
||
import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
|
||
import { n__, s__, sprintf } from '~/locale';
|
||
import { redirectTo } from '~/lib/utils/url_utility';
|
||
import eventHub from '../event_hub';
|
||
|
||
export default {
|
||
components: {
|
||
DeprecatedModal,
|
||
},
|
||
props: {
|
||
issueCount: {
|
||
type: Number,
|
||
required: true,
|
||
},
|
||
mergeRequestCount: {
|
||
type: Number,
|
||
required: true,
|
||
},
|
||
milestoneId: {
|
||
type: Number,
|
||
required: true,
|
||
},
|
||
milestoneTitle: {
|
||
type: String,
|
||
required: true,
|
||
},
|
||
milestoneUrl: {
|
||
type: String,
|
||
required: true,
|
||
},
|
||
},
|
||
computed: {
|
||
text() {
|
||
const milestoneTitle = sprintf('<strong>%{milestoneTitle}</strong>', {
|
||
milestoneTitle: this.milestoneTitle,
|
||
});
|
||
|
||
if (this.issueCount === 0 && this.mergeRequestCount === 0) {
|
||
return sprintf(
|
||
s__(`Milestones|
|
||
You’re about to permanently delete the milestone %{milestoneTitle}.
|
||
This milestone is not currently used in any issues or merge requests.`),
|
||
{
|
||
milestoneTitle,
|
||
},
|
||
false,
|
||
);
|
||
}
|
||
|
||
return sprintf(
|
||
s__(`Milestones|
|
||
You’re about to permanently delete the milestone %{milestoneTitle} and remove it from %{issuesWithCount} and %{mergeRequestsWithCount}.
|
||
Once deleted, it cannot be undone or recovered.`),
|
||
{
|
||
milestoneTitle,
|
||
issuesWithCount: n__('%d issue', '%d issues', this.issueCount),
|
||
mergeRequestsWithCount: n__(
|
||
'%d merge request',
|
||
'%d merge requests',
|
||
this.mergeRequestCount,
|
||
),
|
||
},
|
||
false,
|
||
);
|
||
},
|
||
title() {
|
||
return sprintf(s__('Milestones|Delete milestone %{milestoneTitle}?'), {
|
||
milestoneTitle: this.milestoneTitle,
|
||
});
|
||
},
|
||
},
|
||
methods: {
|
||
onSubmit() {
|
||
eventHub.$emit('deleteMilestoneModal.requestStarted', this.milestoneUrl);
|
||
|
||
return axios
|
||
.delete(this.milestoneUrl)
|
||
.then(response => {
|
||
eventHub.$emit('deleteMilestoneModal.requestFinished', {
|
||
milestoneUrl: this.milestoneUrl,
|
||
successful: true,
|
||
});
|
||
|
||
// follow the rediect to milestones overview page
|
||
redirectTo(response.request.responseURL);
|
||
})
|
||
.catch(error => {
|
||
eventHub.$emit('deleteMilestoneModal.requestFinished', {
|
||
milestoneUrl: this.milestoneUrl,
|
||
successful: false,
|
||
});
|
||
|
||
if (error.response && error.response.status === 404) {
|
||
Flash(
|
||
sprintf(s__('Milestones|Milestone %{milestoneTitle} was not found'), {
|
||
milestoneTitle: this.milestoneTitle,
|
||
}),
|
||
);
|
||
} else {
|
||
Flash(
|
||
sprintf(s__('Milestones|Failed to delete milestone %{milestoneTitle}'), {
|
||
milestoneTitle: this.milestoneTitle,
|
||
}),
|
||
);
|
||
}
|
||
throw error;
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<template>
|
||
<deprecated-modal
|
||
id="delete-milestone-modal"
|
||
:title="title"
|
||
:text="text"
|
||
:primary-button-label="s__('Milestones|Delete milestone')"
|
||
kind="danger"
|
||
@submit="onSubmit"
|
||
>
|
||
<template slot="body" slot-scope="props">
|
||
<p v-html="props.text"></p>
|
||
</template>
|
||
</deprecated-modal>
|
||
</template>
|