summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/feature_flags/components/feature_flags_tab.vue
diff options
context:
space:
mode:
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.vue106
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>