diff options
Diffstat (limited to 'app/assets/javascripts/pipeline_editor/components/info')
-rw-r--r-- | app/assets/javascripts/pipeline_editor/components/info/validation_segment.vue | 84 |
1 files changed, 0 insertions, 84 deletions
diff --git a/app/assets/javascripts/pipeline_editor/components/info/validation_segment.vue b/app/assets/javascripts/pipeline_editor/components/info/validation_segment.vue deleted file mode 100644 index 22f378c571a..00000000000 --- a/app/assets/javascripts/pipeline_editor/components/info/validation_segment.vue +++ /dev/null @@ -1,84 +0,0 @@ -<script> -import { GlIcon, GlLink, GlLoadingIcon } from '@gitlab/ui'; -import { __, s__, sprintf } from '~/locale'; -import { CI_CONFIG_STATUS_VALID } from '../../constants'; -import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate.vue'; - -export const i18n = { - learnMore: __('Learn more'), - loading: s__('Pipelines|Validating GitLab CI configuration…'), - invalid: s__('Pipelines|This GitLab CI configuration is invalid.'), - invalidWithReason: s__('Pipelines|This GitLab CI configuration is invalid: %{reason}.'), - valid: s__('Pipelines|This GitLab CI configuration is valid.'), -}; - -export default { - i18n, - components: { - GlIcon, - GlLink, - GlLoadingIcon, - TooltipOnTruncate, - }, - inject: { - ymlHelpPagePath: { - default: '', - }, - }, - props: { - ciConfig: { - type: Object, - required: false, - default: () => ({}), - }, - loading: { - type: Boolean, - required: false, - default: false, - }, - }, - computed: { - isValid() { - return this.ciConfig?.status === CI_CONFIG_STATUS_VALID; - }, - icon() { - if (this.isValid) { - return 'check'; - } - return 'warning-solid'; - }, - message() { - if (this.isValid) { - return this.$options.i18n.valid; - } - - // Only display first error as a reason - const [reason] = this.ciConfig?.errors || []; - if (reason) { - return sprintf(this.$options.i18n.invalidWithReason, { reason }, false); - } - return this.$options.i18n.invalid; - }, - }, -}; -</script> - -<template> - <div> - <template v-if="loading"> - <gl-loading-icon inline /> - {{ $options.i18n.loading }} - </template> - - <span v-else class="gl-display-inline-flex gl-white-space-nowrap gl-max-w-full"> - <tooltip-on-truncate :title="message" class="gl-text-truncate"> - <gl-icon :name="icon" /> <span data-testid="validationMsg">{{ message }}</span> - </tooltip-on-truncate> - <span class="gl-flex-shrink-0 gl-pl-2"> - <gl-link data-testid="learnMoreLink" :href="ymlHelpPagePath"> - {{ $options.i18n.learnMore }} - </gl-link> - </span> - </span> - </div> -</template> |