1 files changed, 0 insertions, 125 deletions
diff --git a/app/assets/javascripts/monitoring/components/embeds/metric_embed.vue b/app/assets/javascripts/monitoring/components/embeds/metric_embed.vue
deleted file mode 100644
index 25500747573..00000000000
--- a/app/assets/javascripts/monitoring/components/embeds/metric_embed.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<script>
-import { mapState, mapActions } from 'vuex';
-import { convertToFixedRange } from '~/lib/utils/datetime_range';
-import DashboardPanel from '~/monitoring/components/dashboard_panel.vue';
-import { defaultTimeRange } from '~/vue_shared/constants';
-import { sidebarAnimationDuration } from '../../constants';
-import { timeRangeFromUrl, removeTimeRangeParams } from '../../utils';
-
-let sidebarMutationObserver;
-
-export default {
-  components: {
-    DashboardPanel,
-  },
-  props: {
-    containerClass: {
-      type: String,
-      required: false,
-      default: 'col-lg-12',
-    },
-    dashboardUrl: {
-      type: String,
-      required: true,
-    },
-    namespace: {
-      type: String,
-      required: false,
-      default: 'monitoringDashboard',
-    },
-  },
-  data() {
-    const timeRange = timeRangeFromUrl(this.dashboardUrl) || defaultTimeRange;
-    return {
-      timeRange: convertToFixedRange(timeRange),
-      elWidth: 0,
-    };
-  },
-  computed: {
-    ...mapState({
-      dashboard(state) {
-        return state[this.namespace].dashboard;
-      },
-      metricsWithData(state, getters) {
-        return getters[`${this.namespace}/metricsWithData`]();
-      },
-    }),
-    charts() {
-      if (!this.dashboard || !this.dashboard.panelGroups) {
-        return [];
-      }
-      return this.dashboard.panelGroups.reduce(
-        (acc, currentGroup) => acc.concat(currentGroup.panels.filter(this.chartHasData)),
-        [],
-      );
-    },
-    isSingleChart() {
-      return this.charts.length === 1;
-    },
-    embedClass() {
-      return this.isSingleChart ? this.containerClass : 'col-lg-12';
-    },
-    panelClass() {
-      return this.isSingleChart ? 'col-lg-12' : 'col-lg-6';
-    },
-  },
-  mounted() {
-    this.setInitialState({
-      dashboardEndpoint: removeTimeRangeParams(this.dashboardUrl),
-    });
-    this.setShowErrorBanner(false);
-    this.setTimeRange(this.timeRange);
-    this.fetchDashboard();
-
-    sidebarMutationObserver = new MutationObserver(this.onSidebarMutation);
-    sidebarMutationObserver.observe(document.querySelector('.layout-page'), {
-      attributes: true,
-      childList: false,
-      subtree: false,
-    });
-  },
-  beforeDestroy() {
-    if (sidebarMutationObserver) {
-      sidebarMutationObserver.disconnect();
-    }
-  },
-  methods: {
-    // Use function args to support dynamic namespaces in mapXXX helpers. Pattern described
-    // in https://github.com/vuejs/vuex/issues/863#issuecomment-329510765
-    ...mapActions({
-      setTimeRange(dispatch, payload) {
-        return dispatch(`${this.namespace}/setTimeRange`, payload);
-      },
-      fetchDashboard(dispatch, payload) {
-        return dispatch(`${this.namespace}/fetchDashboard`, payload);
-      },
-      setInitialState(dispatch, payload) {
-        return dispatch(`${this.namespace}/setInitialState`, payload);
-      },
-      setShowErrorBanner(dispatch, payload) {
-        return dispatch(`${this.namespace}/setShowErrorBanner`, payload);
-      },
-    }),
-    chartHasData(chart) {
-      return chart.metrics.some((metric) => this.metricsWithData.includes(metric.metricId));
-    },
-    onSidebarMutation() {
-      setTimeout(() => {
-        this.elWidth = this.$el.clientWidth;
-      }, sidebarAnimationDuration);
-    },
-  },
-};
-</script>
-<template>
-  <div class="metrics-embed p-0 d-flex flex-wrap" :class="embedClass">
-    <dashboard-panel
-      v-for="(graphData, graphIndex) in charts"
-      :key="`dashboard-panel-${graphIndex}`"
-      :class="panelClass"
-      :graph-data="graphData"
-      :group-id="dashboardUrl"
-      :namespace="namespace"
-    />
-  </div>
-</template>