EC-142: demo example participant table

jay-hodgson · Jun 22, 2023 · 879af73 · 879af73
1 parent a381c8c
commit 879af73
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 deletions.
diff --git a/apps/portals/src/configurations/elportal/resources.ts b/apps/portals/src/configurations/elportal/resources.ts
@@ -8,6 +8,7 @@ export const studiesSql = 'SELECT * FROM syn51209885 ORDER BY isFeatured DESC'
 export const speciesSql = 'SELECT * FROM syn51449110 ORDER BY ItemOrder'
 export const computationalSql = 'SELECT * FROM syn51469335'
 export const upsetPlotSql = 'SELECT files, assay FROM syn51581771'
+export const cohortBuilderSql = 'SELECT * FROM syn51714515'
 
 export const defaultSearchConfiguration = {
   fullTextSearchHelpURL: 'https://help.eliteportal.org/help/search-tips',

diff --git a/apps/portals/src/configurations/elportal/synapseConfigs/cohortbuilder.ts b/apps/portals/src/configurations/elportal/synapseConfigs/cohortbuilder.ts
@@ -1,29 +1,43 @@
 import { SynapseConfig } from 'types/portal-config'
-import { dataSql, defaultSearchConfiguration } from '../resources'
+import { cohortBuilderSql, defaultSearchConfiguration } from '../resources'
+import { displayToast } from 'synapse-react-client'
 
 const rgbIndex = 1
 
 const cohortbuilder: SynapseConfig = {
   name: 'QueryWrapperPlotNav',
   props: {
     rgbIndex,
-    name: 'Data',
+    name: 'Participants',
     // showExportToCavatica: true,
     visibleColumnCount: 10,
+    facetsToPlot: ['diagnosis', 'sex'],
     tableConfiguration: {
-      showAccessColumn: true,
-      showDownloadColumn: true,
+      showAccessColumn: false,
+      showDownloadColumn: false,
+      isRowSelectionVisible: true,
       columnLinks: [
         {
           matchColumnName: 'study',
           isMarkdown: false,
           baseURL: 'Explore/Studies/DetailsPage',
           URLColumnName: 'studyKey',
-          wrapValueWithParens: true,
+          wrapValueWithParens: false,
         },
       ],
     },
-    sql: `${dataSql} where study='invalidstudyname'`,
+    customControls: [
+      {
+        buttonText: 'View files in selection',
+        onClick: (event) => {
+          displayToast(
+            `TODO: pass the ${event.selectedRows?.length} selected participant ID(s) to another configuration of the same VirtualTable, where participant data is shown in aggregate`,
+          )
+          console.log(event)
+        },
+      },
+    ],
+    sql: cohortBuilderSql,
     shouldDeepLink: true,
     searchConfiguration: defaultSearchConfiguration,
   },