1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
<script>
import EMPTY_TRACING_SVG from '@gitlab/svgs/dist/illustrations/monitoring/tracing.svg?url';
import { GlEmptyState, GlButton } from '@gitlab/ui';
import { __ } from '~/locale';
export default {
EMPTY_TRACING_SVG,
name: 'TracingEmptyState',
i18n: {
title: __('Get started with Tracing'),
description: __('Monitor your applications with GitLab Distributed Tracing.'),
enableButtonText: __('Enable'),
},
components: {
GlEmptyState,
GlButton,
},
props: {
enableTracing: {
type: Function,
required: true,
},
},
methods: {
onEnabledClicked() {
this.enableTracing();
},
},
};
</script>
<template>
<gl-empty-state :title="$options.i18n.title" :svg-path="$options.EMPTY_TRACING_SVG">
<template #description>
<div>
<span>{{ $options.i18n.description }}</span>
</div>
</template>
<template #actions>
<gl-button variant="confirm" class="gl-mx-2 gl-mb-3" @click="onEnabledClicked">
{{ $options.i18n.enableButtonText }}
</gl-button>
</template>
</gl-empty-state>
</template>
|
