From: Bastian Dehn <hhaalo@arcor.de>
Date: Fri, 10 Jun 2022 18:06:05 +0000 (+0200)
Subject: change: export link click by button
X-Git-Tag: v1.0^2~7
X-Git-Url: https://gitweb.hhaalo.de/?a=commitdiff_plain;h=8e48e7e8f34950469f4605cf92c3807e5bf63565;p=speisekarten-editor.git

change: export link click by button
---

diff --git a/src/app/app.component.html b/src/app/app.component.html
index b7e8c55..4c8ec20 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -6,9 +6,10 @@
 		type="button"
 		id="exportJson"
 		(click)="exportJson()">Export</button>
-	<a id="exportLink"
+	<a #exportLink
+		id="exportLink"
 		[href]="downloadJsonHref"
-		[hidden]="downloadJsonHref === ''"
+		hidden="hidden"
 		download="speisekarte.json">Download</a>
 	<button class="button"
 		type="button"
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 4a2a7e8..ceb2f78 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ViewChild, AfterViewChecked } from '@angular/core';
 import { SafeUrl } from '@angular/platform-browser';
 import { ITitle } from './ititle';
 import { ISubtitle } from './isubtitle';
@@ -12,8 +12,9 @@ import { JsonFileService } from './json-file.service';
 	styleUrls: ['./app.component.css']
 })
 
-export class AppComponent
+export class AppComponent implements AfterViewChecked
 {
+	@ViewChild("exportLink")
 	public foodcard: IFoodCard = { Titles: [] };
 	public downloadJsonHref: SafeUrl = "";
 
@@ -40,5 +41,11 @@ export class AppComponent
 		this.foodcard.Titles.push({ Title: "", Subtitles: [] });
 	}
 
-
+	public ngAfterViewChecked()
+	{
+		if (this.downloadJsonHref !== "") {
+			let link = document.getElementById("exportLink");
+			link?.click();
+		}
+	}
 }