diff --git a/src/app/components/select-dataset/select-dataset.component.html b/src/app/components/select-dataset/select-dataset.component.html index b34ccf14ee5272f6ebe88f828e2c94d55d674c04..5d512a5cd228a2a097a79a82e5550d0635c759d9 100644 --- a/src/app/components/select-dataset/select-dataset.component.html +++ b/src/app/components/select-dataset/select-dataset.component.html @@ -1,5 +1,5 @@ <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)"> <ng-template ng-option-tmp let-item="item"> {{item.label}} <br/> diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html index 0b6a937ce8a288a2ec60bcd5fab929bf7da27eea..abbb9e68604a6a4de3f3c54afb5e9ffdc5cda687 100644 --- a/src/app/pages/explorer-page/explorer-page.component.html +++ b/src/app/pages/explorer-page/explorer-page.component.html @@ -26,7 +26,17 @@ <div class="card-content"> <app-select-dataset [datasetItems]="datasetItems" [selectedDataset]="selectedDataset" (selectedDatasetChange)="selectedDataset = $event; createNetwork($event.data)"> + </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> diff --git a/src/app/pages/explorer-page/explorer-page.component.ts b/src/app/pages/explorer-page/explorer-page.component.ts index 9bf8573ada72d14a399f8e6cd2567b3a8007409a..2bf7e026d7d5d1b07560661b07f1ff4e2f06e021 100644 --- a/src/app/pages/explorer-page/explorer-page.component.ts +++ b/src/app/pages/explorer-page/explorer-page.component.ts @@ -66,23 +66,25 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit { public currentViewNodes: Node[]; public datasetItems: Array<{ id: string, label: string, datasets: string, data: Array<[string, string]> }> = [ - { - id: 'All (TUM & Krogan)', - label: 'All', - datasets: 'TUM & Krogan', - data: [['TUM', 'HCoV'], ['TUM', 'SARS-CoV2'], ['Krogan', 'SARS-CoV2']] - }, - {id: 'HCoV (TUM)', label: 'HCoV', datasets: 'TUM', data: [['TUM', 'HCoV']]}, - { - id: 'CoV2 (TUM & Krogan)', - label: 'CoV2', - datasets: 'TUM & Krogan', - data: [['TUM', 'SARS-CoV2'], ['Krogan', 'SARS-CoV2']] - }, - {id: 'CoV2 (Krogan)', label: 'CoV2', datasets: 'Krogan', data: [['Krogan', 'SARS-CoV2']]}, - {id: 'CoV2 (TUM)', label: 'CoV2', datasets: 'TUM', data: [['TUM', 'SARS-CoV2']]}]; - - public selectedDataset = this.datasetItems[3]; + // { + // id: 'All (TUM & Krogan)', + // label: 'All', + // datasets: 'TUM & Krogan', + // data: [['TUM', 'HCoV'], ['TUM', 'SARS-CoV2'], ['Krogan', 'SARS-CoV2']] + // }, + // {id: 'HCoV (TUM)', label: 'HCoV', datasets: 'TUM', data: [['TUM', 'HCoV']]}, + // { + // id: 'CoV2 (TUM & Krogan)', + // label: 'CoV2', + // datasets: 'TUM & Krogan', + // data: [['TUM', 'SARS-CoV2'], ['Krogan', 'SARS-CoV2']] + // }, + // tslint:disable-next-line:max-line-length + {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[0]; @ViewChild('network', {static: false}) networkEl: ElementRef; @@ -123,7 +125,7 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit { async ngAfterViewInit() { if (!this.network) { - this.selectedDataset = this.datasetItems[3]; + this.selectedDataset = this.datasetItems[0]; await this.createNetwork(this.selectedDataset.data); } }