2020-10-24 23:57:45 +05:30
|
|
|
import Vue from 'vue';
|
|
|
|
import ActivityChart from './components/activity_chart.vue';
|
|
|
|
|
|
|
|
export default () => {
|
|
|
|
const containers = document.querySelectorAll('.js-project-analytics-chart');
|
|
|
|
|
|
|
|
if (!containers) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2021-03-08 18:12:59 +05:30
|
|
|
return containers.forEach((container) => {
|
2020-10-24 23:57:45 +05:30
|
|
|
const { chartData } = container.dataset;
|
|
|
|
const formattedData = JSON.parse(chartData);
|
|
|
|
|
|
|
|
return new Vue({
|
|
|
|
el: container,
|
|
|
|
components: {
|
|
|
|
ActivityChart,
|
|
|
|
},
|
2021-03-08 18:12:59 +05:30
|
|
|
provide: {
|
|
|
|
formattedData,
|
|
|
|
},
|
2020-10-24 23:57:45 +05:30
|
|
|
render(createElement) {
|
|
|
|
return createElement('activity-chart');
|
|
|
|
},
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|