2018-02-21 12:20:56 -05:00
|
|
|
import Vue from 'vue';
|
|
|
|
import timeTracker from './components/time_tracking/time_tracker.vue';
|
2019-06-11 06:40:01 -04:00
|
|
|
import { parseBoolean } from '~/lib/utils/common_utils';
|
2018-02-21 12:20:56 -05:00
|
|
|
|
|
|
|
export default class SidebarMilestone {
|
|
|
|
constructor() {
|
|
|
|
const el = document.getElementById('issuable-time-tracker');
|
|
|
|
|
|
|
|
if (!el) return;
|
|
|
|
|
2019-06-11 06:40:01 -04:00
|
|
|
const { timeEstimate, timeSpent, humanTimeEstimate, humanTimeSpent, limitToHours } = el.dataset;
|
2018-10-03 04:34:13 -04:00
|
|
|
|
2018-02-21 12:20:56 -05:00
|
|
|
// eslint-disable-next-line no-new
|
|
|
|
new Vue({
|
|
|
|
el,
|
|
|
|
components: {
|
|
|
|
timeTracker,
|
|
|
|
},
|
2018-10-10 02:53:35 -04:00
|
|
|
render: createElement =>
|
|
|
|
createElement('timeTracker', {
|
|
|
|
props: {
|
|
|
|
timeEstimate: parseInt(timeEstimate, 10),
|
|
|
|
timeSpent: parseInt(timeSpent, 10),
|
|
|
|
humanTimeEstimate,
|
|
|
|
humanTimeSpent,
|
2019-06-11 06:40:01 -04:00
|
|
|
limitToHours: parseBoolean(limitToHours),
|
2018-10-10 02:53:35 -04:00
|
|
|
},
|
|
|
|
}),
|
2018-02-21 12:20:56 -05:00
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|