Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Experiment with clinical data table filtering #4667

Closed
wants to merge 8 commits into from

Conversation

alisman
Copy link
Collaborator

@alisman alisman commented Jul 13, 2023

Use new paginated endpoint for clinical data search/download tab. This pull request adapts MobxLazyTable for use with new pagination service. Rather than enable traditional pagination, it enables sorting and filtering with a limit on the number of records that the viewer can fetch.

Fixes cBioPortal/cbioportal#10479

@alisman alisman changed the title blah Experiment with clinical data table filtering Jul 18, 2023
@alisman alisman force-pushed the clindata_filter branch 2 times, most recently from bfdeb22 to 38be36e Compare July 26, 2023 20:09
this.clinicalDataSortCriteria?.field
}
downloadDataFetcher={() =>
Promise.resolve(['moo'])
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

less moo

@@ -34,11 +37,18 @@ class ClinicalDataTabTableComponent extends LazyMobXTable<{
[id: string]: string;
}> {}

const CLINICAL_DATA_RECORD_LIMIT = 500;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

maybe make this configurable in a prop

downloadDataFetcher?:
| ILazyMobXTableApplicationLazyDownloadDataFetcher
| (() => Promise<any>)
| undefined;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can already be undefined because it is optional, I think?

@@ -923,7 +958,9 @@ export default class LazyMobXTable<T> extends React.Component<
this.handlers = {
onFilterTextChange: (() => {
return inputBoxChangeTimeoutEvent(filterValue => {
this.store.setFilterString(filterValue);
props.onFilterTextChange
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What is the difference between these two? Maybe add a comment

…pulated to avoid flash of two column table (premature)
Copy link

netlify bot commented Jan 12, 2024

Deploy Preview for cbioportalfrontend ready!

Name Link
🔨 Latest commit 6ff3c01
🔍 Latest deploy log https://app.netlify.com/sites/cbioportalfrontend/deploys/65a18ffce7b4d20008eaebe8
😎 Deploy Preview https://deploy-preview-4667--cbioportalfrontend.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@alisman alisman closed this Feb 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

study view clinical data tab doesn't load for large studies
3 participants