2017-08-17 22:00:37 +05:30
|
|
|
<script>
|
2021-04-17 20:07:23 +05:30
|
|
|
import { GlEmptyState } from '@gitlab/ui';
|
|
|
|
import { helpPagePath } from '~/helpers/help_page_helper';
|
2021-03-08 18:12:59 +05:30
|
|
|
import { s__ } from '~/locale';
|
2019-02-15 15:39:39 +05:30
|
|
|
|
2018-11-08 19:23:39 +05:30
|
|
|
export default {
|
2021-03-08 18:12:59 +05:30
|
|
|
i18n: {
|
2021-04-17 20:07:23 +05:30
|
|
|
title: s__('Pipelines|Build with confidence'),
|
|
|
|
description: s__(`Pipelines|GitLab CI/CD can automatically build,
|
|
|
|
test, and deploy your code. Let GitLab take care of time
|
|
|
|
consuming tasks, so you can spend more time creating.`),
|
|
|
|
btnText: s__('Pipelines|Get started with CI/CD'),
|
|
|
|
noCiDescription: s__('Pipelines|This project is not currently set up to run pipelines.'),
|
2021-03-08 18:12:59 +05:30
|
|
|
},
|
2018-11-08 19:23:39 +05:30
|
|
|
name: 'PipelinesEmptyState',
|
2019-02-15 15:39:39 +05:30
|
|
|
components: {
|
2021-04-17 20:07:23 +05:30
|
|
|
GlEmptyState,
|
2019-02-15 15:39:39 +05:30
|
|
|
},
|
2018-11-08 19:23:39 +05:30
|
|
|
props: {
|
|
|
|
emptyStateSvgPath: {
|
|
|
|
type: String,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
canSetCi: {
|
|
|
|
type: Boolean,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
},
|
2021-04-17 20:07:23 +05:30
|
|
|
computed: {
|
|
|
|
ciHelpPagePath() {
|
|
|
|
return helpPagePath('ci/quick_start/index.md');
|
|
|
|
},
|
|
|
|
},
|
2018-11-08 19:23:39 +05:30
|
|
|
};
|
2017-08-17 22:00:37 +05:30
|
|
|
</script>
|
|
|
|
<template>
|
2021-04-17 20:07:23 +05:30
|
|
|
<div>
|
|
|
|
<gl-empty-state
|
|
|
|
v-if="canSetCi"
|
|
|
|
:title="$options.i18n.title"
|
|
|
|
:svg-path="emptyStateSvgPath"
|
|
|
|
:description="$options.i18n.description"
|
|
|
|
:primary-button-text="$options.i18n.btnText"
|
|
|
|
:primary-button-link="ciHelpPagePath"
|
|
|
|
/>
|
|
|
|
<gl-empty-state
|
|
|
|
v-else
|
|
|
|
title=""
|
|
|
|
:svg-path="emptyStateSvgPath"
|
|
|
|
:description="$options.i18n.noCiDescription"
|
|
|
|
/>
|
2017-08-17 22:00:37 +05:30
|
|
|
</div>
|
|
|
|
</template>
|