diff options
Diffstat (limited to 'app/assets/javascripts/ci_lint/components/ci_lint_results.vue')
-rw-r--r-- | app/assets/javascripts/ci_lint/components/ci_lint_results.vue | 143 |
1 files changed, 0 insertions, 143 deletions
diff --git a/app/assets/javascripts/ci_lint/components/ci_lint_results.vue b/app/assets/javascripts/ci_lint/components/ci_lint_results.vue deleted file mode 100644 index 8b37c94de19..00000000000 --- a/app/assets/javascripts/ci_lint/components/ci_lint_results.vue +++ /dev/null @@ -1,143 +0,0 @@ -<script> -import { GlAlert, GlLink, GlSprintf, GlTable } from '@gitlab/ui'; -import CiLintWarnings from './ci_lint_warnings.vue'; -import CiLintResultsValue from './ci_lint_results_value.vue'; -import CiLintResultsParam from './ci_lint_results_param.vue'; -import { __ } from '~/locale'; - -const thBorderColor = 'gl-border-gray-100!'; - -export default { - correct: { - variant: 'success', - text: __('syntax is correct.'), - }, - incorrect: { - variant: 'danger', - text: __('syntax is incorrect.'), - }, - includesText: __( - 'CI configuration validated, including all configuration added with the %{codeStart}includes%{codeEnd} keyword. %{link}', - ), - warningTitle: __('The form contains the following warning:'), - fields: [ - { - key: 'parameter', - label: __('Parameter'), - thClass: thBorderColor, - }, - { - key: 'value', - label: __('Value'), - thClass: thBorderColor, - }, - ], - components: { - GlAlert, - GlLink, - GlSprintf, - GlTable, - CiLintWarnings, - CiLintResultsValue, - CiLintResultsParam, - }, - props: { - valid: { - type: Boolean, - required: true, - }, - jobs: { - type: Array, - required: true, - }, - errors: { - type: Array, - required: true, - }, - warnings: { - type: Array, - required: true, - }, - dryRun: { - type: Boolean, - required: true, - }, - lintHelpPagePath: { - type: String, - required: true, - }, - }, - data() { - return { - isWarningDismissed: false, - }; - }, - computed: { - status() { - return this.valid ? this.$options.correct : this.$options.incorrect; - }, - shouldShowTable() { - return this.errors.length === 0; - }, - shouldShowError() { - return this.errors.length > 0; - }, - shouldShowWarning() { - return this.warnings.length > 0 && !this.isWarningDismissed; - }, - }, -}; -</script> - -<template> - <div class="col-sm-12 gl-mt-5"> - <gl-alert - class="gl-mb-5" - :variant="status.variant" - :title="__('Status:')" - :dismissible="false" - data-testid="ci-lint-status" - >{{ status.text }} - <gl-sprintf :message="$options.includesText"> - <template #code="{content}"> - <code> - {{ content }} - </code> - </template> - <template #link> - <gl-link :href="lintHelpPagePath" target="_blank"> - {{ __('More information') }} - </gl-link> - </template> - </gl-sprintf> - </gl-alert> - - <pre - v-if="shouldShowError" - class="gl-mb-5" - data-testid="ci-lint-errors" - ><div v-for="error in errors" :key="error">{{ error }}</div></pre> - - <ci-lint-warnings - v-if="shouldShowWarning" - :warnings="warnings" - data-testid="ci-lint-warnings" - @dismiss="isWarningDismissed = true" - /> - - <gl-table - v-if="shouldShowTable" - :items="jobs" - :fields="$options.fields" - bordered - data-testid="ci-lint-table" - > - <template #cell(parameter)="{ item }"> - <ci-lint-results-param :stage="item.stage" :job-name="item.name" /> - </template> - <template #cell(value)="{ item }"> - <ci-lint-results-value :item="item" :dry-run="dryRun" /> - </template> - </gl-table> - </div> -</template> |