Calculate intersection client-side #1348

Author: jvwong

src/client/features/enrichment/enrichment-tooltip.js

@@ -49,9 +49,8 @@ class EnrichmentTooltip extends React.Component {
     let {node} = this.props;
     let { description, name } = this.state;
     let title = node.data('name');
-    // See #1348 https://github.com/PathwayCommons/app-ui/issues/1348
-    // let sharedGeneList = node.data('intersection').sort();
-    // let sharedGeneCount = sharedGeneList.length;
+    let sharedGeneList = node.data('intersection').sort();
+    let sharedGeneCount = sharedGeneList.length;
     let url = node.data('uri');
 
     if( !this.state.descriptionLoaded ){
@@ -84,11 +83,10 @@ class EnrichmentTooltip extends React.Component {
         ]),
         h('div.cy-tooltip-body', [
           descriptionSection,
-          // See #1348 https://github.com/PathwayCommons/app-ui/issues/1348
-          // h('div.cy-tooltip-section', [
-          //   h('div.cy-tooltip-field-name', 'Genes Shared with Entered List (' + sharedGeneCount + ')'),
-          //   h('div.cy-tooltip-field-value', sharedGeneList.join(', ')),
-          // ])
+          h('div.cy-tooltip-section', [
+            h('div.cy-tooltip-field-name', 'Genes Shared with Entered List (' + sharedGeneCount + ')'),
+            h('div.cy-tooltip-field-value', sharedGeneList.join(', ')),
+          ])
         ]),
         h('div.cy-tooltip-call-to-action', [
           h('a', {

src/client/features/enrichment/index.js

@@ -48,6 +48,10 @@ class Enrichment extends React.Component {
         let { pathways } = await ServerAPI.enrichmentAPI({ query: sources}, 'analysis');
         let enrichmentNetwork = await ServerAPI.enrichmentAPI({ pathways }, 'visualization');
         let networkHasZeroNodes = enrichmentNetwork.graph.elements.nodes.length === 0;
+        enrichmentNetwork.graph.elements.nodes.forEach( node => {
+          const intersection = _.intersection( node.data.geneSet, sources );
+          _.assign( node.data, { intersection } );
+        });
 
         cy.remove('*');
         cy.add({