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