multiSelection.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. var getCardsBetween = function(idA, idB) {
  2. var pluckId = function(doc) {
  3. return doc._id;
  4. };
  5. var getListsStrictlyBetween = function(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. var cards = _.sortBy([Cards.findOne(idA), Cards.findOne(idB)], function(c) {
  15. return c.sort;
  16. });
  17. var 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: function() {
  51. this._selectedCards.set([]);
  52. },
  53. getMongoSelector: function() {
  54. return Filter.mongoSelector({
  55. _id: { $in: this._selectedCards.get() }
  56. });
  57. },
  58. isActive: function() {
  59. return this._isActive.get();
  60. },
  61. isEmpty: function() {
  62. return this._selectedCards.get().length === 0;
  63. },
  64. activate: function() {
  65. if (! this.isActive()) {
  66. EscapeActions.executeUpTo('detailsPane');
  67. this._isActive.set(true);
  68. Sidebar.setView(this.sidebarView);
  69. Tracker.flush();
  70. }
  71. },
  72. disable: function() {
  73. if (this.isActive()) {
  74. this._isActive.set(false);
  75. if (Sidebar && Sidebar.getView() === this.sidebarView) {
  76. Sidebar.setView();
  77. }
  78. this.reset();
  79. }
  80. },
  81. add: function(cardIds) {
  82. return this.toogle(cardIds, { add: true, remove: false });
  83. },
  84. remove: function(cardIds) {
  85. return this.toogle(cardIds, { add: false, remove: true });
  86. },
  87. toogleRange: function(cardId) {
  88. var selectedCards = this._selectedCards.get();
  89. var startRange;
  90. this.reset();
  91. if (! this.isActive() || selectedCards.length === 0) {
  92. this.toogle(cardId);
  93. } else {
  94. startRange = selectedCards[selectedCards.length - 1];
  95. this.toogle(getCardsBetween(startRange, cardId));
  96. }
  97. },
  98. toogle: function(cardIds, options) {
  99. var self = this;
  100. cardIds = _.isString(cardIds) ? [cardIds] : cardIds;
  101. options = _.extend({
  102. add: true,
  103. remove: true
  104. }, options || {});
  105. if (! self.isActive()) {
  106. self.reset();
  107. self.activate();
  108. }
  109. var selectedCards = self._selectedCards.get();
  110. _.each(cardIds, function(cardId) {
  111. var indexOfCard = selectedCards.indexOf(cardId);
  112. if (options.remove && indexOfCard > -1)
  113. selectedCards.splice(indexOfCard, 1);
  114. else if (options.add)
  115. selectedCards.push(cardId);
  116. });
  117. self._selectedCards.set(selectedCards);
  118. },
  119. isSelected: function(cardId) {
  120. return this._selectedCards.get().indexOf(cardId) > -1;
  121. }
  122. };
  123. Blaze.registerHelper('MultiSelection', MultiSelection);
  124. EscapeActions.register('multiselection',
  125. function() { MultiSelection.disable(); },
  126. function() { return MultiSelection.isActive(); }
  127. );