50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
import Vue from 'vue';
|
|
import {
|
|
extractFilterQueryParameters,
|
|
extractPaginationQueryParameters,
|
|
} from '~/analytics/shared/utils';
|
|
import Translate from '../vue_shared/translate';
|
|
import CycleAnalytics from './components/base.vue';
|
|
import createStore from './store';
|
|
import { buildCycleAnalyticsInitialData } from './utils';
|
|
|
|
Vue.use(Translate);
|
|
|
|
export default () => {
|
|
const store = createStore();
|
|
const el = document.querySelector('#js-cycle-analytics');
|
|
const { noAccessSvgPath, noDataSvgPath } = el.dataset;
|
|
const initialData = buildCycleAnalyticsInitialData({ ...el.dataset, gon });
|
|
|
|
const pagination = extractPaginationQueryParameters(window.location.search);
|
|
const {
|
|
selectedAuthor,
|
|
selectedMilestone,
|
|
selectedAssigneeList,
|
|
selectedLabelList,
|
|
} = extractFilterQueryParameters(window.location.search);
|
|
|
|
store.dispatch('initializeVsa', {
|
|
...initialData,
|
|
selectedAuthor,
|
|
selectedMilestone,
|
|
selectedAssigneeList,
|
|
selectedLabelList,
|
|
pagination,
|
|
});
|
|
|
|
// eslint-disable-next-line no-new
|
|
new Vue({
|
|
el,
|
|
name: 'CycleAnalytics',
|
|
apolloProvider: {},
|
|
store,
|
|
render: (createElement) =>
|
|
createElement(CycleAnalytics, {
|
|
props: {
|
|
noDataSvgPath,
|
|
noAccessSvgPath,
|
|
},
|
|
}),
|
|
});
|
|
};
|