summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/pipelines/components/tokens/pipeline_tag_name_token.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/pipelines/components/tokens/pipeline_tag_name_token.vue')
-rw-r--r--app/assets/javascripts/pipelines/components/tokens/pipeline_tag_name_token.vue64
1 files changed, 0 insertions, 64 deletions
diff --git a/app/assets/javascripts/pipelines/components/tokens/pipeline_tag_name_token.vue b/app/assets/javascripts/pipelines/components/tokens/pipeline_tag_name_token.vue
deleted file mode 100644
index 7b209c5fa12..00000000000
--- a/app/assets/javascripts/pipelines/components/tokens/pipeline_tag_name_token.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<script>
-import { GlFilteredSearchToken, GlFilteredSearchSuggestion, GlLoadingIcon } from '@gitlab/ui';
-import Api from '~/api';
-import { FETCH_TAG_ERROR_MESSAGE, FILTER_PIPELINES_SEARCH_DELAY } from '../../constants';
-import createFlash from '~/flash';
-import { debounce } from 'lodash';
-
-export default {
- components: {
- GlFilteredSearchToken,
- GlFilteredSearchSuggestion,
- GlLoadingIcon,
- },
- props: {
- config: {
- type: Object,
- required: true,
- },
- value: {
- type: Object,
- required: true,
- },
- },
- data() {
- return {
- tags: null,
- loading: true,
- };
- },
- created() {
- this.fetchTags();
- },
- methods: {
- fetchTags(searchTerm) {
- Api.tags(this.config.projectId, searchTerm)
- .then(({ data }) => {
- this.tags = data.map(tag => tag.name);
- this.loading = false;
- })
- .catch(err => {
- createFlash(FETCH_TAG_ERROR_MESSAGE);
- this.loading = false;
- throw err;
- });
- },
- searchTags: debounce(function debounceSearch({ data }) {
- this.fetchTags(data);
- }, FILTER_PIPELINES_SEARCH_DELAY),
- },
-};
-</script>
-
-<template>
- <gl-filtered-search-token v-bind="{ ...$props, ...$attrs }" v-on="$listeners" @input="searchTags">
- <template #suggestions>
- <gl-loading-icon v-if="loading" />
- <template v-else>
- <gl-filtered-search-suggestion v-for="(tag, index) in tags" :key="index" :value="tag">
- {{ tag }}
- </gl-filtered-search-suggestion>
- </template>
- </template>
- </gl-filtered-search-token>
-</template>