diff options
Diffstat (limited to 'app/assets/javascripts/monitoring/monitoring_app.js')
-rw-r--r-- | app/assets/javascripts/monitoring/monitoring_app.js | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/app/assets/javascripts/monitoring/monitoring_app.js b/app/assets/javascripts/monitoring/monitoring_app.js deleted file mode 100644 index ee67e5dd827..00000000000 --- a/app/assets/javascripts/monitoring/monitoring_app.js +++ /dev/null @@ -1,49 +0,0 @@ -import { GlToast } from '@gitlab/ui'; -import Vue from 'vue'; -import createRouter from './router'; -import { createStore } from './stores'; -import { stateAndPropsFromDataset } from './utils'; - -Vue.use(GlToast); - -export default (props = {}) => { - const el = document.getElementById('prometheus-graphs'); - - if (el && el.dataset) { - const { metricsDashboardBasePath, ...dataset } = el.dataset; - - const { initState, dataProps } = stateAndPropsFromDataset(dataset); - const store = createStore(initState); - const router = createRouter(metricsDashboardBasePath); - - // eslint-disable-next-line no-new - new Vue({ - el, - store, - router, - data() { - return { - dashboardProps: { ...dataProps, ...props }, - }; - }, - render(h) { - return h('RouterView', { - // This is attrs rather than props because: - // 1. RouterView only actually defines one prop: `name`. - // 2. The RouterView [throws away other props][1] given to it, in - // favour of those configured in the route config/params. - // 3. The Vue template compiler itself in general compiles anything - // like <some-component :foo="bar" /> into roughly - // h('some-component', { attrs: { foo: bar } }). Then later, Vue - // [extract props from attrs and merges them with props][2], - // matching them up according to the component's definition. - // [1]: https://github.com/vuejs/vue-router/blob/v3.4.9/src/components/view.js#L124 - // [2]: https://github.com/vuejs/vue/blob/v2.6.12/src/core/vdom/helpers/extract-props.js#L12-L50 - attrs: { - dashboardProps: this.dashboardProps, - }, - }); - }, - }); - } -}; |