multiSelection.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  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. {
  31. listId: cards[0].listId,
  32. sort: { $lte: cards[0].sort },
  33. },
  34. {
  35. listId: {
  36. $in: getListsStrictlyBetween(cards[0].listId, cards[1].listId),
  37. },
  38. },
  39. {
  40. listId: cards[1].listId,
  41. sort: { $gte: cards[1].sort },
  42. },
  43. ],
  44. archived: false,
  45. };
  46. }
  47. return Cards.find(Filter.mongoSelector(selector)).map(pluckId);
  48. }
  49. MultiSelection = {
  50. sidebarView: 'multiselection',
  51. _selectedCards: new ReactiveVar([]),
  52. _isActive: new ReactiveVar(false),
  53. startRangeCardId: null,
  54. reset() {
  55. this._selectedCards.set([]);
  56. },
  57. getMongoSelector() {
  58. return Filter.mongoSelector({
  59. _id: { $in: this._selectedCards.get() },
  60. });
  61. },
  62. isActive() {
  63. return this._isActive.get();
  64. },
  65. count() {
  66. return Cards.find(this.getMongoSelector()).count();
  67. },
  68. isEmpty() {
  69. return this.count() === 0;
  70. },
  71. activate() {
  72. if (!this.isActive()) {
  73. EscapeActions.executeUpTo('detailsPane');
  74. this._isActive.set(true);
  75. Tracker.flush();
  76. }
  77. Sidebar.setView(this.sidebarView);
  78. },
  79. disable() {
  80. if (this.isActive()) {
  81. this._isActive.set(false);
  82. if (Sidebar && Sidebar.getView() === this.sidebarView) {
  83. Sidebar.setView();
  84. }
  85. this.reset();
  86. }
  87. },
  88. add(cardIds) {
  89. return this.toggle(cardIds, { add: true, remove: false });
  90. },
  91. remove(cardIds) {
  92. return this.toggle(cardIds, { add: false, remove: true });
  93. },
  94. toggleRange(cardId) {
  95. const selectedCards = this._selectedCards.get();
  96. this.reset();
  97. if (!this.isActive() || selectedCards.length === 0) {
  98. this.toggle(cardId);
  99. } else {
  100. const startRange = selectedCards[selectedCards.length - 1];
  101. this.toggle(getCardsBetween(startRange, cardId));
  102. }
  103. },
  104. toggle(cardIds, options = {}) {
  105. cardIds = _.isString(cardIds) ? [cardIds] : cardIds;
  106. options = {
  107. add: true,
  108. remove: true,
  109. ...options,
  110. };
  111. if (!this.isActive()) {
  112. this.reset();
  113. this.activate();
  114. }
  115. const selectedCards = this._selectedCards.get();
  116. cardIds.forEach(cardId => {
  117. const indexOfCard = selectedCards.indexOf(cardId);
  118. if (options.remove && indexOfCard > -1)
  119. selectedCards.splice(indexOfCard, 1);
  120. else if (options.add) selectedCards.push(cardId);
  121. });
  122. this._selectedCards.set(selectedCards);
  123. },
  124. isSelected(cardId) {
  125. return this._selectedCards.get().indexOf(cardId) > -1;
  126. },
  127. };
  128. Blaze.registerHelper('MultiSelection', MultiSelection);
  129. EscapeActions.register(
  130. 'multiselection',
  131. () => {
  132. MultiSelection.disable();
  133. },
  134. () => {
  135. return MultiSelection.isActive();
  136. },
  137. {
  138. noClickEscapeOn: '.js-minicard,.js-board-sidebar-content',
  139. },
  140. );