globalSearch.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  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.totalHits = new ReactiveVar(0);
  41. this.queryErrors = new ReactiveVar(null);
  42. Meteor.subscribe('setting');
  43. },
  44. results() {
  45. if (this.queryParams) {
  46. const results = Cards.globalSearch(this.queryParams);
  47. // eslint-disable-next-line no-console
  48. console.log('count:', results.count);
  49. // console.log('errors:', results.errors);
  50. this.totalHits.set(Meteor.user().sessionData.totalHits);
  51. this.resultsCount.set(results.cards.count());
  52. this.queryErrors.set(results.errors);
  53. return results.cards;
  54. }
  55. this.resultsCount.set(0);
  56. return [];
  57. },
  58. errorMessages() {
  59. const errors = this.queryErrors.get();
  60. const messages = [];
  61. errors.notFound.boards.forEach(board => {
  62. messages.push({ tag: 'board-title-not-found', value: board });
  63. });
  64. errors.notFound.swimlanes.forEach(swim => {
  65. messages.push({ tag: 'swimlane-title-not-found', value: swim });
  66. });
  67. errors.notFound.lists.forEach(list => {
  68. messages.push({ tag: 'list-title-not-found', value: list });
  69. });
  70. errors.notFound.users.forEach(user => {
  71. messages.push({ tag: 'user-username-not-found', value: user });
  72. });
  73. return messages;
  74. },
  75. events() {
  76. return [
  77. {
  78. 'submit .js-search-query-form'(evt) {
  79. evt.preventDefault();
  80. this.query.set(evt.target.searchQuery.value);
  81. this.queryErrors.set(null);
  82. if (!this.query.get()) {
  83. this.searching.set(false);
  84. this.hasResults.set(false);
  85. return;
  86. }
  87. this.searching.set(true);
  88. this.hasResults.set(false);
  89. let query = this.query.get();
  90. // eslint-disable-next-line no-console
  91. // console.log('query:', query);
  92. const reUser = /^@(?<user>[\w.:]+)(\s+|$)/;
  93. const reLabel = /^#(?<label>[\w:-]+)(\s+|$)/;
  94. const reOperator1 = /^(?<operator>\w+):(?<value>\w+)(\s+|$)/;
  95. const reOperator2 = /^(?<operator>\w+):(?<quote>["']*)(?<value>.*?)\k<quote>(\s+|$)/;
  96. const reText = /^(?<text>\S+)(\s+|$)/;
  97. const reQuotedText = /^(?<quote>["'])(?<text>\w+)\k<quote>(\s+|$)/;
  98. const operatorMap = {};
  99. operatorMap[TAPi18n.__('operator-board')] = 'boards';
  100. operatorMap[TAPi18n.__('operator-board-abbrev')] = 'boards';
  101. operatorMap[TAPi18n.__('operator-swimlane')] = 'swimlanes';
  102. operatorMap[TAPi18n.__('operator-swimlane-abbrev')] = 'swimlanes';
  103. operatorMap[TAPi18n.__('operator-list')] = 'lists';
  104. operatorMap[TAPi18n.__('operator-list-abbrev')] = 'lists';
  105. operatorMap[TAPi18n.__('operator-label')] = 'labels';
  106. operatorMap[TAPi18n.__('operator-label-abbrev')] = 'labels';
  107. operatorMap[TAPi18n.__('operator-user')] = 'users';
  108. operatorMap[TAPi18n.__('operator-user-abbrev')] = 'users';
  109. operatorMap[TAPi18n.__('operator-is')] = 'is';
  110. const params = {
  111. boards: [],
  112. swimlanes: [],
  113. lists: [],
  114. users: [],
  115. labels: [],
  116. is: [],
  117. };
  118. let text = '';
  119. while (query) {
  120. // eslint-disable-next-line no-console
  121. // console.log('query:', query);
  122. let m = query.match(reUser);
  123. if (m) {
  124. query = query.replace(reUser, '');
  125. params.users.push(m.groups.user);
  126. continue;
  127. }
  128. m = query.match(reLabel);
  129. if (m) {
  130. query = query.replace(reLabel, '');
  131. params.labels.push(m.groups.label);
  132. continue;
  133. }
  134. m = query.match(reOperator1);
  135. if (!m) {
  136. m = query.match(reOperator2);
  137. if (m) {
  138. query = query.replace(reOperator2, '');
  139. }
  140. } else {
  141. query = query.replace(reOperator1, '');
  142. }
  143. if (m) {
  144. const op = m.groups.operator.toLowerCase();
  145. if (op in operatorMap) {
  146. params[operatorMap[op]].push(m.groups.value);
  147. }
  148. continue;
  149. }
  150. m = query.match(reQuotedText);
  151. if (!m) {
  152. m = query.match(reText);
  153. if (m) {
  154. query = query.replace(reText, '');
  155. }
  156. } else {
  157. query = query.replace(reQuotedText, '');
  158. }
  159. if (m) {
  160. text += (text ? ' ' : '') + m.groups.text;
  161. }
  162. }
  163. // eslint-disable-next-line no-console
  164. // console.log('selector:', selector);
  165. // eslint-disable-next-line no-console
  166. // console.log('text:', text);
  167. params.text = text;
  168. // eslint-disable-next-line no-console
  169. // console.log('selector:', selector);
  170. this.queryParams = params;
  171. this.autorun(() => {
  172. const handle = subManager.subscribe('globalSearch', params);
  173. Tracker.nonreactive(() => {
  174. Tracker.autorun(() => {
  175. // eslint-disable-next-line no-console
  176. // console.log('ready:', handle.ready());
  177. if (handle.ready()) {
  178. this.searching.set(false);
  179. this.hasResults.set(true);
  180. }
  181. });
  182. });
  183. });
  184. },
  185. },
  186. ];
  187. },
  188. }).register('globalSearch');