const subManager = new SubsManager(); BlazeComponent.extendComponent({ events() { return [ { 'click .js-due-cards-view-change': Popup.open('globalSearchViewChange'), }, ]; }, }).register('globalSearchHeaderBar'); Template.globalSearch.helpers({ userId() { return Meteor.userId(); }, }); BlazeComponent.extendComponent({ events() { return [ { 'click .js-due-cards-view-me'() { Utils.setDueCardsView('me'); Popup.close(); }, 'click .js-due-cards-view-all'() { Utils.setDueCardsView('all'); Popup.close(); }, }, ]; }, }).register('globalSearchViewChangePopup'); BlazeComponent.extendComponent({ onCreated() { this.searching = new ReactiveVar(false); this.hasResults = new ReactiveVar(false); this.hasQueryErrors = new ReactiveVar(false); this.query = new ReactiveVar(''); this.resultsHeading = new ReactiveVar(''); this.searchLink = new ReactiveVar(null); this.myLists = new ReactiveVar([]); this.myLabelNames = new ReactiveVar([]); this.myBoardNames = new ReactiveVar([]); this.results = new ReactiveVar([]); this.hasNextPage = new ReactiveVar(false); this.hasPreviousPage = new ReactiveVar(false); this.queryParams = null; this.parsingErrors = []; this.resultsCount = 0; this.totalHits = 0; this.queryErrors = null; this.colorMap = null; this.resultsPerPage = 25; Meteor.call('myLists', (err, data) => { if (!err) { this.myLists.set(data); } }); Meteor.call('myLabelNames', (err, data) => { if (!err) { this.myLabelNames.set(data); } }); Meteor.call('myBoardNames', (err, data) => { if (!err) { this.myBoardNames.set(data); } }); }, onRendered() { Meteor.subscribe('setting'); this.colorMap = {}; for (const color of Boards.simpleSchema()._schema['labels.$.color'] .allowedValues) { this.colorMap[TAPi18n.__(`color-${color}`)] = color; } // // eslint-disable-next-line no-console // console.log('colorMap:', this.colorMap); if (Session.get('globalQuery')) { this.searchAllBoards(Session.get('globalQuery')); } }, resetSearch() { this.searching.set(false); this.results.set([]); this.hasResults.set(false); this.hasQueryErrors.set(false); this.resultsHeading.set(''); this.parsingErrors = []; this.resultsCount = 0; this.totalHits = 0; this.queryErrors = null; }, getSessionData() { return SessionData.findOne({ userId: Meteor.userId(), sessionId: SessionData.getSessionId(), }); }, getResults() { // eslint-disable-next-line no-console // console.log('getting results'); if (this.queryParams) { const sessionData = this.getSessionData(); // eslint-disable-next-line no-console console.log('selector:', sessionData.getSelector()); // console.log('session data:', sessionData); const cards = Cards.find({ _id: { $in: sessionData.cards } }); this.queryErrors = sessionData.errors; if (this.queryErrors.length) { this.hasQueryErrors.set(true); return null; } if (cards) { this.totalHits = sessionData.totalHits; this.resultsCount = cards.count(); this.resultsStart = sessionData.lastHit - this.resultsCount + 1; this.resultsEnd = sessionData.lastHit; this.resultsHeading.set(this.getResultsHeading()); this.results.set(cards); this.hasNextPage.set(sessionData.lastHit < sessionData.totalHits); this.hasPreviousPage.set( sessionData.lastHit - sessionData.resultsCount > 0, ); } } this.resultsCount = 0; return null; }, errorMessages() { if (this.parsingErrors.length) { return this.parsingErrorMessages(); } return this.queryErrorMessages(); }, parsingErrorMessages() { const messages = []; if (this.parsingErrors.length) { this.parsingErrors.forEach(err => { messages.push(TAPi18n.__(err.tag, err.value)); }); } return messages; }, queryErrorMessages() { messages = []; this.queryErrors.forEach(err => { let value = err.color ? TAPi18n.__(`color-${err.value}`) : err.value; if (!value) { value = err.value; } messages.push(TAPi18n.__(err.tag, value)); }); return messages; }, searchAllBoards(query) { query = query.trim(); // eslint-disable-next-line no-console console.log('query:', query); this.query.set(query); this.resetSearch(); if (!query) { return; } this.searching.set(true); const reOperator1 = /^((?[\p{Letter}\p{Mark}]+):|(?[#@]))(?[\p{Letter}\p{Mark}]+)(\s+|$)/iu; const reOperator2 = /^((?[\p{Letter}\p{Mark}]+):|(?[#@]))(?["']*)(?.*?)\k(\s+|$)/iu; const reText = /^(?\S+)(\s+|$)/u; const reQuotedText = /^(?["'])(?[\w\p{L}]+)\k(\s+|$)/u; const operators = { 'operator-board': 'boards', 'operator-board-abbrev': 'boards', 'operator-swimlane': 'swimlanes', 'operator-swimlane-abbrev': 'swimlanes', 'operator-list': 'lists', 'operator-list-abbrev': 'lists', 'operator-label': 'labels', 'operator-label-abbrev': 'labels', 'operator-user': 'users', 'operator-user-abbrev': 'users', 'operator-member': 'members', 'operator-member-abbrev': 'members', 'operator-assignee': 'assignees', 'operator-assignee-abbrev': 'assignees', 'operator-status': 'status', 'operator-due': 'dueAt', 'operator-created': 'createdAt', 'operator-modified': 'modifiedAt', 'operator-comment': 'comments', }; const predicates = { due: { 'predicate-overdue': 'overdue', }, durations: { 'predicate-week': 'week', 'predicate-month': 'month', 'predicate-quarter': 'quarter', 'predicate-year': 'year', }, status: { 'predicate-archived': 'archived', 'predicate-all': 'all', 'predicate-ended': 'ended', }, sorts: { 'predicate-due': 'dueAt', 'predicate-created': 'createdAt', 'predicate-modified': 'modifiedAt', }, }; const predicateTranslations = {}; Object.entries(predicates).forEach(([category, catPreds]) => { predicateTranslations[category] = {}; Object.entries(catPreds).forEach(([tag, value]) => { predicateTranslations[category][TAPi18n.__(tag)] = value; }); }); // eslint-disable-next-line no-console // console.log('predicateTranslations:', predicateTranslations); const operatorMap = {}; Object.entries(operators).forEach(([key, value]) => { operatorMap[TAPi18n.__(key).toLowerCase()] = value; }); // eslint-disable-next-line no-console // console.log('operatorMap:', operatorMap); const params = { limit: this.resultsPerPage, boards: [], swimlanes: [], lists: [], users: [], members: [], assignees: [], labels: [], status: [], dueAt: null, createdAt: null, modifiedAt: null, comments: [], }; let text = ''; while (query) { m = query.match(reOperator1); if (!m) { m = query.match(reOperator2); if (m) { query = query.replace(reOperator2, ''); } } else { query = query.replace(reOperator1, ''); } if (m) { let op; if (m.groups.operator) { op = m.groups.operator.toLowerCase(); } else { op = m.groups.abbrev; } if (operatorMap.hasOwnProperty(op)) { let value = m.groups.value; if (operatorMap[op] === 'labels') { if (value in this.colorMap) { value = this.colorMap[value]; } } else if ( ['dueAt', 'createdAt', 'modifiedAt'].includes(operatorMap[op]) ) { let days = parseInt(value, 10); let duration = null; if (isNaN(days)) { if (predicateTranslations.durations[value]) { duration = predicateTranslations.durations[value]; value = moment(); } else if (predicateTranslations.due[value] === 'overdue') { value = moment(); duration = 'days'; days = 0; } else { this.parsingErrors.push({ tag: 'operator-number-expected', value: { operator: op, value }, }); value = null; } } else { value = moment(); } if (value) { if (operatorMap[op] === 'dueAt') { value = value.add(days, duration ? duration : 'days').format(); } else { value = value .subtract(days, duration ? duration : 'days') .format(); } } } else if (operatorMap[op] === 'sort') { if (!predicateTranslations.sorts[value]) { this.parsingErrors.push({ tag: 'operator-sort-invalid', value, }); } else { value = predicateTranslations.sorts[value]; } } else if (operatorMap[op] === 'status') { if (!predicateTranslations.status[value]) { this.parsingErrors.push({ tag: 'operator-status-invalid', value, }); } else { value = predicateTranslations.status[value]; } } if (Array.isArray(params[operatorMap[op]])) { params[operatorMap[op]].push(value); } else { params[operatorMap[op]] = value; } } else { this.parsingErrors.push({ tag: 'operator-unknown-error', value: op, }); } continue; } m = query.match(reQuotedText); if (!m) { m = query.match(reText); if (m) { query = query.replace(reText, ''); } } else { query = query.replace(reQuotedText, ''); } if (m) { text += (text ? ' ' : '') + m.groups.text; } } // eslint-disable-next-line no-console // console.log('text:', text); params.text = text; // eslint-disable-next-line no-console // console.log('params:', params); this.queryParams = params; if (this.parsingErrors.length) { this.searching.set(false); this.queryErrors = this.parsingErrorMessages(); this.hasResults.set(true); this.hasQueryErrors.set(true); return; } this.autorun(() => { const handle = Meteor.subscribe( 'globalSearch', SessionData.getSessionId(), params, ); Tracker.nonreactive(() => { Tracker.autorun(() => { if (handle.ready()) { this.getResults(); this.searching.set(false); this.hasResults.set(true); } }); }); }); }, nextPage() { sessionData = this.getSessionData(); const params = { limit: this.resultsPerPage, selector: sessionData.getSelector(), skip: sessionData.lastHit, }; this.autorun(() => { const handle = Meteor.subscribe( 'globalSearch', SessionData.getSessionId(), params, ); Tracker.nonreactive(() => { Tracker.autorun(() => { if (handle.ready()) { this.getResults(); this.searching.set(false); this.hasResults.set(true); } }); }); }); }, previousPage() { sessionData = this.getSessionData(); const params = { limit: this.resultsPerPage, selector: sessionData.getSelector(), skip: sessionData.lastHit - sessionData.resultsCount - this.resultsPerPage, }; this.autorun(() => { const handle = Meteor.subscribe( 'globalSearch', SessionData.getSessionId(), params, ); Tracker.nonreactive(() => { Tracker.autorun(() => { if (handle.ready()) { this.getResults(); this.searching.set(false); this.hasResults.set(true); } }); }); }); }, getResultsHeading() { if (this.resultsCount === 0) { return TAPi18n.__('no-cards-found'); } else if (this.resultsCount === 1) { return TAPi18n.__('one-card-found'); } else if (this.resultsCount === this.totalHits) { return TAPi18n.__('n-cards-found', this.resultsCount); } return TAPi18n.__('n-n-of-n-cards-found', { start: this.resultsStart, end: this.resultsEnd, total: this.totalHits, }); }, getSearchHref() { const baseUrl = window.location.href.replace(/([?#].*$|\s*$)/, ''); return `${baseUrl}?q=${encodeURIComponent(this.query.get())}`; }, searchInstructions() { tags = { operator_board: TAPi18n.__('operator-board'), operator_list: TAPi18n.__('operator-list'), operator_swimlane: TAPi18n.__('operator-swimlane'), operator_comment: TAPi18n.__('operator-comment'), operator_label: TAPi18n.__('operator-label'), operator_label_abbrev: TAPi18n.__('operator-label-abbrev'), operator_user: TAPi18n.__('operator-user'), operator_user_abbrev: TAPi18n.__('operator-user-abbrev'), operator_member: TAPi18n.__('operator-member'), operator_member_abbrev: TAPi18n.__('operator-member-abbrev'), operator_assignee: TAPi18n.__('operator-assignee'), operator_assignee_abbrev: TAPi18n.__('operator-assignee-abbrev'), operator_due: TAPi18n.__('operator-due'), operator_created: TAPi18n.__('operator-created'), operator_modified: TAPi18n.__('operator-modified'), operator_status: TAPi18n.__('operator-status'), predicate_overdue: TAPi18n.__('predicate-overdue'), predicate_archived: TAPi18n.__('predicate-archived'), predicate_all: TAPi18n.__('predicate-all'), predicate_ended: TAPi18n.__('predicate-ended'), predicate_week: TAPi18n.__('predicate-week'), predicate_month: TAPi18n.__('predicate-month'), predicate_quarter: TAPi18n.__('predicate-quarter'), predicate_year: TAPi18n.__('predicate-year'), }; text = `# ${TAPi18n.__('globalSearch-instructions-heading')}`; text += `\n${TAPi18n.__('globalSearch-instructions-description', tags)}`; text += `\n${TAPi18n.__('globalSearch-instructions-operators', tags)}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-board', tags, )}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-list', tags, )}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-swimlane', tags, )}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-comment', tags, )}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-label', tags, )}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-hash', tags, )}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-user', tags, )}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-operator-at', tags)}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-member', tags, )}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-assignee', tags, )}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-operator-due', tags)}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-created', tags, )}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-operator-modified', tags, )}`; text += `\n* ${TAPi18n.__( 'globalSearch-instructions-status-archived', tags, )}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-status-all', tags)}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-status-ended', tags)}`; text += `\n## ${TAPi18n.__('heading-notes')}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-1', tags)}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-2', tags)}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-3', tags)}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-3-2', tags)}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-4', tags)}`; text += `\n* ${TAPi18n.__('globalSearch-instructions-notes-5', tags)}`; return text; }, labelColors() { return Boards.simpleSchema()._schema['labels.$.color'].allowedValues.map( color => { return { color, name: TAPi18n.__(`color-${color}`) }; }, ); }, events() { return [ { 'submit .js-search-query-form'(evt) { evt.preventDefault(); this.searchAllBoards(evt.target.searchQuery.value); }, 'click .js-next-page'(evt) { evt.preventDefault(); this.nextPage(); }, 'click .js-previous-page'(evt) { evt.preventDefault(); this.previousPage(); }, 'click .js-label-color'(evt) { evt.preventDefault(); const input = document.getElementById('global-search-input'); this.query.set( `${input.value} ${TAPi18n.__('operator-label')}:"${ evt.currentTarget.textContent }"`, ); document.getElementById('global-search-input').focus(); }, 'click .js-board-title'(evt) { evt.preventDefault(); const input = document.getElementById('global-search-input'); this.query.set( `${input.value} ${TAPi18n.__('operator-board')}:"${ evt.currentTarget.textContent }"`, ); document.getElementById('global-search-input').focus(); }, 'click .js-list-title'(evt) { evt.preventDefault(); const input = document.getElementById('global-search-input'); this.query.set( `${input.value} ${TAPi18n.__('operator-list')}:"${ evt.currentTarget.textContent }"`, ); document.getElementById('global-search-input').focus(); }, 'click .js-label-name'(evt) { evt.preventDefault(); const input = document.getElementById('global-search-input'); this.query.set( `${input.value} ${TAPi18n.__('operator-label')}:"${ evt.currentTarget.textContent }"`, ); document.getElementById('global-search-input').focus(); }, }, ]; }, }).register('globalSearch');