Advanced filter component for creating complex query string.
Advanced filter supports below operators as shown in table below:
# | Op | True if | Example |
1 | = | Equal to (implicit equal to) | customerSector=1001 |
2 | eq | Equal to | customerSector:eq=1001 |
3 | lt | Less than | customerAge:lt=60 |
4 | gt | Greater than | customerAge:gt=21 |
5 | le | Less than or equal to | balance:le=1000 |
6 | ge | Greater than or equal to | balance:ge=0 |
7 | ci | Contained in an array of values | currency:ci=[USD,EUR,GBP] |
8 | rg | In Range | amount:rg=[1000,9999] |
9 | ct | Contains the substring | narratives:ct=Coffee |
10 | bw | Begins with the substring | industry:bw=Entertain |
11 | ew | Ends with the substring | industry:ew=Sports |
12 | neq | Not equal to | customerSector:neq=2001 |
13 | nci | Not in an array of values | countryCode:nci=[NZ,AU] |
14 | ncs | Does not contain the substring | narratives:ncs=pizza |
15 | nbw | Does not begin with the substring | accountType:nbw=CURR |
16 | new | Does not end with the substring | status:new=PENDING |
17 | nrg | Not in range | category:nrg=[1001,9999] |
For string type:
= Equal to (implicit equal to) |
eq Equal to |
ci Contained in an array of values |
ct Contains the substring |
bw Begins with the substring |
ew Ends with the substring |
neq Not equal to |
nci Not in an array of values |
ncs Does not contain the substring |
nbw Does not begin with the substring |
new Does not end with the substring |
For number / date / amount:
= Equal to (implicit equal to) |
eq Equal to |
neq Not equal to |
lt Less than |
gt Greater than |
le Less than or equal to |
ge Greater than or equal to |
rg In range |
nrg Not in range |
For select:
= Equal to (implicit equal to) |
eq Equal to |
neq Not equal to |
It's also possible to display only a subset of values for each type using operators field in advancedFilterSpec
operators: ['eq', 'neq']
The component wouldn't produce any logs by default and in order to enable it writing logs to the console, the user should set the attribute _debug in the component and after doing it, one can refer to the browser’s console to find logs of the component. it has a log prefix of [advanced-filter.ts]
and with that the consumer can differentiate this component's logs from other logs being written in the console.