diff options
Diffstat (limited to 'app/assets/javascripts/monitoring/components/charts/empty_chart.vue')
-rw-r--r-- | app/assets/javascripts/monitoring/components/charts/empty_chart.vue | 37 |
1 files changed, 0 insertions, 37 deletions
diff --git a/app/assets/javascripts/monitoring/components/charts/empty_chart.vue b/app/assets/javascripts/monitoring/components/charts/empty_chart.vue deleted file mode 100644 index 6419c45c20c..00000000000 --- a/app/assets/javascripts/monitoring/components/charts/empty_chart.vue +++ /dev/null @@ -1,37 +0,0 @@ -<script> -import chartEmptyStateIllustration from '@gitlab/svgs/dist/illustrations/chart-empty-state.svg?raw'; -import SafeHtml from '~/vue_shared/directives/safe_html'; -import { chartHeight } from '../../constants'; - -export default { - directives: { - SafeHtml, - }, - data() { - return { - height: chartHeight, - }; - }, - computed: { - svgContainerStyle() { - return { - height: `${this.height}px`, - }; - }, - }, - created() { - this.chartEmptyStateIllustration = chartEmptyStateIllustration; - }, - safeHtmlConfig: { ADD_TAGS: ['use'] }, -}; -</script> -<template> - <div class="d-flex flex-column justify-content-center"> - <div - v-safe-html:[$options.safeHtmlConfig]="chartEmptyStateIllustration" - class="gl-mt-3 svg-w-100 d-flex align-items-center" - :style="svgContainerStyle" - ></div> - <h5 class="text-center gl-mt-3">{{ __('No data to display') }}</h5> - </div> -</template> |