diff options
Diffstat (limited to 'app/assets/javascripts/feature_flags/components/feature_flags_tab.vue')
-rw-r--r-- | app/assets/javascripts/feature_flags/components/feature_flags_tab.vue | 106 |
1 files changed, 0 insertions, 106 deletions
diff --git a/app/assets/javascripts/feature_flags/components/feature_flags_tab.vue b/app/assets/javascripts/feature_flags/components/feature_flags_tab.vue deleted file mode 100644 index d0df00e446b..00000000000 --- a/app/assets/javascripts/feature_flags/components/feature_flags_tab.vue +++ /dev/null @@ -1,106 +0,0 @@ -<script> -import { GlAlert, GlBadge, GlEmptyState, GlLink, GlLoadingIcon, GlTab } from '@gitlab/ui'; - -export default { - components: { GlAlert, GlBadge, GlEmptyState, GlLink, GlLoadingIcon, GlTab }, - inject: ['errorStateSvgPath', 'featureFlagsHelpPagePath'], - props: { - title: { - required: true, - type: String, - }, - count: { - required: false, - type: Number, - default: null, - }, - alerts: { - required: true, - type: Array, - }, - isLoading: { - required: true, - type: Boolean, - }, - loadingLabel: { - required: true, - type: String, - }, - errorState: { - required: true, - type: Boolean, - }, - errorTitle: { - required: true, - type: String, - }, - emptyState: { - required: true, - type: Boolean, - }, - emptyTitle: { - required: true, - type: String, - }, - emptyDescription: { - required: true, - type: String, - }, - }, - computed: { - itemCount() { - return this.count ?? 0; - }, - }, - methods: { - clearAlert(index) { - this.$emit('dismissAlert', index); - }, - onClick(event) { - return this.$emit('changeTab', event); - }, - }, -}; -</script> -<template> - <gl-tab @click="onClick"> - <template #title> - <span data-testid="feature-flags-tab-title">{{ title }}</span> - <gl-badge size="sm" class="gl-tab-counter-badge">{{ itemCount }}</gl-badge> - </template> - <gl-alert - v-for="(message, index) in alerts" - :key="index" - data-testid="serverErrors" - variant="danger" - @dismiss="clearAlert(index)" - > - {{ message }} - </gl-alert> - - <gl-loading-icon v-if="isLoading" :label="loadingLabel" size="md" class="gl-mt-4" /> - - <gl-empty-state - v-else-if="errorState" - :title="errorTitle" - :description="s__(`FeatureFlags|Try again in a few moments or contact your support team.`)" - :svg-path="errorStateSvgPath" - data-testid="error-state" - /> - - <gl-empty-state - v-else-if="emptyState" - :title="emptyTitle" - :svg-path="errorStateSvgPath" - data-testid="empty-state" - > - <template #description> - {{ emptyDescription }} - <gl-link :href="featureFlagsHelpPagePath" target="_blank"> - {{ s__('FeatureFlags|More information') }} - </gl-link> - </template> - </gl-empty-state> - <slot> </slot> - </gl-tab> -</template> |