Fix ordering issues
This commit is contained in:
@@ -25,8 +25,8 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
|
|||||||
$scope.sidebar = $rootScope.sidebar;
|
$scope.sidebar = $rootScope.sidebar;
|
||||||
|
|
||||||
$scope.id = $stateParams.boardId;
|
$scope.id = $stateParams.boardId;
|
||||||
$scope.status={},
|
$scope.status = {},
|
||||||
$scope.newLabel={};
|
$scope.newLabel = {};
|
||||||
$scope.status.boardtab = $stateParams.detailTab;
|
$scope.status.boardtab = $stateParams.detailTab;
|
||||||
|
|
||||||
$scope.stackservice = StackService;
|
$scope.stackservice = StackService;
|
||||||
@@ -53,13 +53,13 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
|
|||||||
console.log("statewatch" + name);
|
console.log("statewatch" + name);
|
||||||
$scope.filter = name;
|
$scope.filter = name;
|
||||||
});
|
});
|
||||||
$scope.switchFilter = function(filter) {
|
$scope.switchFilter = function (filter) {
|
||||||
console.log("switch filter click " + name);
|
console.log("switch filter click " + name);
|
||||||
$state.go('.', {filter: filter}, {notify: false});
|
$state.go('.', {filter: filter}, {notify: false});
|
||||||
$scope.filter = filter;
|
$scope.filter = filter;
|
||||||
};
|
};
|
||||||
$scope.$watch('filter', function(name) {
|
$scope.$watch('filter', function (name) {
|
||||||
if(name==="archive") {
|
if (name === "archive") {
|
||||||
$scope.loadArchived();
|
$scope.loadArchived();
|
||||||
} else {
|
} else {
|
||||||
$scope.loadDefault();
|
$scope.loadDefault();
|
||||||
@@ -69,18 +69,18 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
|
|||||||
|
|
||||||
$scope.stacksData = StackService;
|
$scope.stacksData = StackService;
|
||||||
$scope.stacks = {};
|
$scope.stacks = {};
|
||||||
$scope.$watch('stacksData', function(value) {
|
$scope.$watch('stacksData', function (value) {
|
||||||
$scope.refreshData();
|
$scope.refreshData();
|
||||||
}, true);
|
}, true);
|
||||||
$scope.refreshData = function () {
|
$scope.refreshData = function () {
|
||||||
if($scope.filter === "archive") {
|
if ($scope.filter === "archive") {
|
||||||
$scope.filterData('-lastModified', $scope.searchText);
|
$scope.filterData('-lastModified', $scope.searchText);
|
||||||
} else {
|
} else {
|
||||||
$scope.filterData('order', $scope.searchText);
|
$scope.filterData('order', $scope.searchText);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
$scope.checkCanEdit = function() {
|
$scope.checkCanEdit = function () {
|
||||||
if($scope.archived) {
|
if ($scope.archived) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
return true;
|
return true;
|
||||||
@@ -88,9 +88,10 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
|
|||||||
|
|
||||||
// filter cards here, as ng-sortable will not work nicely with html-inline filters
|
// filter cards here, as ng-sortable will not work nicely with html-inline filters
|
||||||
$scope.filterData = function (order, text) {
|
$scope.filterData = function (order, text) {
|
||||||
|
console.log("filter data");
|
||||||
if ($scope.stacks === undefined)
|
if ($scope.stacks === undefined)
|
||||||
return;
|
return;
|
||||||
angular.copy($scope.stackservice.data, $scope.stacks);
|
angular.copy(StackService.getAll(), $scope.stacks);
|
||||||
angular.forEach($scope.stacks, function (value, key) {
|
angular.forEach($scope.stacks, function (value, key) {
|
||||||
var cards = [];
|
var cards = [];
|
||||||
cards = $filter('cardSearchFilter')(value.cards, text);
|
cards = $filter('cardSearchFilter')(value.cards, text);
|
||||||
@@ -99,132 +100,139 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.loadDefault = function() {
|
$scope.loadDefault = function () {
|
||||||
console.log("Load default");
|
console.log("Load default");
|
||||||
StackService.fetchAll($scope.id).then(function(data) {
|
StackService.fetchAll($scope.id).then(function (data) {
|
||||||
$scope.statusservice.releaseWaiting();
|
$scope.statusservice.releaseWaiting();
|
||||||
}, function(error) {
|
}, function (error) {
|
||||||
$scope.statusservice.setError('Error occured', error);
|
$scope.statusservice.setError('Error occured', error);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.loadArchived = function() {
|
$scope.loadArchived = function () {
|
||||||
console.log("Load archived!");
|
console.log("Load archived!");
|
||||||
StackService.fetchArchived($scope.id).then(function(data) {
|
StackService.fetchArchived($scope.id).then(function (data) {
|
||||||
$scope.statusservice.releaseWaiting();
|
$scope.statusservice.releaseWaiting();
|
||||||
}, function(error) {
|
}, function (error) {
|
||||||
$scope.statusservice.setError('Error occured', error);
|
$scope.statusservice.setError('Error occured', error);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
// Handle initial Loading
|
// Handle initial Loading
|
||||||
BoardService.fetchOne($scope.id).then(function(data) {
|
BoardService.fetchOne($scope.id).then(function (data) {
|
||||||
$scope.statusservice.releaseWaiting();
|
$scope.statusservice.releaseWaiting();
|
||||||
}, function(error) {
|
}, function (error) {
|
||||||
$scope.statusservice.setError('Error occured', error);
|
$scope.statusservice.setError('Error occured', error);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
BoardService.searchUsers('%25');
|
BoardService.searchUsers('%25');
|
||||||
|
|
||||||
$scope.searchForUser = function(search) {
|
$scope.searchForUser = function (search) {
|
||||||
if(search=="") {
|
if (search == "") {
|
||||||
search = "%25";
|
search = "%25";
|
||||||
}
|
}
|
||||||
BoardService.searchUsers(search);
|
BoardService.searchUsers(search);
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.newStack = { 'boardId': $scope.id};
|
$scope.newStack = {'boardId': $scope.id};
|
||||||
$scope.newCard = {};
|
$scope.newCard = {};
|
||||||
|
|
||||||
// Create a new Stack
|
// Create a new Stack
|
||||||
$scope.createStack = function () {
|
$scope.createStack = function () {
|
||||||
StackService.create($scope.newStack).then(function (data) {
|
StackService.create($scope.newStack).then(function (data) {
|
||||||
$scope.newStack.title="";
|
$scope.newStack.title = "";
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.createCard = function(stack, title) {
|
$scope.createCard = function (stack, title) {
|
||||||
var newCard = {
|
var newCard = {
|
||||||
'title': title,
|
'title': title,
|
||||||
'stackId': stack,
|
'stackId': stack,
|
||||||
'type': 'plain',
|
'type': 'plain',
|
||||||
};
|
};
|
||||||
CardService.create(newCard).then(function (data) {
|
CardService.create(newCard).then(function (data) {
|
||||||
|
// FIXME: called here reorders
|
||||||
$scope.stackservice.addCard(data);
|
$scope.stackservice.addCard(data);
|
||||||
$scope.newCard.title = "";
|
$scope.newCard.title = "";
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.cardDelete = function(card) {
|
$scope.cardDelete = function (card) {
|
||||||
CardService.delete(card.id);
|
CardService.delete(card.id);
|
||||||
StackService.deleteCard(card);
|
StackService.deleteCard(card);
|
||||||
}
|
}
|
||||||
$scope.cardArchive = function(card) {
|
$scope.cardArchive = function (card) {
|
||||||
CardService.archive(card);
|
CardService.archive(card);
|
||||||
StackService.deleteCard(card);
|
StackService.deleteCard(card);
|
||||||
};
|
};
|
||||||
$scope.cardUnarchive = function(card){
|
$scope.cardUnarchive = function (card) {
|
||||||
CardService.unarchive(card);
|
CardService.unarchive(card);
|
||||||
StackService.deleteCard(card);
|
StackService.deleteCard(card);
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.labelDelete = function(label) {
|
$scope.labelDelete = function (label) {
|
||||||
LabelService.delete(label.id);
|
LabelService.delete(label.id);
|
||||||
// remove from board data
|
// remove from board data
|
||||||
var i = BoardService.getCurrent().labels.indexOf(label);
|
var i = BoardService.getCurrent().labels.indexOf(label);
|
||||||
BoardService.getCurrent().labels.splice(i, 1);
|
BoardService.getCurrent().labels.splice(i, 1);
|
||||||
// TODO: remove from cards
|
// TODO: remove from cards
|
||||||
}
|
}
|
||||||
$scope.labelCreate = function(label) {
|
$scope.labelCreate = function (label) {
|
||||||
label.boardId = $scope.id;
|
label.boardId = $scope.id;
|
||||||
LabelService.create(label);
|
LabelService.create(label);
|
||||||
BoardService.getCurrent().labels.push(label);
|
BoardService.getCurrent().labels.push(label);
|
||||||
$scope.status.createLabel = false;
|
$scope.status.createLabel = false;
|
||||||
$scope.newLabel = {};
|
$scope.newLabel = {};
|
||||||
}
|
}
|
||||||
$scope.labelUpdate = function(label) {
|
$scope.labelUpdate = function (label) {
|
||||||
label.edit = false;
|
label.edit = false;
|
||||||
LabelService.update(label);
|
LabelService.update(label);
|
||||||
console.log(label);
|
console.log(label);
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.aclAdd = function(sharee) {
|
$scope.aclAdd = function (sharee) {
|
||||||
sharee.boardId = $scope.id;
|
sharee.boardId = $scope.id;
|
||||||
BoardService.addAcl(sharee);
|
BoardService.addAcl(sharee);
|
||||||
$scope.status.addSharee = null;
|
$scope.status.addSharee = null;
|
||||||
}
|
}
|
||||||
$scope.aclDelete = function(acl) {
|
$scope.aclDelete = function (acl) {
|
||||||
BoardService.deleteAcl(acl);
|
BoardService.deleteAcl(acl);
|
||||||
}
|
}
|
||||||
$scope.aclUpdate = function(acl) {
|
$scope.aclUpdate = function (acl) {
|
||||||
BoardService.updateAcl(acl);
|
BoardService.updateAcl(acl);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// settings for card sorting
|
// settings for card sorting
|
||||||
$scope.sortOptions = {
|
$scope.sortOptions = {
|
||||||
itemMoved: function (event) {
|
itemMoved: function (event) {
|
||||||
|
console.log('itemMoved');
|
||||||
// TODO: Implement reodering here (set new order of all cards in stack)
|
// TODO: Implement reodering here (set new order of all cards in stack)
|
||||||
event.source.itemScope.modelValue.status = event.dest.sortableScope.$parent.column;
|
event.source.itemScope.modelValue.status = event.dest.sortableScope.$parent.column;
|
||||||
var order = event.dest.index;
|
var order = event.dest.index;
|
||||||
var card = event.source.itemScope.c;
|
var card = event.source.itemScope.c;
|
||||||
var newStack = event.dest.sortableScope.$parent.s.id;
|
var newStack = event.dest.sortableScope.$parent.s.id;
|
||||||
|
var oldStack = card.stackId;
|
||||||
card.stackId = newStack;
|
card.stackId = newStack;
|
||||||
CardService.update(card);
|
CardService.update(card);
|
||||||
CardService.reorder(card, order).then(function(data) {
|
CardService.reorder(card, order).then(function (data) {
|
||||||
StackService.data[newStack].addCard(card);
|
StackService.addCard(card);
|
||||||
|
StackService.reorder(card, order);
|
||||||
|
StackService.deleteCard({
|
||||||
|
id: card.id,
|
||||||
|
stackId: oldStack
|
||||||
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
orderChanged: function (event) {
|
orderChanged: function (event) {
|
||||||
// TODO: Implement reordering here (set new order of all cards in stack)
|
|
||||||
// then maybe also call $scope.filterData('order')?
|
|
||||||
var order = event.dest.index;
|
var order = event.dest.index;
|
||||||
var card = event.source.itemScope.c;
|
var card = event.source.itemScope.c;
|
||||||
var stack = event.dest.sortableScope.$parent.s.id;
|
var stack = event.dest.sortableScope.$parent.s.id;
|
||||||
CardService.reorder(card, order);
|
CardService.reorder(card, order).then(function (data) {
|
||||||
|
StackService.reorder(card, order);
|
||||||
|
$scope.refreshData();
|
||||||
|
});
|
||||||
},
|
},
|
||||||
scrollableContainer: '#board',
|
scrollableContainer: '#board',
|
||||||
containerPositioning: 'relative',
|
containerPositioning: 'relative',
|
||||||
|
|||||||
121
js/public/app.js
121
js/public/app.js
@@ -119,8 +119,8 @@ app.controller('BoardController', ["$rootScope", "$scope", "$stateParams", "Stat
|
|||||||
$scope.sidebar = $rootScope.sidebar;
|
$scope.sidebar = $rootScope.sidebar;
|
||||||
|
|
||||||
$scope.id = $stateParams.boardId;
|
$scope.id = $stateParams.boardId;
|
||||||
$scope.status={},
|
$scope.status = {},
|
||||||
$scope.newLabel={};
|
$scope.newLabel = {};
|
||||||
$scope.status.boardtab = $stateParams.detailTab;
|
$scope.status.boardtab = $stateParams.detailTab;
|
||||||
|
|
||||||
$scope.stackservice = StackService;
|
$scope.stackservice = StackService;
|
||||||
@@ -147,13 +147,13 @@ app.controller('BoardController', ["$rootScope", "$scope", "$stateParams", "Stat
|
|||||||
console.log("statewatch" + name);
|
console.log("statewatch" + name);
|
||||||
$scope.filter = name;
|
$scope.filter = name;
|
||||||
});
|
});
|
||||||
$scope.switchFilter = function(filter) {
|
$scope.switchFilter = function (filter) {
|
||||||
console.log("switch filter click " + name);
|
console.log("switch filter click " + name);
|
||||||
$state.go('.', {filter: filter}, {notify: false});
|
$state.go('.', {filter: filter}, {notify: false});
|
||||||
$scope.filter = filter;
|
$scope.filter = filter;
|
||||||
};
|
};
|
||||||
$scope.$watch('filter', function(name) {
|
$scope.$watch('filter', function (name) {
|
||||||
if(name==="archive") {
|
if (name === "archive") {
|
||||||
$scope.loadArchived();
|
$scope.loadArchived();
|
||||||
} else {
|
} else {
|
||||||
$scope.loadDefault();
|
$scope.loadDefault();
|
||||||
@@ -163,18 +163,18 @@ app.controller('BoardController', ["$rootScope", "$scope", "$stateParams", "Stat
|
|||||||
|
|
||||||
$scope.stacksData = StackService;
|
$scope.stacksData = StackService;
|
||||||
$scope.stacks = {};
|
$scope.stacks = {};
|
||||||
$scope.$watch('stacksData', function(value) {
|
$scope.$watch('stacksData', function (value) {
|
||||||
$scope.refreshData();
|
$scope.refreshData();
|
||||||
}, true);
|
}, true);
|
||||||
$scope.refreshData = function () {
|
$scope.refreshData = function () {
|
||||||
if($scope.filter === "archive") {
|
if ($scope.filter === "archive") {
|
||||||
$scope.filterData('-lastModified', $scope.searchText);
|
$scope.filterData('-lastModified', $scope.searchText);
|
||||||
} else {
|
} else {
|
||||||
$scope.filterData('order', $scope.searchText);
|
$scope.filterData('order', $scope.searchText);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
$scope.checkCanEdit = function() {
|
$scope.checkCanEdit = function () {
|
||||||
if($scope.archived) {
|
if ($scope.archived) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
return true;
|
return true;
|
||||||
@@ -182,9 +182,10 @@ app.controller('BoardController', ["$rootScope", "$scope", "$stateParams", "Stat
|
|||||||
|
|
||||||
// filter cards here, as ng-sortable will not work nicely with html-inline filters
|
// filter cards here, as ng-sortable will not work nicely with html-inline filters
|
||||||
$scope.filterData = function (order, text) {
|
$scope.filterData = function (order, text) {
|
||||||
|
console.log("filter data");
|
||||||
if ($scope.stacks === undefined)
|
if ($scope.stacks === undefined)
|
||||||
return;
|
return;
|
||||||
angular.copy($scope.stackservice.data, $scope.stacks);
|
angular.copy(StackService.getAll(), $scope.stacks);
|
||||||
angular.forEach($scope.stacks, function (value, key) {
|
angular.forEach($scope.stacks, function (value, key) {
|
||||||
var cards = [];
|
var cards = [];
|
||||||
cards = $filter('cardSearchFilter')(value.cards, text);
|
cards = $filter('cardSearchFilter')(value.cards, text);
|
||||||
@@ -193,132 +194,139 @@ app.controller('BoardController', ["$rootScope", "$scope", "$stateParams", "Stat
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.loadDefault = function() {
|
$scope.loadDefault = function () {
|
||||||
console.log("Load default");
|
console.log("Load default");
|
||||||
StackService.fetchAll($scope.id).then(function(data) {
|
StackService.fetchAll($scope.id).then(function (data) {
|
||||||
$scope.statusservice.releaseWaiting();
|
$scope.statusservice.releaseWaiting();
|
||||||
}, function(error) {
|
}, function (error) {
|
||||||
$scope.statusservice.setError('Error occured', error);
|
$scope.statusservice.setError('Error occured', error);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.loadArchived = function() {
|
$scope.loadArchived = function () {
|
||||||
console.log("Load archived!");
|
console.log("Load archived!");
|
||||||
StackService.fetchArchived($scope.id).then(function(data) {
|
StackService.fetchArchived($scope.id).then(function (data) {
|
||||||
$scope.statusservice.releaseWaiting();
|
$scope.statusservice.releaseWaiting();
|
||||||
}, function(error) {
|
}, function (error) {
|
||||||
$scope.statusservice.setError('Error occured', error);
|
$scope.statusservice.setError('Error occured', error);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
// Handle initial Loading
|
// Handle initial Loading
|
||||||
BoardService.fetchOne($scope.id).then(function(data) {
|
BoardService.fetchOne($scope.id).then(function (data) {
|
||||||
$scope.statusservice.releaseWaiting();
|
$scope.statusservice.releaseWaiting();
|
||||||
}, function(error) {
|
}, function (error) {
|
||||||
$scope.statusservice.setError('Error occured', error);
|
$scope.statusservice.setError('Error occured', error);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
BoardService.searchUsers('%25');
|
BoardService.searchUsers('%25');
|
||||||
|
|
||||||
$scope.searchForUser = function(search) {
|
$scope.searchForUser = function (search) {
|
||||||
if(search=="") {
|
if (search == "") {
|
||||||
search = "%25";
|
search = "%25";
|
||||||
}
|
}
|
||||||
BoardService.searchUsers(search);
|
BoardService.searchUsers(search);
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.newStack = { 'boardId': $scope.id};
|
$scope.newStack = {'boardId': $scope.id};
|
||||||
$scope.newCard = {};
|
$scope.newCard = {};
|
||||||
|
|
||||||
// Create a new Stack
|
// Create a new Stack
|
||||||
$scope.createStack = function () {
|
$scope.createStack = function () {
|
||||||
StackService.create($scope.newStack).then(function (data) {
|
StackService.create($scope.newStack).then(function (data) {
|
||||||
$scope.newStack.title="";
|
$scope.newStack.title = "";
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.createCard = function(stack, title) {
|
$scope.createCard = function (stack, title) {
|
||||||
var newCard = {
|
var newCard = {
|
||||||
'title': title,
|
'title': title,
|
||||||
'stackId': stack,
|
'stackId': stack,
|
||||||
'type': 'plain',
|
'type': 'plain',
|
||||||
};
|
};
|
||||||
CardService.create(newCard).then(function (data) {
|
CardService.create(newCard).then(function (data) {
|
||||||
|
// FIXME: called here reorders
|
||||||
$scope.stackservice.addCard(data);
|
$scope.stackservice.addCard(data);
|
||||||
$scope.newCard.title = "";
|
$scope.newCard.title = "";
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.cardDelete = function(card) {
|
$scope.cardDelete = function (card) {
|
||||||
CardService.delete(card.id);
|
CardService.delete(card.id);
|
||||||
StackService.deleteCard(card);
|
StackService.deleteCard(card);
|
||||||
}
|
}
|
||||||
$scope.cardArchive = function(card) {
|
$scope.cardArchive = function (card) {
|
||||||
CardService.archive(card);
|
CardService.archive(card);
|
||||||
StackService.deleteCard(card);
|
StackService.deleteCard(card);
|
||||||
};
|
};
|
||||||
$scope.cardUnarchive = function(card){
|
$scope.cardUnarchive = function (card) {
|
||||||
CardService.unarchive(card);
|
CardService.unarchive(card);
|
||||||
StackService.deleteCard(card);
|
StackService.deleteCard(card);
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.labelDelete = function(label) {
|
$scope.labelDelete = function (label) {
|
||||||
LabelService.delete(label.id);
|
LabelService.delete(label.id);
|
||||||
// remove from board data
|
// remove from board data
|
||||||
var i = BoardService.getCurrent().labels.indexOf(label);
|
var i = BoardService.getCurrent().labels.indexOf(label);
|
||||||
BoardService.getCurrent().labels.splice(i, 1);
|
BoardService.getCurrent().labels.splice(i, 1);
|
||||||
// TODO: remove from cards
|
// TODO: remove from cards
|
||||||
}
|
}
|
||||||
$scope.labelCreate = function(label) {
|
$scope.labelCreate = function (label) {
|
||||||
label.boardId = $scope.id;
|
label.boardId = $scope.id;
|
||||||
LabelService.create(label);
|
LabelService.create(label);
|
||||||
BoardService.getCurrent().labels.push(label);
|
BoardService.getCurrent().labels.push(label);
|
||||||
$scope.status.createLabel = false;
|
$scope.status.createLabel = false;
|
||||||
$scope.newLabel = {};
|
$scope.newLabel = {};
|
||||||
}
|
}
|
||||||
$scope.labelUpdate = function(label) {
|
$scope.labelUpdate = function (label) {
|
||||||
label.edit = false;
|
label.edit = false;
|
||||||
LabelService.update(label);
|
LabelService.update(label);
|
||||||
console.log(label);
|
console.log(label);
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.aclAdd = function(sharee) {
|
$scope.aclAdd = function (sharee) {
|
||||||
sharee.boardId = $scope.id;
|
sharee.boardId = $scope.id;
|
||||||
BoardService.addAcl(sharee);
|
BoardService.addAcl(sharee);
|
||||||
$scope.status.addSharee = null;
|
$scope.status.addSharee = null;
|
||||||
}
|
}
|
||||||
$scope.aclDelete = function(acl) {
|
$scope.aclDelete = function (acl) {
|
||||||
BoardService.deleteAcl(acl);
|
BoardService.deleteAcl(acl);
|
||||||
}
|
}
|
||||||
$scope.aclUpdate = function(acl) {
|
$scope.aclUpdate = function (acl) {
|
||||||
BoardService.updateAcl(acl);
|
BoardService.updateAcl(acl);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// settings for card sorting
|
// settings for card sorting
|
||||||
$scope.sortOptions = {
|
$scope.sortOptions = {
|
||||||
itemMoved: function (event) {
|
itemMoved: function (event) {
|
||||||
|
console.log('itemMoved');
|
||||||
// TODO: Implement reodering here (set new order of all cards in stack)
|
// TODO: Implement reodering here (set new order of all cards in stack)
|
||||||
event.source.itemScope.modelValue.status = event.dest.sortableScope.$parent.column;
|
event.source.itemScope.modelValue.status = event.dest.sortableScope.$parent.column;
|
||||||
var order = event.dest.index;
|
var order = event.dest.index;
|
||||||
var card = event.source.itemScope.c;
|
var card = event.source.itemScope.c;
|
||||||
var newStack = event.dest.sortableScope.$parent.s.id;
|
var newStack = event.dest.sortableScope.$parent.s.id;
|
||||||
|
var oldStack = card.stackId;
|
||||||
card.stackId = newStack;
|
card.stackId = newStack;
|
||||||
CardService.update(card);
|
CardService.update(card);
|
||||||
CardService.reorder(card, order).then(function(data) {
|
CardService.reorder(card, order).then(function (data) {
|
||||||
StackService.data[newStack].addCard(card);
|
StackService.addCard(card);
|
||||||
|
StackService.reorder(card, order);
|
||||||
|
StackService.deleteCard({
|
||||||
|
id: card.id,
|
||||||
|
stackId: oldStack
|
||||||
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
orderChanged: function (event) {
|
orderChanged: function (event) {
|
||||||
// TODO: Implement reordering here (set new order of all cards in stack)
|
|
||||||
// then maybe also call $scope.filterData('order')?
|
|
||||||
var order = event.dest.index;
|
var order = event.dest.index;
|
||||||
var card = event.source.itemScope.c;
|
var card = event.source.itemScope.c;
|
||||||
var stack = event.dest.sortableScope.$parent.s.id;
|
var stack = event.dest.sortableScope.$parent.s.id;
|
||||||
CardService.reorder(card, order);
|
CardService.reorder(card, order).then(function (data) {
|
||||||
|
StackService.reorder(card, order);
|
||||||
|
$scope.refreshData();
|
||||||
|
});
|
||||||
},
|
},
|
||||||
scrollableContainer: '#board',
|
scrollableContainer: '#board',
|
||||||
containerPositioning: 'relative',
|
containerPositioning: 'relative',
|
||||||
@@ -387,8 +395,10 @@ app.controller('CardController', ["$scope", "$rootScope", "$routeParams", "$loca
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
$scope.cardUpdate = function(card) {
|
$scope.cardUpdate = function(card) {
|
||||||
CardService.update(CardService.getCurrent());
|
CardService.update(CardService.getCurrent()).then(function(data) {
|
||||||
$scope.status.cardEditDescription = false;
|
$scope.status.cardEditDescription = false;
|
||||||
|
$('#card-description .save-indicator').fadeIn(500).fadeOut(1000);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.labelAssign = function(element, model) {
|
$scope.labelAssign = function(element, model) {
|
||||||
@@ -1024,7 +1034,6 @@ app.factory('CardService', ["ApiService", "$http", "$q", function(ApiService, $h
|
|||||||
var deferred = $q.defer();
|
var deferred = $q.defer();
|
||||||
var self = this;
|
var self = this;
|
||||||
$http.put(this.baseUrl + '/' + card.id + '/reorder', {cardId: card.id, order: order, stackId: card.stackId}).then(function (response) {
|
$http.put(this.baseUrl + '/' + card.id + '/reorder', {cardId: card.id, order: order, stackId: card.stackId}).then(function (response) {
|
||||||
card.order = order;
|
|
||||||
deferred.resolve(response.data);
|
deferred.resolve(response.data);
|
||||||
}, function (error) {
|
}, function (error) {
|
||||||
deferred.reject('Error while update ' + self.endpoint);
|
deferred.reject('Error while update ' + self.endpoint);
|
||||||
@@ -1135,8 +1144,38 @@ app.factory('StackService', ["ApiService", "$http", "$q", function(ApiService, $
|
|||||||
};
|
};
|
||||||
|
|
||||||
StackService.prototype.addCard = function(entity) {
|
StackService.prototype.addCard = function(entity) {
|
||||||
|
console.log(this.data);
|
||||||
|
if(!this.data[entity.stackId].cards) {
|
||||||
|
this.data[entity.stackId].cards = [];
|
||||||
|
}
|
||||||
this.data[entity.stackId].cards.push(entity);
|
this.data[entity.stackId].cards.push(entity);
|
||||||
|
console.log(this.data);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
StackService.prototype.reorder = function(entity, order) {
|
||||||
|
// assign new order
|
||||||
|
for(var i=0, j=0;i<this.data[entity.stackId].cards.length;i++) {
|
||||||
|
if(this.data[entity.stackId].cards[i].id === entity.id) {
|
||||||
|
console.log(this.data[entity.stackId].cards[i].title + " " + order);
|
||||||
|
this.data[entity.stackId].cards[i].order = order;
|
||||||
|
}
|
||||||
|
if(j === order) {
|
||||||
|
j++;
|
||||||
|
}
|
||||||
|
if(this.data[entity.stackId].cards[i].id !== entity.id) {
|
||||||
|
this.data[entity.stackId].cards[i].order = j++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// sort array by order
|
||||||
|
this.data[entity.stackId].cards.sort(function(a,b) {
|
||||||
|
if (a.order < b.order)
|
||||||
|
return -1;
|
||||||
|
if (a.order > b.order)
|
||||||
|
return 1;
|
||||||
|
return 0;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
StackService.prototype.updateCard = function(entity) {
|
StackService.prototype.updateCard = function(entity) {
|
||||||
var self = this;
|
var self = this;
|
||||||
var cards = this.data[entity.stackId].cards;
|
var cards = this.data[entity.stackId].cards;
|
||||||
|
|||||||
@@ -30,7 +30,6 @@ app.factory('CardService', function(ApiService, $http, $q){
|
|||||||
var deferred = $q.defer();
|
var deferred = $q.defer();
|
||||||
var self = this;
|
var self = this;
|
||||||
$http.put(this.baseUrl + '/' + card.id + '/reorder', {cardId: card.id, order: order, stackId: card.stackId}).then(function (response) {
|
$http.put(this.baseUrl + '/' + card.id + '/reorder', {cardId: card.id, order: order, stackId: card.stackId}).then(function (response) {
|
||||||
card.order = order;
|
|
||||||
deferred.resolve(response.data);
|
deferred.resolve(response.data);
|
||||||
}, function (error) {
|
}, function (error) {
|
||||||
deferred.reject('Error while update ' + self.endpoint);
|
deferred.reject('Error while update ' + self.endpoint);
|
||||||
|
|||||||
@@ -53,8 +53,38 @@ app.factory('StackService', function(ApiService, $http, $q){
|
|||||||
};
|
};
|
||||||
|
|
||||||
StackService.prototype.addCard = function(entity) {
|
StackService.prototype.addCard = function(entity) {
|
||||||
|
console.log(this.data);
|
||||||
|
if(!this.data[entity.stackId].cards) {
|
||||||
|
this.data[entity.stackId].cards = [];
|
||||||
|
}
|
||||||
this.data[entity.stackId].cards.push(entity);
|
this.data[entity.stackId].cards.push(entity);
|
||||||
|
console.log(this.data);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
StackService.prototype.reorder = function(entity, order) {
|
||||||
|
// assign new order
|
||||||
|
for(var i=0, j=0;i<this.data[entity.stackId].cards.length;i++) {
|
||||||
|
if(this.data[entity.stackId].cards[i].id === entity.id) {
|
||||||
|
console.log(this.data[entity.stackId].cards[i].title + " " + order);
|
||||||
|
this.data[entity.stackId].cards[i].order = order;
|
||||||
|
}
|
||||||
|
if(j === order) {
|
||||||
|
j++;
|
||||||
|
}
|
||||||
|
if(this.data[entity.stackId].cards[i].id !== entity.id) {
|
||||||
|
this.data[entity.stackId].cards[i].order = j++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// sort array by order
|
||||||
|
this.data[entity.stackId].cards.sort(function(a,b) {
|
||||||
|
if (a.order < b.order)
|
||||||
|
return -1;
|
||||||
|
if (a.order > b.order)
|
||||||
|
return 1;
|
||||||
|
return 0;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
StackService.prototype.updateCard = function(entity) {
|
StackService.prototype.updateCard = function(entity) {
|
||||||
var self = this;
|
var self = this;
|
||||||
var cards = this.data[entity.stackId].cards;
|
var cards = this.data[entity.stackId].cards;
|
||||||
|
|||||||
Reference in New Issue
Block a user