mirror of https://github.com/wekan/wekan
The Open Source kanban (built with Meteor). Keep variable/table/field names camelCase. For translations, only add Pull Request changes to wekan/i18n/en.i18n.json , other translations are done at https://transifex.com/wekan/wekan only.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
3.2 KiB
92 lines
3.2 KiB
BlazeComponent.extendComponent({
|
|
template: function() {
|
|
return 'list';
|
|
},
|
|
|
|
// Proxies
|
|
openForm: function(options) {
|
|
this.componentChildren('listBody')[0].openForm(options);
|
|
},
|
|
|
|
showNewCardForm: function(value) {
|
|
this.componentChildren('listBody')[0].showNewCardForm(value);
|
|
},
|
|
|
|
onCreated: function() {
|
|
this.newCardFormIsVisible = new ReactiveVar(true);
|
|
},
|
|
|
|
// XXX The jQuery UI sortable plugin is far from ideal here. First we include
|
|
// all jQuery components but only use one. Second, it modifies the DOM itself,
|
|
// resulting in Blaze abandoning reactive update of the nodes that have been
|
|
// moved which result in bugs if multiple users use the board in real time. I
|
|
// tried sortable:sortable but that was not better. And dragula is not
|
|
// powerful enough for our use casesShould we “simply” write the drag&drop
|
|
// code ourselves?
|
|
onRendered: function() {
|
|
var self = this;
|
|
if (! Meteor.userId() || ! Meteor.user().isBoardMember())
|
|
return;
|
|
|
|
var boardComponent = self.componentParent();
|
|
var itemsSelector = '.js-minicard:not(.placeholder, .hide, .js-composer)';
|
|
var $cards = self.$('.js-minicards');
|
|
$cards.sortable({
|
|
connectWith: '.js-minicards',
|
|
tolerance: 'pointer',
|
|
appendTo: '.js-lists',
|
|
helper: 'clone',
|
|
items: itemsSelector,
|
|
placeholder: 'minicard placeholder',
|
|
start: function(event, ui) {
|
|
$('.minicard.placeholder').height(ui.item.height());
|
|
Popup.close();
|
|
boardComponent.showNewCardForms(false);
|
|
},
|
|
stop: function(event, ui) {
|
|
// To attribute the new index number, we need to get the dom element
|
|
// of the previous and the following card -- if any.
|
|
var cardDomElement = ui.item.get(0);
|
|
var prevCardDomElement = ui.item.prev('.js-minicard').get(0);
|
|
var nextCardDomElement = ui.item.next('.js-minicard').get(0);
|
|
var sort = Utils.getSortIndex(prevCardDomElement, nextCardDomElement);
|
|
var cardId = Blaze.getData(cardDomElement)._id;
|
|
var listId = Blaze.getData(ui.item.parents('.list').get(0))._id;
|
|
Cards.update(cardId, {
|
|
$set: {
|
|
listId: listId,
|
|
sort: sort
|
|
}
|
|
});
|
|
boardComponent.showNewCardForms(true);
|
|
}
|
|
});
|
|
|
|
// We want to re-run this function any time a card is added.
|
|
self.autorun(function() {
|
|
var currentBoardId = Tracker.nonreactive(function() {
|
|
return Session.get('currentBoard');
|
|
});
|
|
Cards.find({ boardId: currentBoardId }).fetch();
|
|
Tracker.afterFlush(function() {
|
|
$cards.find(itemsSelector).droppable({
|
|
hoverClass: 'draggable-hover-card',
|
|
accept: '.js-member,.js-label',
|
|
drop: function(event, ui) {
|
|
var cardId = Blaze.getData(this)._id;
|
|
var addToSet;
|
|
|
|
if (ui.draggable.hasClass('js-member')) {
|
|
var memberId = Blaze.getData(ui.draggable.get(0)).userId;
|
|
addToSet = { members: memberId };
|
|
} else {
|
|
var labelId = Blaze.getData(ui.draggable.get(0))._id;
|
|
addToSet = { labelIds: labelId };
|
|
}
|
|
Cards.update(cardId, { $addToSet: addToSet });
|
|
}
|
|
});
|
|
});
|
|
});
|
|
}
|
|
}).register('list');
|
|
|