diff options
Diffstat (limited to 'app/assets/javascripts/ci/pipeline_editor/components/editor/ci_config_merged_preview.vue')
-rw-r--r-- | app/assets/javascripts/ci/pipeline_editor/components/editor/ci_config_merged_preview.vue | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/app/assets/javascripts/ci/pipeline_editor/components/editor/ci_config_merged_preview.vue b/app/assets/javascripts/ci/pipeline_editor/components/editor/ci_config_merged_preview.vue new file mode 100644 index 00000000000..42e2d34fa3a --- /dev/null +++ b/app/assets/javascripts/ci/pipeline_editor/components/editor/ci_config_merged_preview.vue @@ -0,0 +1,56 @@ +<script> +import { GlIcon } from '@gitlab/ui'; +import { uniqueId } from 'lodash'; +import { s__ } from '~/locale'; +import SourceEditor from '~/vue_shared/components/source_editor.vue'; + +export default { + i18n: { + viewOnlyMessage: s__('Pipelines|Merged YAML is view only'), + }, + components: { + SourceEditor, + GlIcon, + }, + inject: ['ciConfigPath'], + props: { + ciConfigData: { + type: Object, + required: true, + }, + }, + data() { + return { + failureType: null, + }; + }, + computed: { + fileGlobalId() { + return `${this.ciConfigPath}-${uniqueId()}`; + }, + mergedYaml() { + return this.ciConfigData.mergedYaml; + }, + }, +}; +</script> +<template> + <div> + <div class="gl-display-flex gl-align-items-center"> + <gl-icon :size="16" name="lock" class="gl-text-gray-500 gl-mr-3" /> + {{ $options.i18n.viewOnlyMessage }} + </div> + <div class="gl-mt-3 gl-border-solid gl-border-gray-100 gl-border-1"> + <source-editor + ref="editor" + :value="mergedYaml" + :file-name="ciConfigPath" + :file-global-id="fileGlobalId" + :editor-options="/* eslint-disable @gitlab/vue-no-new-non-primitive-in-template */ { + readOnly: true, + } /* eslint-enable @gitlab/vue-no-new-non-primitive-in-template */" + v-on="$listeners" + /> + </div> + </div> +</template> |