Merge branch 'add-citation-section' into 'master'

Add citation section

See merge request covid-19/frontend!138

.gitlab-ci.yml

@@ -45,7 +45,7 @@ build:
     - check:lint
     - check:test
 
-deploy_dev:
+deploy:dev:
   image: docker
   stage: deploy
   only:
@@ -63,7 +63,7 @@ deploy_dev:
   dependencies:
     - build
 
-deploy_prod:
+deploy:prod:
   image: docker
   stage: deploy
   only:

src/app/app-routing.module.ts

-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
+import {NgModule} from '@angular/core';
+import {Routes, RouterModule} from '@angular/router';
 import {ExplorerPageComponent} from './pages/explorer-page/explorer-page.component';
 import {AboutPageComponent} from './pages/about-page/about-page.component';
 import {HomePageComponent} from './pages/home-page/home-page.component';
+import {CitationPageComponent} from './pages/citation-page/citation-page.component';
 
 export const routes: Routes = [
-  { path: '', component: HomePageComponent },
-  { path: 'explorer', component: ExplorerPageComponent},
-  { path: 'explorer/:protein', component: ExplorerPageComponent},
-  { path: 'about', component: AboutPageComponent }
+  {path: '', component: HomePageComponent},
+  {path: 'explorer', component: ExplorerPageComponent},
+  {path: 'explorer/:protein', component: ExplorerPageComponent},
+  {path: 'cite', component: CitationPageComponent},
+  {path: 'about', component: AboutPageComponent}
 ];
 
 @NgModule({
   imports: [RouterModule.forRoot(routes)],
   exports: [RouterModule]
 })
-export class AppRoutingModule { }
+export class AppRoutingModule {
+}

src/app/app.component.html

@@ -19,6 +19,10 @@
           <span class="icon"><i class="fa fa-project-diagram"></i></span>
           <span>Explorer</span>
         </a>
+        <a routerLink="/cite" routerLinkActive="is-active" class="navbar-item is-hoverable">
+          <span class="icon"><i class="fa fa-feather"></i></span>
+          <span>Cite</span>
+        </a>
         <a routerLink="/about" routerLinkActive="is-active" class="navbar-item is-hoverable">
           <span class="icon"><i class="fa fa-question"></i></span>
           <span>About</span>

src/app/app.module.ts

@@ -22,6 +22,7 @@ import {InfoTileComponent} from './components/info-tile/info-tile.component';
 import {CustomProteinsComponent} from './dialogs/custom-proteins/custom-proteins.component';
 
 import {AnalysisService} from './analysis.service';
+import { CitationPageComponent } from './pages/citation-page/citation-page.component';
 
 
 @NgModule({
@@ -38,6 +39,7 @@ import {AnalysisService} from './analysis.service';
     ToggleComponent,
     InfoTileComponent,
     CustomProteinsComponent,
+    CitationPageComponent,
   ],
   imports: [
     BrowserModule,

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

 <div class="scroll">
   <div class="content">
-    <section class="hero is-small is-primary">
+    <section class="hero is-primary">
       <div class="hero-body">
         <div class="container">
           <h1 class="title">About CoVex</h1>
@@ -44,10 +44,11 @@
             a list of drugs ranked by default using TrustRank.</p>
           <h2>Help/Contact information</h2>
           <ul>
-            <li>Systems and Network Medicine: Sepideh Sadegh (sadegh_AT_wzw.tum.de)</li>
+            <li>General support and inquiries: Gihanna Galindez (gihanna.gaye_AT_wzw.tum.de)</li>
+            <li>Systems and network medicine: Sepideh Sadegh (sadegh_AT_wzw.tum.de)</li>
             <li>Web platform: Julian Matschinske (julian.matschinske_AT_wzw.tum.de)</li>
             <li>Project coordination: Prof. Dr. Jan Baumbach (jan.baumbach_AT_wzw.tum.de)</li>
-            <li>Lab Website:  <a href="http://www.exbio.de">http://www.exbio.de</a> </li>
+            <li>Lab website: <a href="http://www.exbio.de">http://www.exbio.de</a> </li>
           </ul>
 
           <br>

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

+<div class="scroll">
+  <div class="content">
+    <section class="hero is-primary">
+      <div class="hero-body">
+        <div class="container">
+          <h1 class="title">Cite CoVex</h1>
+        </div>
+      </div>
+    </section>
+
+    <div class="hero container">
+      <div class="column is-8 is-offset-2">
+        <div class="content">
+          <h2>Citation</h2>
+          <p>
+            If you use CoVex in your work please reference it as follows:
+          </p>
+          <pre>{{"@misc{sadegh2020exploring,"}}
+{{"    title={Exploring the SARS-CoV-2 virus-host-drug interactome for drug repurposing},"}}
+{{"    author={Sepideh Sadegh and Julian Matschinske and David B. Blumenthal and Gihanna Galindez and Tim Kacprowski and Markus List and Reza Nasirigerdeh and Mhaned Oubounyt and Andreas Pichlmair and Tim Daniel Rose and Marisol Salgado-Albarrán and Julian Späth and Alexey Stukalov and Nina K. Wenke and Kevin Yuan and Josch K. Pauling and Jan Baumbach},"}}
+{{"    year={2020},"}}
+{{"    eprint={2004.12420},"}}
+{{"    archivePrefix={arXiv},"}}
+{{"    primaryClass={q-bio.MN}"}}
+{{"}"}}</pre>
+          Preprint: <a href="https://arxiv.org/abs/2004.12420">https://arxiv.org/abs/2004.12420</a>
+
+          <h2>Source code</h2>
+          <p>
+            The source code is available upon request: julian.matschinske_AT_wzw.tum.de
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+

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

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-citation-page',
+  templateUrl: './citation-page.component.html',
+  styleUrls: ['./citation-page.component.scss']
+})
+export class CitationPageComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}