Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/sidebar/labels_select_vue/dropdown_value.vue')
-rw-r--r--app/assets/javascripts/vue_shared/components/sidebar/labels_select_vue/dropdown_value.vue74
1 files changed, 0 insertions, 74 deletions
diff --git a/app/assets/javascripts/vue_shared/components/sidebar/labels_select_vue/dropdown_value.vue b/app/assets/javascripts/vue_shared/components/sidebar/labels_select_vue/dropdown_value.vue
deleted file mode 100644
index e59d150dd43..00000000000
--- a/app/assets/javascripts/vue_shared/components/sidebar/labels_select_vue/dropdown_value.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<script>
-import { GlLabel } from '@gitlab/ui';
-import { sortBy } from 'lodash';
-import { mapState } from 'vuex';
-
-import { isScopedLabel } from '~/lib/utils/common_utils';
-
-// @deprecated This component should only be used when there is no GraphQL API.
-// In most cases you should use
-// `app/assets/javascripts/vue_shared/components/sidebar/labels_select_widget/dropdown_value.vue` instead.
-export default {
- components: {
- GlLabel,
- },
- props: {
- disableLabels: {
- type: Boolean,
- required: false,
- default: false,
- },
- },
- computed: {
- ...mapState([
- 'selectedLabels',
- 'allowLabelRemove',
- 'allowScopedLabels',
- 'labelsFilterBasePath',
- 'labelsFilterParam',
- ]),
- sortedSelectedLabels() {
- return sortBy(this.selectedLabels, (label) => (isScopedLabel(label) ? 0 : 1));
- },
- },
- methods: {
- labelFilterUrl(label) {
- return `${this.labelsFilterBasePath}?${this.labelsFilterParam}[]=${encodeURIComponent(
- label.title,
- )}`;
- },
- scopedLabel(label) {
- return this.allowScopedLabels && isScopedLabel(label);
- },
- },
-};
-</script>
-
-<template>
- <div
- :class="{
- 'has-labels': selectedLabels.length,
- }"
- class="hide-collapsed value issuable-show-labels js-value"
- >
- <span v-if="!selectedLabels.length" class="text-secondary">
- <slot></slot>
- </span>
- <template v-for="label in sortedSelectedLabels" v-else>
- <gl-label
- :key="label.id"
- data-qa-selector="selected_label_content"
- :data-qa-label-name="label.title"
- :title="label.title"
- :description="label.description"
- :background-color="label.color"
- :target="labelFilterUrl(label)"
- :scoped="scopedLabel(label)"
- :show-close-button="allowLabelRemove"
- :disabled="disableLabels"
- tooltip-placement="top"
- @close="$emit('onLabelRemove', label.id)"
- />
- </template>
- </div>
-</template>