From 76b65bb2cd9d9fe082df448eea669f9cf0cbe066 Mon Sep 17 00:00:00 2001 From: Mike Greiling Date: Thu, 22 Feb 2018 00:07:58 -0600 Subject: use proper dependency injection for monitoring dashboard component --- .../javascripts/monitoring/monitoring_bundle.js | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) (limited to 'app/assets/javascripts/monitoring/monitoring_bundle.js') diff --git a/app/assets/javascripts/monitoring/monitoring_bundle.js b/app/assets/javascripts/monitoring/monitoring_bundle.js index c3b0ef7e9ca..a9b608e4433 100644 --- a/app/assets/javascripts/monitoring/monitoring_bundle.js +++ b/app/assets/javascripts/monitoring/monitoring_bundle.js @@ -1,7 +1,18 @@ import Vue from 'vue'; import Dashboard from './components/dashboard.vue'; -export default () => new Vue({ - el: '#prometheus-graphs', - render: createElement => createElement(Dashboard), -}); +export default () => { + const el = document.querySelector('#prometheus-graphs'); + + if (el && el.dataset) { + // eslint-disable-next-line no-new + new Vue({ + el, + render(createElement) { + return createElement(Dashboard, { + props: el.dataset, + }); + }, + }); + } +}; -- cgit v1.2.1