debian-mirror-gitlab/app/assets/javascripts/cycle_analytics/components/banner.vue

55 lines
1.3 KiB
Vue
Raw Normal View History

2018-03-17 18:26:18 +05:30
<script>
2020-11-24 15:15:51 +05:30
/* eslint-disable vue/no-v-html */
2018-12-13 13:39:08 +05:30
import iconCycleAnalyticsSplash from 'icons/_icon_cycle_analytics_splash.svg';
2020-11-24 15:15:51 +05:30
import { GlIcon } from '@gitlab/ui';
2018-03-17 18:26:18 +05:30
2018-12-13 13:39:08 +05:30
export default {
components: {
2020-11-24 15:15:51 +05:30
GlIcon,
2018-12-13 13:39:08 +05:30
},
props: {
documentationLink: {
type: String,
required: true,
2018-03-17 18:26:18 +05:30
},
2018-12-13 13:39:08 +05:30
},
computed: {
iconCycleAnalyticsSplash() {
return iconCycleAnalyticsSplash;
2018-03-17 18:26:18 +05:30
},
2018-12-13 13:39:08 +05:30
},
methods: {
dismissOverviewDialog() {
this.$emit('dismiss-overview-dialog');
2018-03-17 18:26:18 +05:30
},
2018-12-13 13:39:08 +05:30
},
};
2018-03-17 18:26:18 +05:30
</script>
<template>
<div class="landing content-block">
<button
2020-03-13 15:44:24 +05:30
:aria-label="__('Dismiss Value Stream Analytics introduction box')"
2018-03-17 18:26:18 +05:30
class="js-ca-dismiss-button dismiss-button"
type="button"
@click="dismissOverviewDialog"
>
2020-11-24 15:15:51 +05:30
<gl-icon name="close" />
2018-03-17 18:26:18 +05:30
</button>
2019-02-15 15:39:39 +05:30
<div class="svg-container" v-html="iconCycleAnalyticsSplash"></div>
2018-03-17 18:26:18 +05:30
<div class="inner-content">
2020-03-13 15:44:24 +05:30
<h4>{{ __('Introducing Value Stream Analytics') }}</h4>
2018-03-17 18:26:18 +05:30
<p>
2019-02-15 15:39:39 +05:30
{{
2020-03-13 15:44:24 +05:30
__(`Value Stream Analytics gives an overview
2019-02-15 15:39:39 +05:30
of how much time it takes to go from idea to production in your project.`)
}}
2018-03-17 18:26:18 +05:30
</p>
<p>
2019-02-15 15:39:39 +05:30
<a :href="documentationLink" target="_blank" rel="nofollow" class="btn">
2018-03-17 18:26:18 +05:30
{{ __('Read more') }}
</a>
</p>
</div>
</div>
</template>