[JSX] Add range capabilities to the filters

[ridz1208]

We need the possibility of filtering numbers using a range filter. It would be nice to be able to filter for >= or <=

A JSX element should be created and can be added as a filter in Form.js. An existing UI element exists in the EEG browser at the top.

The filter should be added to:

• the biobank module to filter Age at Collection
• the dashboard charts under the Statistics module to filter candidate age (new filter)

[ridz1208]

required by

• CBIG
• COPN
• EEG Net

[prioux]

Make sure you code the web form with a non-literal comparison operator in it.

The first time we implemented < and => etc comparisons in CBRAIN, the developer encoded the operators directly in the form, and so it immediately became a source of SQL injection (a bad user could just edit the form and change the '>' for things like ; drop table users -- )

[prioux]

I told the developer to assign a numerical code to the comparison. e.g. 1 for >, 2 for <, 3 for != etc etc

[ridz1208]

I think on LORIS all filtering is being done directly front end so no risk of that but thanks for the heads up.

[prioux]

Ah, sure. Yes, I was of course talking about code ending up on the backend. Front end, no problem, of course.

[christinerogers]

@jeffersoncasimir is this something that could be added from eegnet's sliders?

@racostas could this be a good first task for Ayush? gsoc

@ridz1208 @driusan is there anyone else who should tackle this instead?

The CAP project implemented range selection as a slider for filtering candidate age

[ridz1208]

@driusan I'd like that on the roadmap, unless there are plans on using the DQAPI to replace it

[skarya22]

@ridz1208 Do you have an example of a module and field in LORIS Core that this can be implemented in? Won't happen without a clear use case

[ridz1208]

you can use as an example candidate list dOB between A and B