From 9c1501f72e0c4761f809c9c6156365a288a0c5f1 Mon Sep 17 00:00:00 2001
From: "Hartung, Michael" <michael.hartung@uni-hamburg.de>
Date: Fri, 26 May 2023 13:51:52 +0200
Subject: [PATCH] cite page

---
 src/app/app-routing.module.ts                 |  3 ++-
 src/app/app.module.ts                         |  2 ++
 .../components/footer/footer.component.html   |  3 +--
 src/app/components/header/header.component.ts |  5 ++--
 .../call-landing/call-landing.component.html  |  4 ++-
 src/app/pages/cite/cite.component.html        | 23 +++++++++++++++++
 src/app/pages/cite/cite.component.scss        |  0
 src/app/pages/cite/cite.component.spec.ts     | 25 +++++++++++++++++++
 src/app/pages/cite/cite.component.ts          | 24 ++++++++++++++++++
 src/app/pages/pages.component.html            |  3 ++-
 10 files changed, 85 insertions(+), 7 deletions(-)
 create mode 100644 src/app/pages/cite/cite.component.html
 create mode 100644 src/app/pages/cite/cite.component.scss
 create mode 100644 src/app/pages/cite/cite.component.spec.ts
 create mode 100644 src/app/pages/cite/cite.component.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 3eea77d..99d882e 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -9,7 +9,8 @@ const routes: Routes = [
     { path: "idea", component: PagesComponent },
     { path: "standalone", component: StandaloneComponent },
     { path: "playground", component: PagesComponent },
-    { path: "call", component: CallLandingComponent },
+    { path: "cite", component: PagesComponent },
+    { path: "call", component: PagesComponent },
     {
         path: "doc", component: PagesComponent, children: [
             { path: 'home', component: PagesComponent },
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 69468ca..8cd86a1 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -127,6 +127,7 @@ import { FromScratchComponent } from './pages/doc/content/start/from-scratch/fro
 import { PrivacyPolicyComponent } from './pages/doc/content/other/privacy-policy/privacy-policy.component';
 import { ExamplesComponent } from './components/playground/examples/examples.component';
 import { CallLandingComponent } from './pages/call-landing/call-landing.component';
+import { CiteComponent } from './pages/cite/cite.component';
 
 
 @NgModule({
@@ -198,6 +199,7 @@ import { CallLandingComponent } from './pages/call-landing/call-landing.componen
         PrivacyPolicyComponent,
         ExamplesComponent,
         CallLandingComponent,
+        CiteComponent,
     ],
     imports: [
         BrowserModule,
diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
index 0f17c79..027b11e 100644
--- a/src/app/components/footer/footer.component.html
+++ b/src/app/components/footer/footer.component.html
@@ -29,11 +29,10 @@
         <li class="nav-item mb-2"><a href="https://www.cosy.bio/contact" target="_blank" class="nav-link p-0 text-muted">Impressum</a></li>
         <li class="nav-item mb-2"><a href="https://twitter.com/cosybio_uhh?lang=de" target="_blank" class="nav-link p-0 text-muted">Twitter</a></li>
         <!-- <li class="nav-item mb-2"><a href="/doc#contact_us" target="_blank" class="nav-link p-0 text-muted">Contact us</a></li> -->
+        <li class="nav-item mb-2"><a class="nav-link p-0 text-muted" href= "/cite">Cite us</a></li>
         <li class="nav-item mb-2"><a class="nav-link p-0 text-muted" href= "mailto:contact@drugst.one">Contact us</a></li>
       </ul>
     </div>
     
   </footer>
 </div>
-
-
diff --git a/src/app/components/header/header.component.ts b/src/app/components/header/header.component.ts
index 2274fc4..ec868e5 100644
--- a/src/app/components/header/header.component.ts
+++ b/src/app/components/header/header.component.ts
@@ -28,8 +28,9 @@ export class HeaderComponent implements OnInit {
                 routerLink: 'playground',
                 command: () => this.tabChange(3)
             },
-            {label: 'DOCUMENTATION', icon: 'pi pi-fw pi-book', routerLink: 'doc', command: () => this.tabChange(4)},
-            { label: 'COLLABORATION', icon: 'pi pi-fw pi-phone', routerLink: 'call', command: () => this.tabChange(5) }]
+            { label: 'DOCUMENTATION', icon: 'pi pi-fw pi-book', routerLink: 'doc', command: () => this.tabChange(4) },
+            { label: 'CITE', icon: 'pi pi-fw pi-pencil', routerLink: 'cite', command: () => this.tabChange(5)},
+            { label: 'COLLABORATION', icon: 'pi pi-fw pi-phone', routerLink: 'call', command: () => this.tabChange(6) }]
         this.activeTab = this.tabsModel[0];
     }
 
diff --git a/src/app/pages/call-landing/call-landing.component.html b/src/app/pages/call-landing/call-landing.component.html
index 4d2e6ac..1df0419 100644
--- a/src/app/pages/call-landing/call-landing.component.html
+++ b/src/app/pages/call-landing/call-landing.component.html
@@ -22,7 +22,9 @@
         and closely related drugs. The plugin is designed to seamlessly fit into
         any web application with just three lines of code.
         <br />
-        For more information, check out our preprint: ___
+        For more information, check out our preprint: <a target="_blank" href=" 	
+https://doi.org/10.48550/arXiv.2305.15453"> 	
+https://doi.org/10.48550/arXiv.2305.15453</a>
       </p>
       <p class="text-white-75 mb-5 blockquote">
         We are looking for collaborators to join the Drugst.One initiative. If
diff --git a/src/app/pages/cite/cite.component.html b/src/app/pages/cite/cite.component.html
new file mode 100644
index 0000000..ba8c6ad
--- /dev/null
+++ b/src/app/pages/cite/cite.component.html
@@ -0,0 +1,23 @@
+<div
+  class="container px-4 px-lg-5 align-items-center justify-content-center text-center"
+>
+   
+  <div class="col-lg-12">
+    <h1 class="display-5">How to cite</h1>
+  </div>
+
+
+  <div class="row justify-content-start align-items-start text-start">
+
+    <p>If you use Drugst.One in your work, please cite as follows:</p>
+    <div class="mb-3">
+      <label for="bibtex" class="form-label">BibTeX</label>
+      <pre id="bibtex"><textarea class="form-control" rows="14" disabled> {{bibtex}} </textarea></pre>
+      Preprint URL: <a href=" 	
+https://doi.org/10.48550/arXiv.2305.15453" target="_blank">  	
+https://doi.org/10.48550/arXiv.2305.15453 </a>
+    </div>
+  </div>
+
+</div>
+
diff --git a/src/app/pages/cite/cite.component.scss b/src/app/pages/cite/cite.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/cite/cite.component.spec.ts b/src/app/pages/cite/cite.component.spec.ts
new file mode 100644
index 0000000..1a7589a
--- /dev/null
+++ b/src/app/pages/cite/cite.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CiteComponent } from './cite.component';
+
+describe('CiteComponent', () => {
+  let component: CiteComponent;
+  let fixture: ComponentFixture<CiteComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CiteComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CiteComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/cite/cite.component.ts b/src/app/pages/cite/cite.component.ts
new file mode 100644
index 0000000..d8e6791
--- /dev/null
+++ b/src/app/pages/cite/cite.component.ts
@@ -0,0 +1,24 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-cite',
+  templateUrl: './cite.component.html',
+  styleUrls: ['./cite.component.scss']
+})
+export class CiteComponent implements OnInit {
+
+  constructor() { }
+
+  public bibtex = `@misc{maier2023drugstone,
+      title={Drugst.One -- A plug-and-play solution for online systems medicine and network-based drug repurposing}, 
+      author={Andreas Maier and Michael Hartung and Mark Abovsky and Klaudia Adamowicz and Gary D. Bader and Sylvie Baier and David B. Blumenthal and Jing Chen and Maria L. Elkjaer and Carlos Garcia-Hernandez and Markus Hoffmann and Igor Jurisica and Max Kotlyar and Olga Lazareva and Hagai Levi and Markus List and Sebastian Lobentanzer and Joseph Loscalzo and Noel Malod-Dognin and Quirin Manz and Julian Matschinske and Mhaned Oubounyt and Alexander R. Pico and Rudolf T. Pillich and Julian M. Poschenrieder and Dexter Pratt and Nataša Pržulj and Sepideh Sadegh and Julio Saez-Rodriguez and Suryadipto Sakar and Gideon Shaked and Ron Shamir and Nico Trummer and Ugur Turhan and Ruisheng Wang and Olga Zolotareva and Jan Baumbach},
+      year={2023},
+      eprint={2305.15453},
+      archivePrefix={arXiv},
+      primaryClass={q-bio.QM}
+}`
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/pages.component.html b/src/app/pages/pages.component.html
index 4644b19..2d6ffda 100644
--- a/src/app/pages/pages.component.html
+++ b/src/app/pages/pages.component.html
@@ -5,4 +5,5 @@
 <app-playground #playground *ngIf="currentTabId===3" [theme]="theme" [hidden]="currentTabId!==3" [api]="backendPath"></app-playground>
 <app-doc [hidden]="currentTabId!==4" [api]="backendPath" [version]="'v'+version" [cdn]="cdn"
          [host]="host"></app-doc>
-<app-call-landing #call *ngIf="currentTabId===5" [theme]="theme" [hidden]="currentTabId!==5" [api]="backendPath"></app-call-landing>
+<app-cite #cite *ngIf="currentTabId===5" [theme]="theme" [hidden]="currentTabId!==5" [api]="backendPath"></app-cite>
+<app-call-landing #call *ngIf="currentTabId===6" [theme]="theme" [hidden]="currentTabId!==6" [api]="backendPath"></app-call-landing>
-- 
GitLab