informatics-isi-edu / deriva-webapps

Deriva-based web applications
Apache License 2.0
2 stars 1 forks source link

Migrate Boolean Search to React #143

Closed jrchudy closed 1 year ago

jrchudy commented 1 year ago

Similar to the previous issues to migrate matrix app and plot app, this issue is for migrating the boolean search app.

This app shows 2 views side by side. The left view is an iframe that loads the treeview app. The right side is a form that assists in writing complex query strings that are used in recordset app after clicking "Search specimen".

For migration, the left view will continue to be an iframe using the current version of treeview. The focus is on migrating the surrounding app to reactJS while providing the same functionality. One thing to note is that the iframe communicates with the boolean-search app when the click event is defined in the treeview app configuration. When the treeview is clicked, the term that was clicked is filled into the "In Anatomical Source" input for the selected filter row on the right.

A working link for boolean-search from gudmap: https://dev.gudmap.org/deriva-webapps/boolean-search/

Information about how boolean search works can be found in the help file.

A branch named react-boolean-search has been created as a starting point. Look at how matrix and plot app were written for examples (/src/pages/matrix.tsx and /src/pages/plot.tsx).

More details from help file on gudmap.org: https://dev.gudmap.org/using-gudmap/boolean-anatomy-search/