mirror of
https://github.com/wekan/wekan.git
synced 2025-09-22 01:50:48 +02:00
6a32424a08
* Add logic to search for archived or all cards * Add icons to board, swimlane and list titles to indicate if they are archived * Update search instructions
572 lines
17 KiB
JavaScript
572 lines
17 KiB
JavaScript
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.queryParams = null;
|
|
this.parsingErrors = [];
|
|
this.resultsCount = 0;
|
|
this.totalHits = 0;
|
|
this.queryErrors = null;
|
|
this.colorMap = null;
|
|
|
|
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;
|
|
},
|
|
|
|
getResults() {
|
|
// eslint-disable-next-line no-console
|
|
// console.log('getting results');
|
|
if (this.queryParams) {
|
|
const sessionData = SessionData.findOne({
|
|
userId: Meteor.userId(),
|
|
sessionId: SessionData.getSessionId(),
|
|
});
|
|
// eslint-disable-next-line no-console
|
|
// 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.resultsHeading.set(this.getResultsHeading());
|
|
this.results.set(cards);
|
|
}
|
|
}
|
|
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 = /^((?<operator>[\p{Letter}\p{Mark}]+):|(?<abbrev>[#@]))(?<value>[\p{Letter}\p{Mark}]+)(\s+|$)/iu;
|
|
const reOperator2 = /^((?<operator>[\p{Letter}\p{Mark}]+):|(?<abbrev>[#@]))(?<quote>["']*)(?<value>.*?)\k<quote>(\s+|$)/iu;
|
|
const reText = /^(?<text>\S+)(\s+|$)/u;
|
|
const reQuotedText = /^(?<quote>["'])(?<text>[\w\p{L}]+)\k<quote>(\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 = {
|
|
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);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
},
|
|
|
|
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: 1,
|
|
end: this.resultsCount,
|
|
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-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');
|