diff options
Diffstat (limited to 'app/assets/javascripts/pipelines/components/pipelines_list/empty_state.vue')
-rw-r--r-- | app/assets/javascripts/pipelines/components/pipelines_list/empty_state.vue | 62 |
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> |