153 lines
4.3 KiB
JavaScript
153 lines
4.3 KiB
JavaScript
app.controller('BoardController', function ($rootScope, $scope, $stateParams, StatusService, BoardService, StackService, CardService, LabelService, $state, $transitions) {
|
|
|
|
$scope.sidebar = $rootScope.sidebar;
|
|
|
|
$scope.id = $stateParams.boardId;
|
|
$scope.status={},
|
|
$scope.newLabel={};
|
|
$scope.status.boardtab = $stateParams.detailTab;
|
|
$scope.state = $state.current;
|
|
|
|
|
|
|
|
|
|
$scope.stackservice = StackService;
|
|
$scope.boardservice = BoardService;
|
|
$scope.cardservice = CardService;
|
|
$scope.statusservice = StatusService.getInstance();
|
|
$scope.labelservice = LabelService;
|
|
$scope.defaultColors = ['31CC7C', '317CCC', 'FF7A66', 'F1DB50', '7C31CC', 'CC317C', '3A3B3D', 'CACBCD'];
|
|
|
|
// fetch data
|
|
StackService.clear();
|
|
$scope.statusservice.retainWaiting();
|
|
$scope.statusservice.retainWaiting();
|
|
|
|
BoardService.fetchOne($scope.id).then(function(data) {
|
|
$scope.statusservice.releaseWaiting();
|
|
}, function(error) {
|
|
$scope.statusservice.setError('Error occured', error);
|
|
});
|
|
|
|
console.log($scope.state);
|
|
|
|
StackService.fetchAll($scope.id).then(function(data) {
|
|
$scope.statusservice.releaseWaiting();
|
|
}, function(error) {
|
|
$scope.statusservice.setError('Error occured', error);
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
BoardService.searchUsers();
|
|
|
|
$scope.newStack = { 'boardId': $scope.id};
|
|
$scope.newCard = {};
|
|
|
|
// Create a new Stack
|
|
$scope.createStack = function () {
|
|
StackService.create($scope.newStack).then(function (data) {
|
|
$scope.newStack.title="";
|
|
});
|
|
};
|
|
|
|
$scope.createCard = function(stack, title) {
|
|
var newCard = {
|
|
'title': title,
|
|
'stackId': stack,
|
|
'type': 'plain',
|
|
};
|
|
CardService.create(newCard).then(function (data) {
|
|
$scope.stackservice.addCard(data);
|
|
$scope.newCard.title = "";
|
|
});
|
|
}
|
|
|
|
$scope.cardDelete = function(card) {
|
|
CardService.delete(card.id);
|
|
StackService.deleteCard(card);
|
|
|
|
}
|
|
|
|
$scope.labelDelete = function(label) {
|
|
LabelService.delete(label.id);
|
|
// remove from board data
|
|
var i = BoardService.getCurrent().labels.indexOf(label);
|
|
BoardService.getCurrent().labels.splice(i, 1);
|
|
// TODO: remove from cards
|
|
}
|
|
$scope.labelCreate = function(label) {
|
|
label.boardId = $scope.id;
|
|
LabelService.create(label);
|
|
BoardService.getCurrent().labels.push(label);
|
|
$scope.status.createLabel = false;
|
|
$scope.newLabel = {};
|
|
}
|
|
$scope.labelUpdate = function(label) {
|
|
label.edit = false;
|
|
LabelService.update(label);
|
|
}
|
|
|
|
$scope.addAcl = function(sharee) {
|
|
sharee.boardId = $scope.id;
|
|
BoardService.addAcl(sharee);
|
|
$scope.status.addSharee = null;
|
|
}
|
|
$scope.deleteAcl = function(acl) {
|
|
BoardService.deleteAcl(acl.id);
|
|
}
|
|
$scope.updateAcl = function(acl) {
|
|
BoardService.updateAcl(acl);
|
|
}
|
|
|
|
|
|
|
|
// settings for card sorting
|
|
$scope.sortOptions = {
|
|
itemMoved: function (event) {
|
|
// TODO: Implement reodering here
|
|
event.source.itemScope.modelValue.status = event.dest.sortableScope.$parent.column;
|
|
var order = event.dest.index;
|
|
var card = event.source.itemScope.c;
|
|
var newStack = event.dest.sortableScope.$parent.s.id;
|
|
card.stackId = newStack;
|
|
CardService.update(card);
|
|
|
|
CardService.reorder(card, order).then(function(data) {
|
|
StackService.data[newStack].addCard(card);
|
|
});
|
|
},
|
|
orderChanged: function (event) {
|
|
// TODO: Implement ordering here
|
|
var order = event.dest.index;
|
|
var card = event.source.itemScope.c;
|
|
CardService.reorder(card, order);
|
|
},
|
|
scrollableContainer: '#board',
|
|
containerPositioning: 'relative',
|
|
containment: '#board',
|
|
// auto scroll on drag
|
|
dragMove: function (itemPosition, containment, eventObj) {
|
|
if (eventObj) {
|
|
var container = $("#board");
|
|
var offset = container.offset();
|
|
targetX = eventObj.pageX - (offset.left || container.scrollLeft());
|
|
targetY = eventObj.pageY - (offset.top || container.scrollTop());
|
|
if (targetX < offset.left) {
|
|
container.scrollLeft(container.scrollLeft() - 50);
|
|
} else if (targetX > container.width()) {
|
|
container.scrollLeft(container.scrollLeft() + 50);
|
|
}
|
|
if (targetY < offset.top) {
|
|
container.scrollTop(container.scrollTop() - 50);
|
|
} else if (targetY > container.height()) {
|
|
container.scrollTop(container.scrollTop() + 50);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
});
|