62 lines
1.5 KiB
Vue
62 lines
1.5 KiB
Vue
<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>
|