mirror of
https://github.com/wekan/wekan.git
synced 2025-12-18 08:20:12 +01:00
781577db04
The idea is that by displaying card details in a sidebar stuck on the right of the screen, the mouse had to travel too much before interacting with it. I also don’t want to use the Trello solution (modal) on big screens, because I like the ability to interact with the selected card and with the board at the same time (like in a e-mail client). The solution introduced in this commit consist of opening the card detail in a column next to the minicard list. This commit also fix right sidebar members and labels drag and drop.
78 lines
2.1 KiB
JavaScript
78 lines
2.1 KiB
JavaScript
Utils = {
|
|
error: function(err) {
|
|
Session.set('error', (err && err.message || false));
|
|
},
|
|
|
|
// scroll
|
|
Scroll: function(selector) {
|
|
var $el = $(selector);
|
|
return {
|
|
top: function(px, add) {
|
|
var t = $el.scrollTop();
|
|
$el.animate({ scrollTop: (add ? (t + px) : px) });
|
|
},
|
|
left: function(px, add) {
|
|
var l = $el.scrollLeft();
|
|
$el.animate({ scrollLeft: (add ? (l + px) : px) });
|
|
}
|
|
};
|
|
},
|
|
|
|
// XXX We should remove these two methods
|
|
goBoardId: function(_id) {
|
|
var board = Boards.findOne(_id);
|
|
return board && Router.go('Board', {
|
|
_id: board._id,
|
|
slug: board.slug
|
|
});
|
|
},
|
|
|
|
goCardId: function(_id) {
|
|
var card = Cards.findOne(_id);
|
|
var board = Boards.findOne(card.boardId);
|
|
return board && Router.go('Card', {
|
|
cardId: card._id,
|
|
boardId: board._id,
|
|
slug: board.slug
|
|
});
|
|
},
|
|
|
|
capitalize: function(string) {
|
|
return string.charAt(0).toUpperCase() + string.slice(1);
|
|
},
|
|
|
|
getLabelIndex: function(boardId, labelId) {
|
|
var board = Boards.findOne(boardId);
|
|
var labels = {};
|
|
_.each(board.labels, function(a, b) {
|
|
labels[a._id] = b;
|
|
});
|
|
return {
|
|
index: labels[labelId],
|
|
key: function(key) {
|
|
return 'labels.' + labels[labelId] + '.' + key;
|
|
}
|
|
};
|
|
},
|
|
|
|
// Determine the new sort index
|
|
getSortIndex: function(prevCardDomElement, nextCardDomElement) {
|
|
// If we drop the card to an empty column
|
|
if (! prevCardDomElement && ! nextCardDomElement) {
|
|
return 0;
|
|
// If we drop the card in the first position
|
|
} else if (! prevCardDomElement) {
|
|
return Blaze.getData(nextCardDomElement).sort - 1;
|
|
// If we drop the card in the last position
|
|
} else if (! nextCardDomElement) {
|
|
return Blaze.getData(prevCardDomElement).sort + 1;
|
|
}
|
|
// In the general case take the average of the previous and next element
|
|
// sort indexes.
|
|
else {
|
|
var prevSortIndex = Blaze.getData(prevCardDomElement).sort;
|
|
var nextSortIndex = Blaze.getData(nextCardDomElement).sort;
|
|
return (prevSortIndex + nextSortIndex) / 2;
|
|
}
|
|
}
|
|
};
|