merged

src/app/components/info-tile/info-tile.component.html

@@ -27,7 +27,7 @@
       <span class="is-capitalized"> {{ wrapper.data.groupName }}</span>
     </p>
     <p *ngIf="wrapper.data.uniprotAc" [ngClass]="{'text-normal':smallStyle}">
-      <b><span>Access:</span></b>
+      <b><span>Uniprot:</span></b>
       <a href="https://www.uniprot.org/uniprot/{{ wrapper.data.uniprotAc }}" target="_blank">
         <span class="is-capitalized"> {{ wrapper.data.uniprotAc }}</span>
       </a>

src/app/pages/explorer-page/explorer-page.component.html

@@ -650,17 +650,23 @@
             class="seed-selection"
             [ngClass]="{ 'text-normal': 'smallStyle' }"
           >
-            <!-- <div class="card-content overflow">
+            <div class="card-content overflow">
             <table class="table selection-table" *ngIf="analysis.getCount() > 0">
               <thead>
               <tr>
                 <td>Label</td>
+                <td>Group</td>
+                <td *ngIf="myConfig.identifier !== 'symbol'">Symbol</td>
+                <td *ngIf="myConfig.identifier !== 'uniprot'">Uniprot</td>
                 <td>Actions</td>
               </tr>
               </thead>
               <tbody>
               <tr *ngFor="let p of analysis.getSelection()">
                 <td><p class="is-capitalized">{{p.data.label}}</p></td>
+                <td><p>{{myConfig.nodeGroups[p.data.group]['groupName']}}</p></td>
+                <td *ngIf="myConfig.identifier !== 'symbol'"><p>{{p.data.symbol}}</p></td>
+                <td *ngIf="myConfig.identifier !== 'uniprot'"><p>{{p.data.uniprotAc}}</p></td>
                 <td>
                   <button (click)="analysis.removeItems([p])" class="button is-small is-danger is-outlined has-tooltip"
                           tooltipPosition="top" pTooltip="Remove from selection.">
@@ -671,11 +677,11 @@
               </tbody>
             </table>
             <i *ngIf="analysis.getCount() === 0">
-              Double-click on a protein to select it for the analysis.
+              Double-click on a node to select it for the analysis.
             </i>
             </div>
 
-              <footer class="card-footer" *ngIf="selectedAnalysisToken">
+              <!-- <footer class="card-footer" *ngIf="selectedAnalysisToken">
                 <a (click)="analysis.addSeeds(currentViewNodes)"
                   class="card-footer-item has-text-success" tooltipPosition="top" pTooltip="Add all visible seeds.">
 
@@ -741,7 +747,7 @@
                 </a>
               </footer> -->
 
-            <!-- </div> -->
+              <!-- </div> -->
             <!-- </div>  -->
           </div>
         </div>

src/app/pages/explorer-page/explorer-page.component.ts

@@ -365,6 +365,7 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
     this.proteinData.linkNodes();
 
     const {nodes, edges} = this.proteinData.mapDataToNetworkInput(this.myConfig);
+    console.log('first item nodes', nodes[0])
 
     this.nodeData.nodes = new vis.DataSet(nodes);
     this.nodeData.edges = new vis.DataSet(edges);
@@ -372,6 +373,7 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
     const options = NetworkSettings.getOptions('main');
 
     this.networkInternal = new vis.Network(container, this.nodeData, options);
+
     this.networkInternal.on('doubleClick', (properties) => {
       const nodeIds: Array<string> = properties.nodes;
       if (nodeIds.length > 0) {
@@ -381,6 +383,7 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
           // skip if node is not a protein mapped to backend
           return;
         }
+        console.log(node)
         const wrapper = getWrapperFromNode(node);
         if (this.analysis.inSelection(node)) {
           this.analysis.removeItems([wrapper]);

src/stylesheets/styles.scss → src/styles.scss

@@ -100,6 +100,7 @@
     margin-left: 15px;
   }
 
+
   div.covex.sidebar {
     height: $height;
     overflow-y: auto;
@@ -148,11 +149,13 @@
     max-height: 600px;
   }
 
+
   div.card-content.overflow {
     overflow: auto;
     max-height: 350px;
   }
 
+
   div.covex.network {
     height: 100%;
     float: left;