summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/design_management_new/components/delete_button.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/design_management_new/components/delete_button.vue')
-rw-r--r--app/assets/javascripts/design_management_new/components/delete_button.vue81
1 files changed, 0 insertions, 81 deletions
diff --git a/app/assets/javascripts/design_management_new/components/delete_button.vue b/app/assets/javascripts/design_management_new/components/delete_button.vue
deleted file mode 100644
index 77e1b97a227..00000000000
--- a/app/assets/javascripts/design_management_new/components/delete_button.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<script>
-import { GlButton, GlModal, GlModalDirective } from '@gitlab/ui';
-import { uniqueId } from 'lodash';
-import { s__ } from '~/locale';
-
-export default {
- name: 'DeleteButton',
- components: {
- GlButton,
- GlModal,
- },
- directives: {
- GlModalDirective,
- },
- props: {
- isDeleting: {
- type: Boolean,
- required: false,
- default: false,
- },
- buttonClass: {
- type: String,
- required: false,
- default: '',
- },
- buttonVariant: {
- type: String,
- required: false,
- default: 'info',
- },
- buttonSize: {
- type: String,
- required: false,
- default: 'medium',
- },
- hasSelectedDesigns: {
- type: Boolean,
- required: false,
- default: true,
- },
- },
- data() {
- return {
- modalId: uniqueId('design-deletion-confirmation-'),
- };
- },
- modal: {
- title: s__('DesignManagement|Delete designs confirmation'),
- actionPrimary: {
- text: s__('Delete'),
- attributes: { variant: 'danger' },
- },
- actionCancel: {
- text: s__('Cancel'),
- },
- },
-};
-</script>
-
-<template>
- <div class="gl-display-flex gl-align-items-center gl-h-full">
- <gl-modal
- :modal-id="modalId"
- :title="$options.modal.title"
- :action-primary="$options.modal.actionPrimary"
- :action-cancel="$options.modal.actionCancel"
- @ok="$emit('deleteSelectedDesigns')"
- >
- <p>{{ s__('DesignManagement|Are you sure you want to delete the selected designs?') }}</p>
- </gl-modal>
- <gl-button
- v-gl-modal-directive="modalId"
- :variant="buttonVariant"
- :size="buttonSize"
- :class="buttonClass"
- :disabled="isDeleting || !hasSelectedDesigns"
- >
- <slot></slot>
- </gl-button>
- </div>
-</template>