summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/pages/projects/labels/components/promote_label_modal.vue
diff options
context:
space:
mode:
authorGitLab Bot <gitlab-bot@gitlab.com>2021-12-10 12:10:18 +0000
committerGitLab Bot <gitlab-bot@gitlab.com>2021-12-10 12:10:18 +0000
commite838c62efb5d95fe76b5bbb6cba8b73c40eb2008 (patch)
tree6950ae1392a4c596e0885e7f79a8b69d6b008afb /app/assets/javascripts/pages/projects/labels/components/promote_label_modal.vue
parent240609275dbc67cfd6eab5d5a55ab632db41a9ac (diff)
downloadgitlab-ce-e838c62efb5d95fe76b5bbb6cba8b73c40eb2008.tar.gz
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app/assets/javascripts/pages/projects/labels/components/promote_label_modal.vue')
-rw-r--r--app/assets/javascripts/pages/projects/labels/components/promote_label_modal.vue113
1 files changed, 0 insertions, 113 deletions
diff --git a/app/assets/javascripts/pages/projects/labels/components/promote_label_modal.vue b/app/assets/javascripts/pages/projects/labels/components/promote_label_modal.vue
deleted file mode 100644
index e708cd32fff..00000000000
--- a/app/assets/javascripts/pages/projects/labels/components/promote_label_modal.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<script>
-import { GlSprintf, GlModal } from '@gitlab/ui';
-import createFlash from '~/flash';
-import axios from '~/lib/utils/axios_utils';
-import { visitUrl } from '~/lib/utils/url_utility';
-import { s__, __, sprintf } from '~/locale';
-import eventHub from '../event_hub';
-
-export default {
- primaryProps: {
- text: s__('Labels|Promote Label'),
- attributes: [{ variant: 'warning' }, { category: 'primary' }],
- },
- cancelProps: {
- text: __('Cancel'),
- },
- components: {
- GlModal,
- GlSprintf,
- },
- props: {
- url: {
- type: String,
- required: true,
- },
- labelTitle: {
- type: String,
- required: true,
- },
- labelColor: {
- type: String,
- required: true,
- },
- labelTextColor: {
- type: String,
- required: true,
- },
- groupName: {
- type: String,
- required: true,
- },
- },
- computed: {
- text() {
- return sprintf(
- s__(`Labels|Promoting %{labelTitle} will make it available for all projects inside %{groupName}.
- Existing project labels with the same title will be merged. If a group label with the same title exists,
- it will also be merged. This action cannot be reversed.`),
- {
- labelTitle: this.labelTitle,
- groupName: this.groupName,
- },
- );
- },
- },
- methods: {
- onSubmit() {
- eventHub.$emit('promoteLabelModal.requestStarted', this.url);
- return axios
- .post(this.url, { params: { format: 'json' } })
- .then((response) => {
- eventHub.$emit('promoteLabelModal.requestFinished', {
- labelUrl: this.url,
- successful: true,
- });
- visitUrl(response.data.url);
- })
- .catch((error) => {
- eventHub.$emit('promoteLabelModal.requestFinished', {
- labelUrl: this.url,
- successful: false,
- });
- createFlash({
- message: error,
- });
- });
- },
- },
-};
-</script>
-<template>
- <gl-modal
- modal-id="promote-label-modal"
- :action-primary="$options.primaryProps"
- :action-cancel="$options.cancelProps"
- @primary="onSubmit"
- >
- <template #modal-title>
- <div class="modal-title-with-label">
- <gl-sprintf
- :message="
- s__(
- 'Labels|%{spanStart}Promote label%{spanEnd} %{labelTitle} %{spanStart}to Group Label?%{spanEnd}',
- )
- "
- >
- <template #labelTitle>
- <span
- class="label color-label"
- :style="`background-color: ${labelColor}; color: ${labelTextColor};`"
- >
- {{ labelTitle }}
- </span>
- </template>
- <template #span="{ content }"
- ><span>{{ content }}</span></template
- >
- </gl-sprintf>
- </div>
- </template>
- {{ text }}
- </gl-modal>
-</template>