globalSearch.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467
  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.searching = new ReactiveVar(false);
  35. this.hasResults = new ReactiveVar(false);
  36. this.hasQueryErrors = new ReactiveVar(false);
  37. this.query = new ReactiveVar('');
  38. this.resultsHeading = new ReactiveVar('');
  39. this.searchLink = new ReactiveVar(null);
  40. this.myLists = new ReactiveVar([]);
  41. this.myLabelNames = new ReactiveVar([]);
  42. this.myBoardNames = new ReactiveVar([]);
  43. this.queryParams = null;
  44. this.parsingErrors = [];
  45. this.resultsCount = 0;
  46. this.totalHits = 0;
  47. this.queryErrors = null;
  48. this.colorMap = null;
  49. // this.colorMap = {};
  50. // for (const color of Boards.simpleSchema()._schema['labels.$.color']
  51. // .allowedValues) {
  52. // this.colorMap[TAPi18n.__(`color-${color}`)] = color;
  53. // }
  54. // // eslint-disable-next-line no-console
  55. // console.log('colorMap:', this.colorMap);
  56. Meteor.call('myLists', (err, data) => {
  57. if (!err) {
  58. this.myLists.set(data);
  59. }
  60. });
  61. Meteor.call('myLabelNames', (err, data) => {
  62. if (!err) {
  63. this.myLabelNames.set(data);
  64. }
  65. });
  66. Meteor.call('myBoardNames', (err, data) => {
  67. if (!err) {
  68. this.myBoardNames.set(data);
  69. }
  70. });
  71. Meteor.subscribe('setting');
  72. if (Session.get('globalQuery')) {
  73. this.searchAllBoards(Session.get('globalQuery'));
  74. }
  75. },
  76. resetSearch() {
  77. this.searching.set(false);
  78. this.hasResults.set(false);
  79. this.hasQueryErrors.set(false);
  80. this.resultsHeading.set('');
  81. this.parsingErrors = [];
  82. this.resultsCount = 0;
  83. this.totalHits = 0;
  84. this.queryErrors = null;
  85. },
  86. results() {
  87. // eslint-disable-next-line no-console
  88. // console.log('getting results');
  89. if (this.queryParams) {
  90. const results = Cards.globalSearch(this.queryParams);
  91. this.queryErrors = results.errors;
  92. // eslint-disable-next-line no-console
  93. // console.log('errors:', this.queryErrors);
  94. if (this.errorMessages().length) {
  95. this.hasQueryErrors.set(true);
  96. return null;
  97. }
  98. if (results.cards) {
  99. const sessionData = SessionData.findOne({ userId: Meteor.userId() });
  100. this.totalHits = sessionData.totalHits;
  101. this.resultsCount = results.cards.count();
  102. this.resultsHeading.set(this.getResultsHeading());
  103. return results.cards;
  104. }
  105. }
  106. this.resultsCount = 0;
  107. return [];
  108. },
  109. errorMessages() {
  110. const messages = [];
  111. if (this.queryErrors) {
  112. this.queryErrors.notFound.boards.forEach(board => {
  113. messages.push({ tag: 'board-title-not-found', value: board });
  114. });
  115. this.queryErrors.notFound.swimlanes.forEach(swim => {
  116. messages.push({ tag: 'swimlane-title-not-found', value: swim });
  117. });
  118. this.queryErrors.notFound.lists.forEach(list => {
  119. messages.push({ tag: 'list-title-not-found', value: list });
  120. });
  121. this.queryErrors.notFound.labels.forEach(label => {
  122. const color = Object.entries(this.colorMap)
  123. .filter(value => value[1] === label)
  124. .map(value => value[0]);
  125. if (color.length) {
  126. messages.push({
  127. tag: 'label-color-not-found',
  128. value: color[0],
  129. });
  130. } else {
  131. messages.push({ tag: 'label-not-found', value: label });
  132. }
  133. });
  134. this.queryErrors.notFound.users.forEach(user => {
  135. messages.push({ tag: 'user-username-not-found', value: user });
  136. });
  137. this.queryErrors.notFound.members.forEach(user => {
  138. messages.push({ tag: 'user-username-not-found', value: user });
  139. });
  140. this.queryErrors.notFound.assignees.forEach(user => {
  141. messages.push({ tag: 'user-username-not-found', value: user });
  142. });
  143. }
  144. if (this.parsingErrors.length) {
  145. this.parsingErrors.forEach(err => {
  146. messages.push(err);
  147. });
  148. }
  149. return messages;
  150. },
  151. searchAllBoards(query) {
  152. query = query.trim();
  153. this.query.set(query);
  154. this.resetSearch();
  155. if (!query) {
  156. return;
  157. }
  158. // eslint-disable-next-line no-console
  159. // console.log('query:', query);
  160. this.searching.set(true);
  161. if (!this.colorMap) {
  162. this.colorMap = {};
  163. for (const color of Boards.simpleSchema()._schema['labels.$.color']
  164. .allowedValues) {
  165. this.colorMap[TAPi18n.__(`color-${color}`)] = color;
  166. }
  167. }
  168. const reOperator1 = /^((?<operator>\w+):|(?<abbrev>[#@]))(?<value>\w+)(\s+|$)/;
  169. const reOperator2 = /^((?<operator>\w+):|(?<abbrev>[#@]))(?<quote>["']*)(?<value>.*?)\k<quote>(\s+|$)/;
  170. const reText = /^(?<text>\S+)(\s+|$)/;
  171. const reQuotedText = /^(?<quote>["'])(?<text>\w+)\k<quote>(\s+|$)/;
  172. const operatorMap = {};
  173. operatorMap[TAPi18n.__('operator-board')] = 'boards';
  174. operatorMap[TAPi18n.__('operator-board-abbrev')] = 'boards';
  175. operatorMap[TAPi18n.__('operator-swimlane')] = 'swimlanes';
  176. operatorMap[TAPi18n.__('operator-swimlane-abbrev')] = 'swimlanes';
  177. operatorMap[TAPi18n.__('operator-list')] = 'lists';
  178. operatorMap[TAPi18n.__('operator-list-abbrev')] = 'lists';
  179. operatorMap[TAPi18n.__('operator-label')] = 'labels';
  180. operatorMap[TAPi18n.__('operator-label-abbrev')] = 'labels';
  181. operatorMap[TAPi18n.__('operator-user')] = 'users';
  182. operatorMap[TAPi18n.__('operator-user-abbrev')] = 'users';
  183. operatorMap[TAPi18n.__('operator-member')] = 'members';
  184. operatorMap[TAPi18n.__('operator-member-abbrev')] = 'members';
  185. operatorMap[TAPi18n.__('operator-assignee')] = 'assignees';
  186. operatorMap[TAPi18n.__('operator-assignee-abbrev')] = 'assignees';
  187. operatorMap[TAPi18n.__('operator-is')] = 'is';
  188. operatorMap[TAPi18n.__('operator-due')] = 'dueAt';
  189. operatorMap[TAPi18n.__('operator-created')] = 'createdAt';
  190. operatorMap[TAPi18n.__('operator-modified')] = 'modifiedAt';
  191. // eslint-disable-next-line no-console
  192. console.log('operatorMap:', operatorMap);
  193. const params = {
  194. boards: [],
  195. swimlanes: [],
  196. lists: [],
  197. users: [],
  198. members: [],
  199. assignees: [],
  200. labels: [],
  201. is: [],
  202. dueAt: null,
  203. createdAt: null,
  204. modifiedAt: null,
  205. };
  206. let text = '';
  207. while (query) {
  208. m = query.match(reOperator1);
  209. if (!m) {
  210. m = query.match(reOperator2);
  211. if (m) {
  212. query = query.replace(reOperator2, '');
  213. }
  214. } else {
  215. query = query.replace(reOperator1, '');
  216. }
  217. if (m) {
  218. let op;
  219. if (m.groups.operator) {
  220. op = m.groups.operator.toLowerCase();
  221. } else {
  222. op = m.groups.abbrev;
  223. }
  224. if (op in operatorMap) {
  225. let value = m.groups.value;
  226. if (operatorMap[op] === 'labels') {
  227. if (value in this.colorMap) {
  228. value = this.colorMap[value];
  229. }
  230. } else if (
  231. ['dueAt', 'createdAt', 'modifiedAt'].includes(operatorMap[op])
  232. ) {
  233. const days = parseInt(value, 10);
  234. if (isNaN(days)) {
  235. if (['day', 'week', 'month', 'quarter', 'year'].includes(value)) {
  236. value = moment()
  237. .subtract(1, value)
  238. .format();
  239. } else {
  240. this.parsingErrors.push({
  241. tag: 'operator-number-expected',
  242. value: { operator: op, value },
  243. });
  244. value = null;
  245. }
  246. } else {
  247. value = moment()
  248. .subtract(days, 'days')
  249. .format();
  250. }
  251. }
  252. if (Array.isArray(params[operatorMap[op]])) {
  253. params[operatorMap[op]].push(value);
  254. } else {
  255. params[operatorMap[op]] = value;
  256. }
  257. } else {
  258. this.parsingErrors.push({
  259. tag: 'operator-unknown-error',
  260. value: op,
  261. });
  262. }
  263. continue;
  264. }
  265. m = query.match(reQuotedText);
  266. if (!m) {
  267. m = query.match(reText);
  268. if (m) {
  269. query = query.replace(reText, '');
  270. }
  271. } else {
  272. query = query.replace(reQuotedText, '');
  273. }
  274. if (m) {
  275. text += (text ? ' ' : '') + m.groups.text;
  276. }
  277. }
  278. // eslint-disable-next-line no-console
  279. // console.log('text:', text);
  280. params.text = text;
  281. // eslint-disable-next-line no-console
  282. // console.log('params:', params);
  283. this.queryParams = params;
  284. this.autorun(() => {
  285. const handle = subManager.subscribe('globalSearch', params);
  286. Tracker.nonreactive(() => {
  287. Tracker.autorun(() => {
  288. // eslint-disable-next-line no-console
  289. // console.log('ready:', handle.ready());
  290. if (handle.ready()) {
  291. this.searching.set(false);
  292. this.hasResults.set(true);
  293. }
  294. });
  295. });
  296. });
  297. },
  298. getResultsHeading() {
  299. if (this.resultsCount === 0) {
  300. return TAPi18n.__('no-cards-found');
  301. } else if (this.resultsCount === 1) {
  302. return TAPi18n.__('one-card-found');
  303. } else if (this.resultsCount === this.totalHits) {
  304. return TAPi18n.__('n-cards-found', this.resultsCount);
  305. }
  306. return TAPi18n.__('n-n-of-n-cards-found', {
  307. start: 1,
  308. end: this.resultsCount,
  309. total: this.totalHits,
  310. });
  311. },
  312. getSearchHref() {
  313. const baseUrl = window.location.href.replace(/([?#].*$|\s*$)/, '');
  314. return `${baseUrl}?q=${encodeURIComponent(this.query.get())}`;
  315. },
  316. searchInstructions() {
  317. tags = {
  318. operator_board: TAPi18n.__('operator-board'),
  319. operator_list: TAPi18n.__('operator-list'),
  320. operator_swimlane: TAPi18n.__('operator-swimlane'),
  321. operator_label: TAPi18n.__('operator-label'),
  322. operator_label_abbrev: TAPi18n.__('operator-label-abbrev'),
  323. operator_user: TAPi18n.__('operator-user'),
  324. operator_user_abbrev: TAPi18n.__('operator-user-abbrev'),
  325. operator_member: TAPi18n.__('operator-member'),
  326. operator_member_abbrev: TAPi18n.__('operator-member-abbrev'),
  327. operator_assignee: TAPi18n.__('operator-assignee'),
  328. operator_assignee_abbrev: TAPi18n.__('operator-assignee-abbrev'),
  329. };
  330. text = `# ${TAPi18n.__('globalSearch-instructions-heading')}`;
  331. text += `\n${TAPi18n.__('globalSearch-instructions-description', tags)}`;
  332. text += `\n${TAPi18n.__('globalSearch-instructions-operators', tags)}`;
  333. text += `\n* ${TAPi18n.__(
  334. 'globalSearch-instructions-operator-board',
  335. tags,
  336. )}`;
  337. text += `\n* ${TAPi18n.__(
  338. 'globalSearch-instructions-operator-list',
  339. tags,
  340. )}`;
  341. text += `\n* ${TAPi18n.__(
  342. 'globalSearch-instructions-operator-swimlane',
  343. tags,
  344. )}`;
  345. text += `\n* ${TAPi18n.__(
  346. 'globalSearch-instructions-operator-label',
  347. tags,
  348. )}`;
  349. text += `\n* ${TAPi18n.__(
  350. 'globalSearch-instructions-operator-hash',
  351. tags,
  352. )}`;
  353. text += `\n* ${TAPi18n.__(
  354. 'globalSearch-instructions-operator-user',
  355. tags,
  356. )}`;
  357. text += `\n* ${TAPi18n.__('globalSearch-instructions-operator-at', tags)}`;
  358. text += `\n* ${TAPi18n.__(
  359. 'globalSearch-instructions-operator-member',
  360. tags,
  361. )}`;
  362. text += `\n* ${TAPi18n.__(
  363. 'globalSearch-instructions-operator-assignee',
  364. tags,
  365. )}`;
  366. text += `\n## ${TAPi18n.__('heading-notes')}`;
  367. text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-1', tags)}`;
  368. text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-2', tags)}`;
  369. text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-3', tags)}`;
  370. text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-4', tags)}`;
  371. text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-5', tags)}`;
  372. return text;
  373. },
  374. labelColors() {
  375. return Boards.simpleSchema()._schema['labels.$.color'].allowedValues.map(
  376. color => {
  377. return { color, name: TAPi18n.__(`color-${color}`) };
  378. },
  379. );
  380. },
  381. events() {
  382. return [
  383. {
  384. 'submit .js-search-query-form'(evt) {
  385. evt.preventDefault();
  386. this.searchAllBoards(evt.target.searchQuery.value);
  387. },
  388. 'click .js-label-color'(evt) {
  389. evt.preventDefault();
  390. this.query.set(
  391. `${this.query.get()} ${TAPi18n.__('operator-label')}:"${
  392. evt.currentTarget.textContent
  393. }"`,
  394. );
  395. document.getElementById('global-search-input').focus();
  396. },
  397. 'click .js-board-title'(evt) {
  398. evt.preventDefault();
  399. this.query.set(
  400. `${this.query.get()} ${TAPi18n.__('operator-board')}:"${
  401. evt.currentTarget.textContent
  402. }"`,
  403. );
  404. document.getElementById('global-search-input').focus();
  405. },
  406. 'click .js-list-title'(evt) {
  407. evt.preventDefault();
  408. this.query.set(
  409. `${this.query.get()} ${TAPi18n.__('operator-list')}:"${
  410. evt.currentTarget.textContent
  411. }"`,
  412. );
  413. document.getElementById('global-search-input').focus();
  414. },
  415. 'click .js-label-name'(evt) {
  416. evt.preventDefault();
  417. this.query.set(
  418. `${this.query.get()} ${TAPi18n.__('operator-label')}:"${
  419. evt.currentTarget.textContent
  420. }"`,
  421. );
  422. document.getElementById('global-search-input').focus();
  423. },
  424. },
  425. ];
  426. },
  427. }).register('globalSearch');