Add latest changes from gitlab-org/gitlab@13-2-stable-ee

1 files changed, 62 insertions, 0 deletions

diff --git a/app/assets/javascripts/pipelines/components/pipelines_list/empty_state.vue b/app/assets/javascripts/pipelines/components/pipelines_list/empty_state.vue
new file mode 100644
index 00000000000..74ada6a4d15
--- /dev/null
+++ b/app/assets/javascripts/pipelines/components/pipelines_list/empty_state.vue
@@ -0,0 +1,62 @@
+<script>
+import { GlDeprecatedButton } from '@gitlab/ui';
+
+export default {
+  name: 'PipelinesEmptyState',
+  components: {
+    GlDeprecatedButton,
+  },
+  props: {
+    helpPagePath: {
+      type: String,
+      required: true,
+    },
+    emptyStateSvgPath: {
+      type: String,
+      required: true,
+    },
+    canSetCi: {
+      type: Boolean,
+      required: true,
+    },
+  },
+};
+</script>
+<template>
+  <div class="row empty-state js-empty-state">
+    <div class="col-12">
+      <div class="svg-content svg-250"><img :src="emptyStateSvgPath" /></div>
+    </div>
+
+    <div class="col-12">
+      <div class="text-content">
+        <template v-if="canSetCi">
+          <h4 class="text-center">{{ s__('Pipelines|Build with confidence') }}</h4>
+
+          <p>
+            {{
+              s__(`Pipelines|Continuous Integration can help
+                catch bugs by running your tests automatically,
+                while Continuous Deployment can help you deliver
+                code to your product environment.`)
+            }}
+          </p>
+
+          <div class="text-center">
+            <gl-deprecated-button
+              :href="helpPagePath"
+              variant="primary"
+              class="js-get-started-pipelines"
+            >
+              {{ s__('Pipelines|Get started with Pipelines') }}
+            </gl-deprecated-button>
+          </div>
+        </template>
+
+        <p v-else class="text-center">
+          {{ s__('Pipelines|This project is not currently set up to run pipelines.') }}
+        </p>
+      </div>
+    </div>
+  </div>
+</template>