multiSelection.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. function getCardsBetween(idA, idB) {
  2. function pluckId(doc) {
  3. return doc._id;
  4. }
  5. function getListsStrictlyBetween(id1, id2) {
  6. return Lists.find({
  7. $and: [
  8. { sort: { $gt: Lists.findOne(id1).sort } },
  9. { sort: { $lt: Lists.findOne(id2).sort } },
  10. ],
  11. archived: false,
  12. }).map(pluckId);
  13. }
  14. const cards = _.sortBy([Cards.findOne(idA), Cards.findOne(idB)], (c) => {
  15. return c.sort;
  16. });
  17. let selector;
  18. if (cards[0].listId === cards[1].listId) {
  19. selector = {
  20. listId: cards[0].listId,
  21. sort: {
  22. $gte: cards[0].sort,
  23. $lte: cards[1].sort,
  24. },
  25. archived: false,
  26. };
  27. } else {
  28. selector = {
  29. $or: [{
  30. listId: cards[0].listId,
  31. sort: { $lte: cards[0].sort },
  32. }, {
  33. listId: {
  34. $in: getListsStrictlyBetween(cards[0].listId, cards[1].listId),
  35. },
  36. }, {
  37. listId: cards[1].listId,
  38. sort: { $gte: cards[1].sort },
  39. }],
  40. archived: false,
  41. };
  42. }
  43. return Cards.find(Filter.mongoSelector(selector)).map(pluckId);
  44. }
  45. MultiSelection = {
  46. sidebarView: 'multiselection',
  47. _selectedCards: new ReactiveVar([]),
  48. _isActive: new ReactiveVar(false),
  49. startRangeCardId: null,
  50. reset() {
  51. this._selectedCards.set([]);
  52. },
  53. getMongoSelector() {
  54. return Filter.mongoSelector({
  55. _id: { $in: this._selectedCards.get() },
  56. });
  57. },
  58. isActive() {
  59. return this._isActive.get();
  60. },
  61. count() {
  62. return Cards.find(this.getMongoSelector()).count();
  63. },
  64. isEmpty() {
  65. return this.count() === 0;
  66. },
  67. activate() {
  68. if (!this.isActive()) {
  69. EscapeActions.executeUpTo('detailsPane');
  70. this._isActive.set(true);
  71. Tracker.flush();
  72. }
  73. Sidebar.setView(this.sidebarView);
  74. },
  75. disable() {
  76. if (this.isActive()) {
  77. this._isActive.set(false);
  78. if (Sidebar && Sidebar.getView() === this.sidebarView) {
  79. Sidebar.setView();
  80. }
  81. this.reset();
  82. }
  83. },
  84. add(cardIds) {
  85. return this.toogle(cardIds, { add: true, remove: false });
  86. },
  87. remove(cardIds) {
  88. return this.toogle(cardIds, { add: false, remove: true });
  89. },
  90. toogleRange(cardId) {
  91. const selectedCards = this._selectedCards.get();
  92. let startRange;
  93. this.reset();
  94. if (!this.isActive() || selectedCards.length === 0) {
  95. this.toogle(cardId);
  96. } else {
  97. startRange = selectedCards[selectedCards.length - 1];
  98. this.toogle(getCardsBetween(startRange, cardId));
  99. }
  100. },
  101. toogle(cardIds, options) {
  102. cardIds = _.isString(cardIds) ? [cardIds] : cardIds;
  103. options = _.extend({
  104. add: true,
  105. remove: true,
  106. }, options || {});
  107. if (!this.isActive()) {
  108. this.reset();
  109. this.activate();
  110. }
  111. const selectedCards = this._selectedCards.get();
  112. _.each(cardIds, (cardId) => {
  113. const indexOfCard = selectedCards.indexOf(cardId);
  114. if (options.remove && indexOfCard > -1)
  115. selectedCards.splice(indexOfCard, 1);
  116. else if (options.add)
  117. selectedCards.push(cardId);
  118. });
  119. this._selectedCards.set(selectedCards);
  120. },
  121. isSelected(cardId) {
  122. return this._selectedCards.get().indexOf(cardId) > -1;
  123. },
  124. };
  125. Blaze.registerHelper('MultiSelection', MultiSelection);
  126. EscapeActions.register('multiselection',
  127. () => { MultiSelection.disable(); },
  128. () => { return MultiSelection.isActive(); }, {
  129. noClickEscapeOn: '.js-minicard,.js-board-sidebar-content',
  130. }
  131. );