65 lines
1.6 KiB
JavaScript
65 lines
1.6 KiB
JavaScript
//= require vue
|
|
//= require vue-resource
|
|
//= require Sortable
|
|
//= require_tree ./models
|
|
//= require_tree ./stores
|
|
//= require_tree ./services
|
|
//= require_tree ./mixins
|
|
//= require ./components/board
|
|
//= require ./components/new_list_dropdown
|
|
//= require ./vue_resource_interceptor
|
|
|
|
$(() => {
|
|
const $boardApp = document.getElementById('board-app'),
|
|
Store = gl.issueBoards.BoardsStore;
|
|
|
|
window.gl = window.gl || {};
|
|
|
|
if (gl.IssueBoardsApp) {
|
|
gl.IssueBoardsApp.$destroy(true);
|
|
}
|
|
|
|
gl.IssueBoardsApp = new Vue({
|
|
el: $boardApp,
|
|
components: {
|
|
'board': gl.issueBoards.Board
|
|
},
|
|
data: {
|
|
state: Store.state,
|
|
loading: true,
|
|
endpoint: $boardApp.dataset.endpoint,
|
|
boardId: $boardApp.dataset.boardId,
|
|
disabled: $boardApp.dataset.disabled === 'true',
|
|
issueLinkBase: $boardApp.dataset.issueLinkBase
|
|
},
|
|
init: Store.create.bind(Store),
|
|
created () {
|
|
gl.boardService = new BoardService(this.endpoint, this.boardId);
|
|
},
|
|
ready () {
|
|
Store.disabled = this.disabled;
|
|
gl.boardService.all()
|
|
.then((resp) => {
|
|
resp.json().forEach((board) => {
|
|
const list = Store.addList(board);
|
|
|
|
if (list.type === 'done') {
|
|
list.position = Infinity;
|
|
} else if (list.type === 'backlog') {
|
|
list.position = -1;
|
|
}
|
|
});
|
|
|
|
Store.addBlankState();
|
|
this.loading = false;
|
|
});
|
|
}
|
|
});
|
|
|
|
gl.IssueBoardsSearch = new Vue({
|
|
el: '#js-boards-seach',
|
|
data: {
|
|
filters: Store.state.filters
|
|
}
|
|
});
|
|
});
|