Skip to content
Snippets Groups Projects
Commit c5c8b924 authored by Julian Späth's avatar Julian Späth
Browse files

Merge branch 'screenshot' into 'master' 

2 first tasks

See merge request covid-19/frontend!49
parents 81f08e46 c239add2
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/app/components/analysis-window/analysis-window.component.html
+ 5
− 3
View file @ c5c8b924
......@@ -44,8 +44,10 @@
</div>
<div class="content tab-content" *ngIf="task && task.info.done" [class.is-visible]="tab === 'network'">
<div class="card-image">
<div class="network center" #network>
<button class="button is-loading center">Loading</button>
<div class="parent" id="1">
<div class="network center" #network>
<button class="button is-loading center">Loading</button>
</div>
</div>
</div>
<footer class="card-footer toolbar">
......@@ -61,7 +63,7 @@
</button>
</p>
<p class="control">
<button class="button is-primary is-rounded" [disabled]="true">
<button (click)="screenshot()" class="button is-primary is-rounded" >
<span class="icon">
<i class="fas fa-camera" aria-hidden="true"></i>
</span>
......
src/app/components/analysis-window/analysis-window.component.ts
+ 14
− 0
View file @ c5c8b924
......@@ -13,6 +13,7 @@ import {HttpClient} from '@angular/common/http';
import {environment} from '../../../environments/environment';
import {AnalysisService} from '../../analysis.service';
import {Protein, Task, NodeType, ViralProtein, Drug} from '../../interfaces';
import html2canvas from 'html2canvas';
declare var vis: any;
......@@ -30,6 +31,8 @@ export class AnalysisWindowComponent implements OnInit, OnChanges {
public task: Task | null = null;
public indexscreenshot = 1;
@ViewChild('network', {static: false}) networkEl: ElementRef;
......@@ -295,5 +298,16 @@ export class AnalysisWindowComponent implements OnInit, OnChanges {
this.nodeData.nodes.add(this.drugNodes);
}
}
public screenshot() {
const elem = document.getElementById(this.indexscreenshot.toString());
html2canvas(elem).then((canvas) => {
const generatedImage1 = canvas.toDataURL('image/png').replace('image/png', 'image/octet-stream');
const a = document.createElement('a');
a.href = generatedImage1;
a.download = `Resulting_Network.png`;
a.click();
});
}
}
src/app/pages/explorer-page/explorer-page.component.html
+ 16
− 9
View file @ c5c8b924
......@@ -16,7 +16,8 @@
<a (click)="collabsData = !collabsData" data-action="collapse" class="card-header-icon is-hidden-fullscreen"
aria-label="more options">
<span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i>
<i *ngIf="collabsData" class="fas fa-angle-up" aria-hidden="true"></i>
<i *ngIf="!collabsData" class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</a>
</header>
......@@ -41,8 +42,8 @@
<a (click)="collabsOverview= !collabsOverview" data-action="collapse"
class="card-header-icon is-hidden-fullscreen" aria-label="more options">
<span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</span>
<i *ngIf="collabsOverview" class="fas fa-angle-up" aria-hidden="true"></i>
<i *ngIf="!collabsOverview" class="fas fa-angle-down" aria-hidden="true"></i> </span>
</a>
</header>
<div *ngIf="collabsOverview">
......@@ -81,7 +82,8 @@
<a (click)="collabsQuery = !collabsQuery" data-action="collapse"
class="card-header-icon is-hidden-fullscreen" aria-label="more options">
<span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i>
<i *ngIf="collabsQuery" class="fas fa-angle-up" aria-hidden="true"></i>
<i *ngIf="!collabsQuery" class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</a>
</header>
......@@ -107,7 +109,8 @@
<a (click)="collabsDFilter = !collabsDFilter" data-action="collapse"
class="card-header-icon is-hidden-fullscreen" aria-label="more options">
<span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i>
<i *ngIf="collabsDFilter" class="fas fa-angle-up" aria-hidden="true"></i>
<i *ngIf="!collabsDFilter" class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</a>
</header>
......@@ -203,7 +206,8 @@
<a (click)="collabsDetails = !collabsDetails" data-action="collapse"
class="card-header-icon is-hidden-fullscreen" aria-label="more options">
<span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i>
<i *ngIf="collabsDetails" class="fas fa-angle-up" aria-hidden="true"></i>
<i *ngIf="!collabsDetails" class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</a>
</header>
......@@ -274,7 +278,8 @@
<a (click)="collabsAnalysis = !collabsAnalysis" data-action="collapse"
class="card-header-icon is-hidden-fullscreen" aria-label="more options">
<span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i>
<i *ngIf="collabsAnalysis" class="fas fa-angle-up" aria-hidden="true"></i>
<i *ngIf="!collabsAnalysis" class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</a>
</header>
......@@ -322,7 +327,8 @@
<a (click)="collabsTask = !collabsTask" data-action="collapse" class="card-header-icon is-hidden-fullscreen"
aria-label="more options">
<span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i>
<i *ngIf="collabsSelection" class="fas fa-angle-up" aria-hidden="true"></i>
<i *ngIf="!collabsSelection" class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</a>
</header>
......@@ -355,7 +361,8 @@
<a (click)="collabsSelection = !collabsSelection" data-action="collapse"
class="card-header-icon is-hidden-fullscreen" aria-label="more options">
<span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i>
<i *ngIf="collabsSelection" class="fas fa-angle-up" aria-hidden="true"></i>
<i *ngIf="!collabsSelection" class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</a>
</header>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment