2021-04-17 20:07:23 +05:30
|
|
|
import Vue from 'vue';
|
|
|
|
import Translate from '../vue_shared/translate';
|
|
|
|
import CycleAnalytics from './components/base.vue';
|
2021-06-08 01:23:25 +05:30
|
|
|
import createStore from './store';
|
2021-04-17 20:07:23 +05:30
|
|
|
|
|
|
|
Vue.use(Translate);
|
|
|
|
|
|
|
|
export default () => {
|
2021-06-08 01:23:25 +05:30
|
|
|
const store = createStore();
|
2021-04-17 20:07:23 +05:30
|
|
|
const el = document.querySelector('#js-cycle-analytics');
|
2021-09-30 23:02:18 +05:30
|
|
|
const {
|
|
|
|
noAccessSvgPath,
|
|
|
|
noDataSvgPath,
|
|
|
|
requestPath,
|
|
|
|
fullPath,
|
|
|
|
projectId,
|
|
|
|
groupPath,
|
|
|
|
} = el.dataset;
|
2021-06-08 01:23:25 +05:30
|
|
|
|
|
|
|
store.dispatch('initializeVsa', {
|
2021-09-30 23:02:18 +05:30
|
|
|
projectId: parseInt(projectId, 10),
|
|
|
|
groupPath,
|
2021-06-08 01:23:25 +05:30
|
|
|
requestPath,
|
2021-09-04 01:27:46 +05:30
|
|
|
fullPath,
|
2021-09-30 23:02:18 +05:30
|
|
|
features: {
|
|
|
|
cycleAnalyticsForGroups:
|
|
|
|
(groupPath && gon?.licensed_features?.cycleAnalyticsForGroups) || false,
|
|
|
|
},
|
2021-06-08 01:23:25 +05:30
|
|
|
});
|
2021-04-17 20:07:23 +05:30
|
|
|
|
|
|
|
// eslint-disable-next-line no-new
|
|
|
|
new Vue({
|
|
|
|
el,
|
|
|
|
name: 'CycleAnalytics',
|
2021-06-08 01:23:25 +05:30
|
|
|
store,
|
2021-04-17 20:07:23 +05:30
|
|
|
render: (createElement) =>
|
|
|
|
createElement(CycleAnalytics, {
|
|
|
|
props: {
|
|
|
|
noDataSvgPath,
|
|
|
|
noAccessSvgPath,
|
2021-09-04 01:27:46 +05:30
|
|
|
fullPath,
|
2021-04-17 20:07:23 +05:30
|
|
|
},
|
|
|
|
}),
|
|
|
|
});
|
|
|
|
};
|