diff --git a/src/app/analysis.service.ts b/src/app/analysis.service.ts
index 7df84dc6fc5a81c44c64da68e2eb9c37ea100beb..397f7d0c9a88d43413d32552639e7d0d3196e53c 100644
--- a/src/app/analysis.service.ts
+++ b/src/app/analysis.service.ts
@@ -172,7 +172,7 @@ export class AnalysisService {
toast({
message: 'Quick analysis started. This may take a while.' +
- 'Once the computation finished you can view the results in the task list to the right.',
+ ' Once the computation finished you can view the results in the task list to the right.',
duration: 10000,
dismissible: true,
pauseOnHover: true,
diff --git a/src/app/components/select-dataset/select-dataset.component.html b/src/app/components/select-dataset/select-dataset.component.html
index 004b53db540bb7a894bf321e24c7ecee5c513c8c..127284a6f2d8a582bd4e4831eee312261076ab30 100644
--- a/src/app/components/select-dataset/select-dataset.component.html
+++ b/src/app/components/select-dataset/select-dataset.component.html
@@ -7,18 +7,14 @@
</ng-template>
</ng-select>
- <div class="info" *ngIf="selectedDataset && selectedDataset.label === 'CoV2 (Gordon et al., 2020)'">
- <p>Virus: <b>SARS-CoV-2</b></p>
- <p>Host/target: <b>Human</b>, HEK-293T kidney cells</p>
- <p>Method: <b>AP-MS</b></p>
- <p>Source:<a href="https://www.biorxiv.org/content/10.1101/2020.03.22.002386v3" target="_blank"> <b> Gordon et al., 2020</b></a></p>
- </div>
-
- <div class="info" *ngIf="selectedDataset && selectedDataset.label === 'CoV1 (Pfefferle)'">
- TODO: Put CoV1 (Pfefferle)
- </div>
-
- <div class="info" *ngIf="selectedDataset && selectedDataset.label === 'CoV1 (VirHostNet)'">
- TODO: Put CoV1 (VirHostNet)
+ <div *ngIf="selectedDataset" class="info">
+ <ul>
+ <li *ngIf="selectedDataset.strains"><b>Virus: </b>{{selectedDataset.strains}}</li>
+ <li *ngIf="selectedDataset.hostTarget"><b>Host/Target: </b>{{selectedDataset.hostTarget}}</li>
+ <li *ngIf="selectedDataset.method"><b>Method: </b>{{selectedDataset.method}}</li>
+ <li *ngIf="selectedDataset.source"><b>Source: </b> <a href="{{selectedDataset.source[0]}}"> {{selectedDataset.source[1]}}</a>
+ </li>
+ <li *ngIf="selectedDataset.year"><b>Year: </b>{{selectedDataset.year}}</li>
+ </ul>
</div>
</div>
diff --git a/src/app/components/select-dataset/select-dataset.component.ts b/src/app/components/select-dataset/select-dataset.component.ts
index 811e2e3542b013b7b3a3624e0dc7872ca5860fa3..2e6898f795dea8ece605126c6a0c90a7d4c084b0 100644
--- a/src/app/components/select-dataset/select-dataset.component.ts
+++ b/src/app/components/select-dataset/select-dataset.component.ts
@@ -9,7 +9,7 @@ import {Dataset} from '../../interfaces';
export class SelectDatasetComponent {
- @Input() selectedDataset;
+ @Input() selectedDataset: Dataset;
@Output() selectedDatasetChange: EventEmitter<any> = new EventEmitter();
@Input() datasetItems: Dataset[];
diff --git a/src/app/interfaces.ts b/src/app/interfaces.ts
index eab5f65dd58b93e9772774b5d02abb9c98166d9f..854ba5c1b41dd148643f81d8543afb994a9ab624 100644
--- a/src/app/interfaces.ts
+++ b/src/app/interfaces.ts
@@ -158,6 +158,10 @@ export interface Drug {
export interface Dataset {
label: string;
strains: string;
+ hostTarget: string;
+ method: string;
+ source: Array<string> | null;
+ year: number;
datasetNames: string;
backendId: string;
data: Array<[string, string]>;
diff --git a/src/app/pages/explorer-page/explorer-page.component.ts b/src/app/pages/explorer-page/explorer-page.component.ts
index 1f8cb6b1a8036dafea5e91931ed6da503712490b..04bdc401289c54a209b104597259f02b95f87872 100644
--- a/src/app/pages/explorer-page/explorer-page.component.ts
+++ b/src/app/pages/explorer-page/explorer-page.component.ts
@@ -71,23 +71,37 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
public datasetItems: Dataset[] = [
{
- label: 'CoV2 (Gordon et al., 2020)',
- strains: 'CoV2',
+ label: 'SARS-CoV-2 (Gordon et al.)',
+ strains: 'SARS-CoV-2',
+ hostTarget: 'Human cell line, HEK-293T kidney cells',
+ method: 'AP-MS (affinity purification-mass spectrometry)',
+ source: ['https://www.biorxiv.org/content/10.1101/2020.03.22.002386v3', 'bioRxiv'],
+ year: 2020,
datasetNames: 'Gordon et al., 2020',
backendId: 'SARS_CoV2',
data: [['Krogan', 'SARS-CoV2']]
},
{
- label: 'CoV1 (Pfefferle)',
- strains: 'CoV1',
- datasetNames: 'Pfefferle',
+ label: 'SARS-CoV-1 (Pfefferle et al.)',
+ strains: 'SARS-CoV-1',
+ hostTarget: 'Human brain and fetal brain cDNA libraries in yeast strains',
+ method: 'High-Throughput Yeast Two Hybrid Screen (HTY2H) and validations with Lumier assay, ' +
+ 'as well as experimentally validated interactions from 20 publications.',
+ source: null,
+ year: 2011,
+ datasetNames: 'Pfefferle et al., 2011',
backendId: 'SARS_CoV1',
data: [['Pfefferle', 'SARS-CoV1']]
},
{
- label: 'CoV1 (VirHostNet)',
- strains: 'CoV1',
- datasetNames: 'VirHostNet',
+ label: 'SARS-CoV-1 (VirHostNet 2.0)',
+ strains: 'SARS-CoV-1',
+ hostTarget: 'Different human cell lines',
+ method: 'Literature curation, interactions from 14 publications, which have experimental validation by at ' +
+ 'least one of the following assays: co-immunoprecipitation, two hybrid, pull-down, mass spectrometry.',
+ source: null,
+ year: null,
+ datasetNames: 'VirHostNet 2.0',
backendId: 'SARS_CoV1',
data: [['VirHostNet', 'SARS-CoV1']]
},
diff --git a/src/index.html b/src/index.html
index c37837526e8c00e5f3e9f34328ec1ee07a7e1eb9..a454253ce5c300be74186b040e8063e2f5583c38 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,7 +4,7 @@
<meta charset="utf-8">
<title>CoVex</title>
<base href="/">
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/ico" href="assets/covex_logo_small.png">
<script src="https://kit.fontawesome.com/3ad4fe992f.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script>
diff --git a/src/styles.scss b/src/styles.scss
index e8385ffee8e46535727d88d1fc3a65307b7b1e81..4df8d53d9413689036f4a2950e195ffe638bd7a4 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -17,10 +17,12 @@ $info: $primary;
html {
overflow: hidden;
+ height: 100%;
}
body {
overflow: hidden;
+ height: 100%;
}
.landing {