44 lines
1 KiB
Vue
44 lines
1 KiB
Vue
<script>
|
|
export default {
|
|
props: {
|
|
helpPagePath: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
emptyStateSvgPath: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<template>
|
|
<div class="row empty-state js-empty-state">
|
|
<div class="col-xs-12">
|
|
<div class="svg-content svg-250">
|
|
<img :src="emptyStateSvgPath" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-12">
|
|
<div class="text-content">
|
|
<h4 class="text-center">
|
|
{{ s__("Pipelines|Build with confidence") }}
|
|
</h4>
|
|
<p>
|
|
{{ s__(`Pipelines|Continous 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">
|
|
<a
|
|
:href="helpPagePath"
|
|
class="btn btn-info"
|
|
>
|
|
{{ s__("Pipelines|Get started with Pipelines") }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|