React UI: Objects filtering & search (#1155)
* Initial filter function * Updated method for filtering * Updated documentation * Added annotations filter file * Updated some comments * Added filter to UI * Implemented search alorithm * Removed extra code * Fixed typos * Added frame URL * Object URL * Removed extra encoding/decodingmain
Boris Sekachev
6 years ago
committed by
GitHub
parent
538da9fe0f
commit
228b813160
@ -0,0 +1,236 @@
|
||||
/*
|
||||
* Copyright (C) 2020 Intel Corporation
|
||||
* SPDX-License-Identifier: MIT
|
||||
*/
|
||||
|
||||
/* global
|
||||
require:false
|
||||
*/
|
||||
|
||||
const jsonpath = require('jsonpath');
|
||||
const { AttributeType } = require('./enums');
|
||||
const { ArgumentError } = require('./exceptions');
|
||||
|
||||
|
||||
class AnnotationsFilter {
|
||||
constructor() {
|
||||
// eslint-disable-next-line security/detect-unsafe-regex
|
||||
this.operatorRegex = /(==|!=|<=|>=|>|<|~=)(?=(?:[^"]*(["])[^"]*\2)*[^"]*$)/g;
|
||||
}
|
||||
|
||||
// Method splits expression by operators that are outside of any brackets
|
||||
_splitWithOperator(container, expression) {
|
||||
const operators = ['|', '&'];
|
||||
const splitted = [];
|
||||
let nestedCounter = 0;
|
||||
let isQuotes = false;
|
||||
let start = -1;
|
||||
|
||||
for (let i = 0; i < expression.length; i++) {
|
||||
if (expression[i] === '"') {
|
||||
// all quotes inside other quotes must
|
||||
// be escaped by a user and changed to ` above
|
||||
isQuotes = !isQuotes;
|
||||
}
|
||||
|
||||
// We don't split with operator inside brackets
|
||||
// It will be done later in recursive call
|
||||
if (!isQuotes && expression[i] === '(') {
|
||||
nestedCounter++;
|
||||
}
|
||||
if (!isQuotes && expression[i] === ')') {
|
||||
nestedCounter--;
|
||||
}
|
||||
|
||||
if (operators.includes(expression[i])) {
|
||||
if (!nestedCounter) {
|
||||
const subexpression = expression
|
||||
.substr(start + 1, i - start - 1).trim();
|
||||
splitted.push(subexpression);
|
||||
splitted.push(expression[i]);
|
||||
start = i;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const subexpression = expression
|
||||
.substr(start + 1).trim();
|
||||
splitted.push(subexpression);
|
||||
|
||||
splitted.forEach((internalExpression) => {
|
||||
if (internalExpression === '|' || internalExpression === '&') {
|
||||
container.push(internalExpression);
|
||||
} else {
|
||||
this._groupByBrackets(
|
||||
container,
|
||||
internalExpression,
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Method groups bracket containings to nested arrays of container
|
||||
_groupByBrackets(container, expression) {
|
||||
if (!(expression.startsWith('(') && expression.endsWith(')'))) {
|
||||
container.push(expression);
|
||||
}
|
||||
|
||||
let nestedCounter = 0;
|
||||
let startBracket = null;
|
||||
let endBracket = null;
|
||||
let isQuotes = false;
|
||||
|
||||
for (let i = 0; i < expression.length; i++) {
|
||||
if (expression[i] === '"') {
|
||||
// all quotes inside other quotes must
|
||||
// be escaped by a user and changed to ` above
|
||||
isQuotes = !isQuotes;
|
||||
}
|
||||
|
||||
if (!isQuotes && expression[i] === '(') {
|
||||
nestedCounter++;
|
||||
if (startBracket === null) {
|
||||
startBracket = i;
|
||||
}
|
||||
}
|
||||
|
||||
if (!isQuotes && expression[i] === ')') {
|
||||
nestedCounter--;
|
||||
if (!nestedCounter) {
|
||||
endBracket = i;
|
||||
|
||||
const subcontainer = [];
|
||||
const subexpression = expression
|
||||
.substr(startBracket + 1, endBracket - 1 - startBracket);
|
||||
this._splitWithOperator(
|
||||
subcontainer,
|
||||
subexpression,
|
||||
);
|
||||
|
||||
container.push(subcontainer);
|
||||
|
||||
startBracket = null;
|
||||
endBracket = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (startBracket !== null) {
|
||||
throw Error('Extra opening bracket found');
|
||||
}
|
||||
if (endBracket !== null) {
|
||||
throw Error('Extra closing bracket found');
|
||||
}
|
||||
}
|
||||
|
||||
_parse(expression) {
|
||||
const groups = [];
|
||||
this._splitWithOperator(groups, expression);
|
||||
}
|
||||
|
||||
_join(groups) {
|
||||
let expression = '';
|
||||
for (const group of groups) {
|
||||
if (Array.isArray(group)) {
|
||||
expression += `(${this._join(group)})`;
|
||||
} else if (typeof (group) === 'string') {
|
||||
// it can be operator or expression
|
||||
if (group === '|' || group === '&') {
|
||||
expression += group;
|
||||
} else {
|
||||
let [field, operator, , value] = group.split(this.operatorRegex);
|
||||
field = `@.${field.trim()}`;
|
||||
operator = operator.trim();
|
||||
value = value.trim();
|
||||
if (value === 'width' || value === 'height' || value.startsWith('attr')) {
|
||||
value = `@.${value}`;
|
||||
}
|
||||
expression += [field, operator, value].join('');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return expression;
|
||||
}
|
||||
|
||||
_convertObjects(statesData) {
|
||||
const objects = statesData.map((state) => {
|
||||
const labelAttributes = state.label.attributes
|
||||
.reduce((acc, attr) => {
|
||||
acc[attr.id] = attr;
|
||||
return acc;
|
||||
}, {});
|
||||
|
||||
let xtl = Number.MAX_SAFE_INTEGER;
|
||||
let xbr = Number.MIN_SAFE_INTEGER;
|
||||
let ytl = Number.MAX_SAFE_INTEGER;
|
||||
let ybr = Number.MIN_SAFE_INTEGER;
|
||||
|
||||
state.points.forEach((coord, idx) => {
|
||||
if (idx % 2) { // y
|
||||
ytl = Math.min(ytl, coord);
|
||||
ybr = Math.max(ybr, coord);
|
||||
} else { // x
|
||||
xtl = Math.min(xtl, coord);
|
||||
xbr = Math.max(xbr, coord);
|
||||
}
|
||||
});
|
||||
|
||||
const [width, height] = [xbr - xtl, ybr - ytl];
|
||||
const attributes = {};
|
||||
Object.keys(state.attributes).reduce((acc, key) => {
|
||||
const attr = labelAttributes[key];
|
||||
let value = state.attributes[key].replace(/\\"/g, '`');
|
||||
if (attr.inputType === AttributeType.NUMBER) {
|
||||
value = +value;
|
||||
} else if (attr.inputType === AttributeType.CHECKBOX) {
|
||||
value = value === 'true';
|
||||
}
|
||||
acc[attr.name] = value;
|
||||
return acc;
|
||||
}, attributes);
|
||||
|
||||
return {
|
||||
width,
|
||||
height,
|
||||
attr: attributes,
|
||||
label: state.label.name.replace(/\\"/g, '`'),
|
||||
serverID: state.serverID,
|
||||
clientID: state.clientID,
|
||||
type: state.objectType,
|
||||
shape: state.objectShape,
|
||||
occluded: state.occluded,
|
||||
};
|
||||
});
|
||||
|
||||
return {
|
||||
objects,
|
||||
};
|
||||
}
|
||||
|
||||
toJSONQuery(filters) {
|
||||
try {
|
||||
if (!filters.length) {
|
||||
return [[], '$.objects[*].clientID'];
|
||||
}
|
||||
|
||||
const groups = [];
|
||||
const expression = filters.map((filter) => `(${filter})`).join('|').replace(/\\"/g, '`');
|
||||
this._splitWithOperator(groups, expression);
|
||||
return [groups, `$.objects[?(${this._join(groups)})].clientID`];
|
||||
} catch (error) {
|
||||
throw new ArgumentError(`Wrong filter expression. ${error.toString()}`);
|
||||
}
|
||||
}
|
||||
|
||||
filter(statesData, query) {
|
||||
try {
|
||||
const objects = this._convertObjects(statesData);
|
||||
return jsonpath.query(objects, query);
|
||||
} catch (error) {
|
||||
throw new ArgumentError(`Could not apply the filter. ${error.toString()}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = AnnotationsFilter;
|
||||
Loading…
Reference in New Issue