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
|
<script>
import { GlButton, GlModalDirective, GlTooltipDirective } from '@gitlab/ui';
import { CANCEL_JOBS_MODAL_ID, CANCEL_JOBS_BUTTON_TEXT, CANCEL_BUTTON_TOOLTIP } from '../constants';
import CancelJobsModal from './cancel_jobs_modal.vue';
export default {
name: 'CancelJobs',
components: {
GlButton,
CancelJobsModal,
},
directives: {
GlModal: GlModalDirective,
GlTooltip: GlTooltipDirective,
},
props: {
url: {
type: String,
required: true,
},
},
modalId: CANCEL_JOBS_MODAL_ID,
buttonText: CANCEL_JOBS_BUTTON_TEXT,
buttonTooltip: CANCEL_BUTTON_TOOLTIP,
};
</script>
<template>
<div>
<gl-button
v-gl-modal="$options.modalId"
v-gl-tooltip="$options.buttonTooltip"
variant="danger"
>{{ $options.buttonText }}</gl-button
>
<cancel-jobs-modal :modal-id="$options.modalId" :url="url" @confirm="$emit('confirm')" />
</div>
</template>
|