From cd2619d7acc7a87d75bfc78c00e0a188b62cf69e Mon Sep 17 00:00:00 2001
From: ge54hev <m.oubounyt@tum.de>
Date: Tue, 7 Apr 2020 12:50:36 +0200
Subject: [PATCH] oui
---
.../analysis-window.component.html | 8 +++++---
.../analysis-window/analysis-window.component.ts | 15 +++++++++++++++
2 files changed, 20 insertions(+), 3 deletions(-)
diff --git a/src/app/components/analysis-window/analysis-window.component.html b/src/app/components/analysis-window/analysis-window.component.html
index ba091706..dc41bd1d 100644
--- a/src/app/components/analysis-window/analysis-window.component.html
+++ b/src/app/components/analysis-window/analysis-window.component.html
@@ -17,8 +17,10 @@
<div class="card-content">
<div class="content">
<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">
@@ -34,7 +36,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>
diff --git a/src/app/components/analysis-window/analysis-window.component.ts b/src/app/components/analysis-window/analysis-window.component.ts
index e9f18dd9..770e22e1 100644
--- a/src/app/components/analysis-window/analysis-window.component.ts
+++ b/src/app/components/analysis-window/analysis-window.component.ts
@@ -13,6 +13,7 @@ import {HttpClient} from '@angular/common/http';
import {environment} from '../../../environments/environment';
import {AnalysisService} from '../../analysis.service';
import {Protein, Task, NodeType} from '../../interfaces';
+import html2canvas from 'html2canvas';
declare var vis: any;
@@ -27,6 +28,8 @@ export class AnalysisWindowComponent implements OnInit, OnChanges {
@Output() tokenChange = new EventEmitter<string | null>();
public task: Task | null = null;
+ public indexscreenshot = 1;
+
@ViewChild('network', {static: false}) networkEl: ElementRef;
@@ -35,6 +38,7 @@ export class AnalysisWindowComponent implements OnInit, OnChanges {
private drugNodes = [];
public showDrugs = false;
+
constructor(private http: HttpClient, public analysis: AnalysisService) {
}
@@ -216,5 +220,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();
+
+ });
+}
}
--
GitLab