mirror of
https://github.com/wekan/wekan.git
synced 2025-09-22 01:50:48 +02:00
2c0030da62
The UI and the internal APIs are still rough around the edges but the feature is basically working. You can now select multiple cards and move them together or (un|)assign them a label.
112 lines
3.3 KiB
JavaScript
112 lines
3.3 KiB
JavaScript
BlazeComponent.extendComponent({
|
|
template: function() {
|
|
return 'listBody';
|
|
},
|
|
|
|
mixins: function() {
|
|
return [Mixins.PerfectScrollbar];
|
|
},
|
|
|
|
openForm: function(options) {
|
|
options = options || {};
|
|
options.position = options.position || 'top';
|
|
|
|
var forms = this.componentChildren('inlinedForm');
|
|
var form = _.find(forms, function(component) {
|
|
return component.data().position === options.position;
|
|
});
|
|
if (! form && forms.length > 0) {
|
|
form = forms[0];
|
|
}
|
|
form.open();
|
|
},
|
|
|
|
addCard: function(evt) {
|
|
evt.preventDefault();
|
|
var textarea = $(evt.currentTarget).find('textarea');
|
|
var title = textarea.val();
|
|
var position = Blaze.getData(evt.currentTarget).position;
|
|
var sortIndex;
|
|
if (position === 'top') {
|
|
sortIndex = Utils.getSortIndex(null, this.find('.js-minicard:first'));
|
|
} else if (position === 'bottom') {
|
|
sortIndex = Utils.getSortIndex(this.find('.js-minicard:last'), null);
|
|
}
|
|
|
|
if ($.trim(title)) {
|
|
var _id = Cards.insert({
|
|
title: title,
|
|
listId: this.data()._id,
|
|
boardId: this.data().board()._id,
|
|
sort: sortIndex
|
|
});
|
|
// In case the filter is active we need to add the newly inserted card in
|
|
// the list of exceptions -- cards that are not filtered. Otherwise the
|
|
// card will disappear instantly.
|
|
// See https://github.com/libreboard/libreboard/issues/80
|
|
Filter.addException(_id);
|
|
|
|
// We keep the form opened, empty it, and scroll to it.
|
|
textarea.val('').focus();
|
|
if (position === 'bottom') {
|
|
this.scrollToBottom();
|
|
}
|
|
}
|
|
},
|
|
|
|
scrollToBottom: function() {
|
|
var container = this.firstNode();
|
|
$(container).animate({
|
|
scrollTop: container.scrollHeight
|
|
});
|
|
},
|
|
|
|
events: function() {
|
|
return [{
|
|
submit: this.addCard,
|
|
'click .open-minicard-composer': this.scrollToBottom
|
|
}];
|
|
}
|
|
}).register('listBody');
|
|
|
|
BlazeComponent.extendComponent({
|
|
template: function() {
|
|
return 'addCardForm';
|
|
},
|
|
|
|
pressKey: function(evt) {
|
|
// Pressing Enter should submit the card
|
|
if (evt.keyCode === 13) {
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget).parents('form:first');
|
|
// XXX For some reason $form.submit() does not work (it's probably a bug
|
|
// of blaze-component related to the fact that the submit event is non-
|
|
// bubbling). This is why we click on the submit button instead -- which
|
|
// work.
|
|
$form.find('button[type=submit]').click();
|
|
|
|
// Pressing Tab should open the form of the next column, and Maj+Tab go
|
|
// in the reverse order
|
|
} else if (evt.keyCode === 9) {
|
|
evt.preventDefault();
|
|
var isReverse = evt.shiftKey;
|
|
var list = $('#js-list-' + this.data().listId);
|
|
var listSelector = '.js-list:not(.js-list-composer)';
|
|
var nextList = list[isReverse ? 'prev' : 'next'](listSelector).get(0);
|
|
// If there isn't no next list, loop back to the beginning.
|
|
if (! nextList) {
|
|
nextList = $(listSelector + (isReverse ? ':last' : ':first')).get(0);
|
|
}
|
|
|
|
BlazeComponent.getComponentForElement(nextList).openForm({
|
|
position:this.data().position
|
|
});
|
|
}
|
|
},
|
|
|
|
events: function() {
|
|
return [{
|
|
keydown: this.pressKey
|
|
}];
|
|
}
|
|
}).register('addCardForm');
|