app/assets/javascripts/behaviors/components/diagram_performance_warning.vue


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

<script>
import { GlAlert } from '@gitlab/ui';
import { __ } from '~/locale';

export default {
  i18n: {
    bodyText: __('Warning: Displaying this diagram might cause performance issues on this page.'),
    buttonText: __('Display'),
  },
  components: {
    GlAlert,
  },
};
</script>

<template>
  <gl-alert
    :primary-button-text="$options.i18n.buttonText"
    variant="warning"
    @dismiss="$emit('closeAlert')"
    @primaryAction="$emit('showImage')"
  >
    {{ $options.i18n.bodyText }}
  </gl-alert>
</template>