Add latest changes from gitlab-org/gitlab@master

2 files changed, 39 insertions, 0 deletions

diff --git a/app/assets/javascripts/pipeline_editor/index.js b/app/assets/javascripts/pipeline_editor/index.js
new file mode 100644
index 00000000000..7d3d5159d58
--- /dev/null
+++ b/app/assets/javascripts/pipeline_editor/index.js
@@ -0,0 +1,13 @@
+import Vue from 'vue';
+import PipelineEditorApp from './pipeline_editor_app.vue';
+
+export const initPipelineEditor = (selector = '#js-pipeline-editor') => {
+  const el = document.querySelector(selector);
+
+  return new Vue({
+    el,
+    render(h) {
+      return h(PipelineEditorApp);
+    },
+  });
+};
diff --git a/app/assets/javascripts/pipeline_editor/pipeline_editor_app.vue b/app/assets/javascripts/pipeline_editor/pipeline_editor_app.vue
new file mode 100644
index 00000000000..add8cfb2a3e
--- /dev/null
+++ b/app/assets/javascripts/pipeline_editor/pipeline_editor_app.vue
@@ -0,0 +1,26 @@
+<script>
+import { GlEmptyState } from '@gitlab/ui';
+import { __, s__ } from '~/locale';
+
+export default {
+  components: {
+    GlEmptyState,
+  },
+  i18n: {
+    title: s__('Pipelines|Pipeline Editor'),
+    description: s__(
+      'Pipelines|We are beginning our work around building the foundation for our dedicated pipeline editor.',
+    ),
+    primaryButtonText: __('Learn more'),
+  },
+};
+</script>
+
+<template>
+  <gl-empty-state
+    :title="$options.i18n.title"
+    :description="$options.i18n.description"
+    :primary-button-text="$options.i18n.primaryButtonText"
+    primary-button-link="https://about.gitlab.com/direction/verify/pipeline_authoring/"
+  />
+</template>