2017-08-17 22:00:37 +05:30
|
|
|
<script>
|
2020-10-24 23:57:45 +05:30
|
|
|
import { GlButton } from '@gitlab/ui';
|
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-03-11 19:13:27 +05:30
|
|
|
infoMessage: s__(`Pipelines|GitLab CI/CD can automatically build,
|
2021-03-08 18:12:59 +05:30
|
|
|
test, and deploy your code. Let GitLab take care of time
|
|
|
|
consuming tasks, so you can spend more time creating.`),
|
2021-03-11 19:13:27 +05:30
|
|
|
buttonMessage: s__('Pipelines|Get started with CI/CD'),
|
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: {
|
2020-10-24 23:57:45 +05:30
|
|
|
GlButton,
|
2019-02-15 15:39:39 +05:30
|
|
|
},
|
2018-11-08 19:23:39 +05:30
|
|
|
props: {
|
|
|
|
helpPagePath: {
|
|
|
|
type: String,
|
|
|
|
required: true,
|
2017-08-17 22:00:37 +05:30
|
|
|
},
|
2018-11-08 19:23:39 +05:30
|
|
|
emptyStateSvgPath: {
|
|
|
|
type: String,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
canSetCi: {
|
|
|
|
type: Boolean,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
2017-08-17 22:00:37 +05:30
|
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<div class="row empty-state js-empty-state">
|
2018-11-08 19:23:39 +05:30
|
|
|
<div class="col-12">
|
2019-02-15 15:39:39 +05:30
|
|
|
<div class="svg-content svg-250"><img :src="emptyStateSvgPath" /></div>
|
2017-08-17 22:00:37 +05:30
|
|
|
</div>
|
|
|
|
|
2018-11-08 19:23:39 +05:30
|
|
|
<div class="col-12">
|
2021-03-08 18:12:59 +05:30
|
|
|
<div class="text-content">
|
2018-03-27 19:54:05 +05:30
|
|
|
<template v-if="canSetCi">
|
2021-03-08 18:12:59 +05:30
|
|
|
<h4 data-testid="header-text" class="gl-text-center">
|
2021-02-22 17:27:13 +05:30
|
|
|
{{ s__('Pipelines|Build with confidence') }}
|
|
|
|
</h4>
|
|
|
|
<p data-testid="info-text">
|
2021-03-11 19:13:27 +05:30
|
|
|
{{ $options.i18n.infoMessage }}
|
2018-03-27 19:54:05 +05:30
|
|
|
</p>
|
|
|
|
|
2021-02-22 17:27:13 +05:30
|
|
|
<div class="gl-text-center">
|
2020-10-24 23:57:45 +05:30
|
|
|
<gl-button
|
2020-04-22 19:07:51 +05:30
|
|
|
:href="helpPagePath"
|
2020-10-24 23:57:45 +05:30
|
|
|
variant="info"
|
|
|
|
category="primary"
|
2021-01-03 14:25:43 +05:30
|
|
|
data-testid="get-started-pipelines"
|
2020-04-22 19:07:51 +05:30
|
|
|
>
|
2021-03-11 19:13:27 +05:30
|
|
|
{{ $options.i18n.buttonMessage }}
|
2020-10-24 23:57:45 +05:30
|
|
|
</gl-button>
|
2018-03-27 19:54:05 +05:30
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
2021-02-22 17:27:13 +05:30
|
|
|
<p v-else class="gl-text-center">
|
2018-03-27 19:54:05 +05:30
|
|
|
{{ s__('Pipelines|This project is not currently set up to run pipelines.') }}
|
2017-08-17 22:00:37 +05:30
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|