From 8e48e7e8f34950469f4605cf92c3807e5bf63565 Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Fri, 10 Jun 2022 20:06:05 +0200
Subject: [PATCH] change: export link click by button

---
 src/app/app.component.html |  5 +++--
 src/app/app.component.ts   | 13 ++++++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

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();
+		}
+	}
 }
-- 
2.39.5