diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 3eea77d6f17f5a90b8c83f403deebd16001aa7c1..99d882e62da958fa0a3a54a9ae11287973a655a3 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 69468ca83e48470cd1f0f5a3fed7c46ac3ff8f86..8cd86a17add2698b242aa8f8b25a1d3202a3766e 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 0f17c797d004a516f8761b887907e6aca06e2ae6..027b11e3f40fd2440f28037ac8ec08b5c6517ecc 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 2274fc4dedb937fbc5edab790b4109f47e9dcba2..ec868e598a6cd5fc96da2c1e7ee2be8ecb0d3c38 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 4d2e6ac31a53e841e08746a5b8700fe7c53c174c..1df0419f563220460e07a973b36ba92d60b29b38 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 0000000000000000000000000000000000000000..ba8c6ad6da109ce48c330b17337ffbff6047aec2
--- /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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
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 0000000000000000000000000000000000000000..1a7589ab472f54221e8ec5ef7113b0785284942f
--- /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 0000000000000000000000000000000000000000..d8e67913d3c4306ba03aa360e58d06c3d3a7e918
--- /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 4644b192c5b7830364cfa67c17591d17c85d3913..2d6ffda60e2d547b504d41f128dd8f6e8ea1d517 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>