From af7d405405a243ad41698f383e8e571b1068c18f Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Mon, 6 Jun 2022 16:42:26 +0200
Subject: [PATCH] add: export to json file

---
 src/app/app.component.html | 11 +++++++++++
 src/app/app.component.ts   | 12 ++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 4bff8ff..404ceab 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,14 @@
+<button class="button"
+	type="button"
+	id="exportJson"
+	(click)="exportJson()">Export</button>
+<button class="button"
+	type="button"
+	[disabled]="downloadJsonHref === ''"
+	id="downloadJson">
+	<a [href]="downloadJsonHref"
+	[hidden]="downloadJsonHref === ''"
+	download="speisekarte.json">Download</a></button>
 <button class="button main"
 	type="button"
 	id="buttonTitle"
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index bd5626c..5bfb545 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -3,6 +3,7 @@ import { ITitle } from './ititle';
 import { ISubtitle } from './isubtitle';
 import { IFood } from './ifood';
 import { IFoodCard } from './ifood-card';
+import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 
 @Component({
 	selector: 'app-root',
@@ -20,6 +21,9 @@ export class AppComponent
 	public formSubtitleVisible: boolean = false;
 	public formFoodVisible: boolean = false;
 	public edit: boolean = false;
+	public downloadJsonHref: SafeUrl = "";
+
+	constructor(private sanitizer: DomSanitizer) {}
 
 	public changeFormTitleVisible(): void
 	{
@@ -56,6 +60,14 @@ export class AppComponent
 		return false;
 	}
 
+	public exportJson(): void
+	{
+		let json = JSON.stringify(this.foodcard);
+		let uri = this.sanitizer.bypassSecurityTrustUrl(
+			"data:text/json;charset=UTF-8," + json);
+		this.downloadJsonHref = uri;
+	}
+
 	public addTitle(): void
 	{
 		this.foodcard.Titles.push(this.title);
-- 
2.39.5