diff options
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.vue | 64 |
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> |