1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
<script>
import destroyPackagesMutation from '~/packages_and_registries/package_registry/graphql/mutations/destroy_packages.mutation.graphql';
import { createAlert, VARIANT_SUCCESS, VARIANT_WARNING } from '~/flash';
import {
DELETE_PACKAGE_ERROR_MESSAGE,
DELETE_PACKAGE_SUCCESS_MESSAGE,
DELETE_PACKAGES_ERROR_MESSAGE,
DELETE_PACKAGES_SUCCESS_MESSAGE,
} from '~/packages_and_registries/package_registry/constants';
export default {
name: 'DeletePackages',
props: {
refetchQueries: {
type: Array,
required: false,
default: null,
},
showSuccessAlert: {
type: Boolean,
required: false,
default: false,
},
},
i18n: {
errorMessage: DELETE_PACKAGE_ERROR_MESSAGE,
errorMessageMultiple: DELETE_PACKAGES_ERROR_MESSAGE,
successMessage: DELETE_PACKAGE_SUCCESS_MESSAGE,
successMessageMultiple: DELETE_PACKAGES_SUCCESS_MESSAGE,
},
methods: {
async deletePackages(packageEntities) {
const isSinglePackage = packageEntities.length === 1;
try {
this.$emit('start');
const ids = packageEntities.map((packageEntity) => packageEntity.id);
const { data } = await this.$apollo.mutate({
mutation: destroyPackagesMutation,
variables: {
ids,
},
awaitRefetchQueries: Boolean(this.refetchQueries),
refetchQueries: this.refetchQueries,
});
if (data?.destroyPackages?.errors[0]) {
throw data.destroyPackages.errors[0];
}
if (this.showSuccessAlert) {
createAlert({
message: isSinglePackage
? this.$options.i18n.successMessage
: this.$options.i18n.successMessageMultiple,
variant: VARIANT_SUCCESS,
});
}
} catch (error) {
createAlert({
message: isSinglePackage
? this.$options.i18n.errorMessage
: this.$options.i18n.errorMessageMultiple,
variant: VARIANT_WARNING,
captureError: true,
error,
});
}
this.$emit('end');
},
},
render() {
return this.$scopedSlots.default({ deletePackages: this.deletePackages });
},
};
</script>
|