46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
import Vue from 'vue';
|
|
import { IssuableType } from '~/issues/constants';
|
|
import { parseBoolean } from '~/lib/utils/common_utils';
|
|
import TimeTracker from './components/time_tracking/time_tracker.vue';
|
|
|
|
export default class SidebarMilestone {
|
|
constructor() {
|
|
const el = document.getElementById('issuable-time-tracker');
|
|
|
|
if (!el) return;
|
|
|
|
const {
|
|
timeEstimate,
|
|
timeSpent,
|
|
humanTimeEstimate,
|
|
humanTimeSpent,
|
|
limitToHours,
|
|
iid,
|
|
} = el.dataset;
|
|
|
|
// eslint-disable-next-line no-new
|
|
new Vue({
|
|
el,
|
|
name: 'SidebarMilestoneRoot',
|
|
components: {
|
|
TimeTracker,
|
|
},
|
|
provide: {
|
|
issuableType: IssuableType.Milestone,
|
|
},
|
|
render: (createElement) =>
|
|
createElement('time-tracker', {
|
|
props: {
|
|
limitToHours: parseBoolean(limitToHours),
|
|
issuableIid: iid.toString(),
|
|
initialTimeTracking: {
|
|
timeEstimate: parseInt(timeEstimate, 10),
|
|
totalTimeSpent: parseInt(timeSpent, 10),
|
|
humanTimeEstimate,
|
|
humanTotalTimeSpent: humanTimeSpent,
|
|
},
|
|
},
|
|
}),
|
|
});
|
|
}
|
|
}
|