66 lines
1.5 KiB
JavaScript
66 lines
1.5 KiB
JavaScript
/* eslint-disable comma-dangle, space-before-function-paren, no-new */
|
|
/* global Vue */
|
|
/* global IssuableContext */
|
|
/* global MilestoneSelect */
|
|
/* global LabelsSelect */
|
|
/* global Sidebar */
|
|
|
|
(() => {
|
|
const Store = gl.issueBoards.BoardsStore;
|
|
|
|
window.gl = window.gl || {};
|
|
window.gl.issueBoards = window.gl.issueBoards || {};
|
|
|
|
gl.issueBoards.BoardSidebar = Vue.extend({
|
|
props: {
|
|
currentUser: Object
|
|
},
|
|
data() {
|
|
return {
|
|
detail: Store.detail,
|
|
issue: {}
|
|
};
|
|
},
|
|
computed: {
|
|
showSidebar () {
|
|
return Object.keys(this.issue).length;
|
|
}
|
|
},
|
|
watch: {
|
|
detail: {
|
|
handler () {
|
|
if (this.issue.id !== this.detail.issue.id) {
|
|
$('.js-issue-board-sidebar', this.$el).each((i, el) => {
|
|
$(el).data('glDropdown').clearMenu();
|
|
});
|
|
}
|
|
|
|
this.issue = this.detail.issue;
|
|
},
|
|
deep: true
|
|
},
|
|
issue () {
|
|
if (this.showSidebar) {
|
|
this.$nextTick(() => {
|
|
$('.right-sidebar').getNiceScroll(0).doScrollTop(0, 0);
|
|
$('.right-sidebar').getNiceScroll().resize();
|
|
});
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
closeSidebar () {
|
|
this.detail.issue = {};
|
|
}
|
|
},
|
|
mounted () {
|
|
new IssuableContext(this.currentUser);
|
|
new MilestoneSelect();
|
|
new gl.DueDateSelectors();
|
|
new LabelsSelect();
|
|
new Sidebar();
|
|
gl.Subscription.bindAll('.subscription');
|
|
}
|
|
});
|
|
})();
|