globalSearch.js 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. const subManager = new SubsManager();
  2. BlazeComponent.extendComponent({
  3. events() {
  4. return [
  5. {
  6. 'click .js-due-cards-view-change': Popup.open('globalSearchViewChange'),
  7. },
  8. ];
  9. },
  10. }).register('globalSearchHeaderBar');
  11. Template.globalSearch.helpers({
  12. userId() {
  13. return Meteor.userId();
  14. },
  15. });
  16. BlazeComponent.extendComponent({
  17. events() {
  18. return [
  19. {
  20. 'click .js-due-cards-view-me'() {
  21. Utils.setDueCardsView('me');
  22. Popup.close();
  23. },
  24. 'click .js-due-cards-view-all'() {
  25. Utils.setDueCardsView('all');
  26. Popup.close();
  27. },
  28. },
  29. ];
  30. },
  31. }).register('globalSearchViewChangePopup');
  32. BlazeComponent.extendComponent({
  33. onCreated() {
  34. this.isPageReady = new ReactiveVar(true);
  35. this.searching = new ReactiveVar(false);
  36. this.hasResults = new ReactiveVar(false);
  37. this.query = new ReactiveVar('');
  38. this.queryParams = null;
  39. this.resultsCount = new ReactiveVar(0);
  40. this.queryErrors = new ReactiveVar(null);
  41. Meteor.subscribe('setting');
  42. },
  43. results() {
  44. if (this.queryParams) {
  45. const results = Cards.globalSearch(this.queryParams);
  46. // eslint-disable-next-line no-console
  47. // console.log('errors:', results.errors);
  48. this.resultsCount.set(results.cards.count());
  49. this.queryErrors.set(results.errors);
  50. return results.cards;
  51. }
  52. this.resultsCount.set(0);
  53. return [];
  54. },
  55. errorMessages() {
  56. const errors = this.queryErrors.get();
  57. const messages = [];
  58. errors.notFound.boards.forEach(board => {
  59. messages.push({ tag: 'board-title-not-found', value: board });
  60. });
  61. errors.notFound.swimlanes.forEach(swim => {
  62. messages.push({ tag: 'swimlane-title-not-found', value: swim });
  63. });
  64. errors.notFound.lists.forEach(list => {
  65. messages.push({ tag: 'list-title-not-found', value: list });
  66. });
  67. errors.notFound.users.forEach(user => {
  68. messages.push({ tag: 'user-username-not-found', value: user });
  69. });
  70. return messages;
  71. },
  72. events() {
  73. return [
  74. {
  75. 'submit .js-search-query-form'(evt) {
  76. evt.preventDefault();
  77. this.query.set(evt.target.searchQuery.value);
  78. this.queryErrors.set(null);
  79. if (!this.query.get()) {
  80. this.searching.set(false);
  81. this.hasResults.set(false);
  82. return;
  83. }
  84. this.searching.set(true);
  85. this.hasResults.set(false);
  86. let query = this.query.get();
  87. // eslint-disable-next-line no-console
  88. // console.log('query:', query);
  89. const reUser = /^@(?<user>[\w.:]+)(\s+|$)/;
  90. const reLabel = /^#(?<label>[\w:-]+)(\s+|$)/;
  91. const reOperator1 = /^(?<operator>\w+):(?<value>\w+)(\s+|$)/;
  92. const reOperator2 = /^(?<operator>\w+):(?<quote>["']*)(?<value>.*?)\k<quote>(\s+|$)/;
  93. const reText = /^(?<text>\S+)(\s+|$)/;
  94. const reQuotedText = /^(?<quote>["'])(?<text>\w+)\k<quote>(\s+|$)/;
  95. const operatorMap = {};
  96. operatorMap[TAPi18n.__('operator-board')] = 'boards';
  97. operatorMap[TAPi18n.__('operator-board-abbrev')] = 'boards';
  98. operatorMap[TAPi18n.__('operator-swimlane')] = 'swimlanes';
  99. operatorMap[TAPi18n.__('operator-swimlane-abbrev')] = 'swimlanes';
  100. operatorMap[TAPi18n.__('operator-list')] = 'lists';
  101. operatorMap[TAPi18n.__('operator-list-abbrev')] = 'lists';
  102. operatorMap[TAPi18n.__('operator-label')] = 'labels';
  103. operatorMap[TAPi18n.__('operator-label-abbrev')] = 'labels';
  104. operatorMap[TAPi18n.__('operator-user')] = 'users';
  105. operatorMap[TAPi18n.__('operator-user-abbrev')] = 'users';
  106. operatorMap[TAPi18n.__('operator-is')] = 'is';
  107. const params = {
  108. boards: [],
  109. swimlanes: [],
  110. lists: [],
  111. users: [],
  112. labels: [],
  113. is: [],
  114. };
  115. let text = '';
  116. while (query) {
  117. // eslint-disable-next-line no-console
  118. // console.log('query:', query);
  119. let m = query.match(reUser);
  120. if (m) {
  121. query = query.replace(reUser, '');
  122. params.users.push(m.groups.user);
  123. continue;
  124. }
  125. m = query.match(reLabel);
  126. if (m) {
  127. query = query.replace(reLabel, '');
  128. params.labels.push(m.groups.label);
  129. continue;
  130. }
  131. m = query.match(reOperator1);
  132. if (!m) {
  133. m = query.match(reOperator2);
  134. if (m) {
  135. query = query.replace(reOperator2, '');
  136. }
  137. } else {
  138. query = query.replace(reOperator1, '');
  139. }
  140. if (m) {
  141. const op = m.groups.operator.toLowerCase();
  142. if (op in operatorMap) {
  143. params[operatorMap[op]].push(m.groups.value);
  144. }
  145. continue;
  146. }
  147. m = query.match(reQuotedText);
  148. if (!m) {
  149. m = query.match(reText);
  150. if (m) {
  151. query = query.replace(reText, '');
  152. }
  153. } else {
  154. query = query.replace(reQuotedText, '');
  155. }
  156. if (m) {
  157. text += (text ? ' ' : '') + m.groups.text;
  158. }
  159. }
  160. // eslint-disable-next-line no-console
  161. // console.log('selector:', selector);
  162. // eslint-disable-next-line no-console
  163. // console.log('text:', text);
  164. params.text = text;
  165. // eslint-disable-next-line no-console
  166. // console.log('selector:', selector);
  167. this.queryParams = params;
  168. this.autorun(() => {
  169. const handle = subManager.subscribe('globalSearch', params);
  170. Tracker.nonreactive(() => {
  171. Tracker.autorun(() => {
  172. // eslint-disable-next-line no-console
  173. // console.log('ready:', handle.ready());
  174. if (handle.ready()) {
  175. this.searching.set(false);
  176. this.hasResults.set(true);
  177. }
  178. });
  179. });
  180. });
  181. },
  182. },
  183. ];
  184. },
  185. }).register('globalSearch');