Skip to content
Snippets Groups Projects
Commit 8a24fe5c authored by Mhaned Oubounyt's avatar Mhaned Oubounyt Committed by Julian Späth
Browse files

Delet tum data add data info

parent b371d838
No related branches found
No related tags found
No related merge requests found
<div class="content"> <div class="content">
<ng-select [items]="datasetItems" bindLabel="id" [virtualScroll]="true" class="custom" <ng-select disabled="true" [items]="datasetItems" bindLabel="id" [virtualScroll]="true" class="custom"
placeholder="Select..." [ngModel]="selectedDataset" (ngModelChange)="select($event)"> placeholder="Select..." [ngModel]="selectedDataset" (ngModelChange)="select($event)">
<ng-template ng-option-tmp let-item="item"> <ng-template ng-option-tmp let-item="item">
{{item.label}} <br/> {{item.label}} <br/>
......
...@@ -26,7 +26,17 @@ ...@@ -26,7 +26,17 @@
<div class="card-content"> <div class="card-content">
<app-select-dataset [datasetItems]="datasetItems" [selectedDataset]="selectedDataset" <app-select-dataset [datasetItems]="datasetItems" [selectedDataset]="selectedDataset"
(selectedDatasetChange)="selectedDataset = $event; createNetwork($event.data)"> (selectedDatasetChange)="selectedDataset = $event; createNetwork($event.data)">
</app-select-dataset> </app-select-dataset>
<div>
<br>
<font size="2">
<p ><span>Virus: SARS-CoV-2</span>
<p ><span>Host/target: Human cell line, HEK-293T kidney cells</span>
<p ><span>Method: AP-MS (affinity purification-mass spectrometry)</span>
<p ><span>Source:<a href="https://www.biorxiv.org/content/10.1101/2020.03.22.002386v3" target="_blank"> Gordon et al., 2020</a></span></font>
</div>
</div> </div>
</div> </div>
......
...@@ -66,23 +66,25 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit { ...@@ -66,23 +66,25 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
public currentViewNodes: Node[]; public currentViewNodes: Node[];
public datasetItems: Array<{ id: string, label: string, datasets: string, data: Array<[string, string]> }> = [ public datasetItems: Array<{ id: string, label: string, datasets: string, data: Array<[string, string]> }> = [
{ // {
id: 'All (TUM & Krogan)', // id: 'All (TUM & Krogan)',
label: 'All', // label: 'All',
datasets: 'TUM & Krogan', // datasets: 'TUM & Krogan',
data: [['TUM', 'HCoV'], ['TUM', 'SARS-CoV2'], ['Krogan', 'SARS-CoV2']] // data: [['TUM', 'HCoV'], ['TUM', 'SARS-CoV2'], ['Krogan', 'SARS-CoV2']]
}, // },
{id: 'HCoV (TUM)', label: 'HCoV', datasets: 'TUM', data: [['TUM', 'HCoV']]}, // {id: 'HCoV (TUM)', label: 'HCoV', datasets: 'TUM', data: [['TUM', 'HCoV']]},
{ // {
id: 'CoV2 (TUM & Krogan)', // id: 'CoV2 (TUM & Krogan)',
label: 'CoV2', // label: 'CoV2',
datasets: 'TUM & Krogan', // datasets: 'TUM & Krogan',
data: [['TUM', 'SARS-CoV2'], ['Krogan', 'SARS-CoV2']] // data: [['TUM', 'SARS-CoV2'], ['Krogan', 'SARS-CoV2']]
}, // },
{id: 'CoV2 (Krogan)', label: 'CoV2', datasets: 'Krogan', data: [['Krogan', 'SARS-CoV2']]}, // tslint:disable-next-line:max-line-length
{id: 'CoV2 (TUM)', label: 'CoV2', datasets: 'TUM', data: [['TUM', 'SARS-CoV2']]}]; {id: 'CoV2 (Gordon et al., 2020)', label: 'CoV2', datasets: 'Gordon et al., 2020', data: [['Krogan', 'SARS-CoV2']]},
// {id: 'CoV2 (TUM)', label: 'CoV2', datasets: 'TUM', data: [['TUM', 'SARS-CoV2']]}
public selectedDataset = this.datasetItems[3]; ];
public selectedDataset = this.datasetItems[0];
@ViewChild('network', {static: false}) networkEl: ElementRef; @ViewChild('network', {static: false}) networkEl: ElementRef;
...@@ -123,7 +125,7 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit { ...@@ -123,7 +125,7 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
async ngAfterViewInit() { async ngAfterViewInit() {
if (!this.network) { if (!this.network) {
this.selectedDataset = this.datasetItems[3]; this.selectedDataset = this.datasetItems[0];
await this.createNetwork(this.selectedDataset.data); await this.createNetwork(this.selectedDataset.data);
} }
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment