From cff0967b99fcd763a681bb25fcd50eaff1e381dd Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Sat, 11 Jun 2022 10:55:31 +0200
Subject: [PATCH] add: save with press enter

---
 src/app/food/food.component.html         | 5 ++++-
 src/app/food/food.component.ts           | 6 ++++++
 src/app/subtitle/subtitle.component.html | 8 ++++++--
 src/app/subtitle/subtitle.component.ts   | 6 ++++++
 src/app/title/title.component.html       | 4 +++-
 src/app/title/title.component.ts         | 6 ++++++
 6 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/app/food/food.component.html b/src/app/food/food.component.html
index eeac428..fd2e218 100644
--- a/src/app/food/food.component.html
+++ b/src/app/food/food.component.html
@@ -7,7 +7,10 @@
 		[disabled]="formFoodVisible"
 		(click)="editFood()">Bearbeiten</button>
 
-	<form #formFood="ngForm" *ngIf="formFoodVisible" class="grid form">
+	<form #formFood="ngForm"
+		*ngIf="formFoodVisible"
+		(keypress)="onKeypressEnter($event)"
+		class="grid form">
 		<label>Speise</label>
 		<input [(ngModel)]="food.Food" name="food" type="text" />
 		<label>Beilage</label>
diff --git a/src/app/food/food.component.ts b/src/app/food/food.component.ts
index 420109f..a675c9a 100644
--- a/src/app/food/food.component.ts
+++ b/src/app/food/food.component.ts
@@ -30,4 +30,10 @@ export class FoodComponent implements OnInit
 	{
 		this.formFoodVisible = false;
 	}
+
+	public onKeypressEnter(e: any): void
+	{
+		if (e.keyCode === 13)
+			this.saveFood();
+	}
 }
diff --git a/src/app/subtitle/subtitle.component.html b/src/app/subtitle/subtitle.component.html
index 2866586..9a38035 100644
--- a/src/app/subtitle/subtitle.component.html
+++ b/src/app/subtitle/subtitle.component.html
@@ -8,9 +8,13 @@
 		id="buttonFood"
 		(click)="addNewFood()">Speise hinzufügen</button>
 
-	<form #formSubtitle="ngForm" *ngIf="formSubtitleVisible" class="form">
+	<form #formSubtitle="ngForm" *ngIf="formSubtitleVisible"
+		(keypress)="onKeypressEnter($event)"
+		class="form">
 		<label>Untertitel</label>
-		<input [(ngModel)]="subtitle.Subtitle" name="subtitle" type="text" />
+		<input [(ngModel)]="subtitle.Subtitle"
+		name="subtitle"
+		type="text" />
 		<button class="button"
 			type="button"
 			id="saveSubtitle"
diff --git a/src/app/subtitle/subtitle.component.ts b/src/app/subtitle/subtitle.component.ts
index 2f20645..2384943 100644
--- a/src/app/subtitle/subtitle.component.ts
+++ b/src/app/subtitle/subtitle.component.ts
@@ -25,6 +25,12 @@ export class SubtitleComponent implements OnInit
 		this.formSubtitleVisible = true;
 	}
 
+	public onKeypressEnter(e: any): void
+	{
+		if (e.keyCode === 13)
+			this.saveSubtitle();
+	}
+
 	public saveSubtitle(): void
 	{
 		this.formSubtitleVisible = false;
diff --git a/src/app/title/title.component.html b/src/app/title/title.component.html
index 4d25ee8..746961b 100644
--- a/src/app/title/title.component.html
+++ b/src/app/title/title.component.html
@@ -3,7 +3,9 @@
 	<button class="button"
 		type="button"
 		(click)="editTitle()">Bearbeiten</button>
-	<form #formTitle="ngForm" *ngIf="formTitleVisible" class="form">
+	<form #formTitle="ngForm" *ngIf="formTitleVisible"
+		(keypress)="onKeypressEnter($event)"
+		class="form">
 		<label>Titel</label>
 		<input [(ngModel)]="title.Title" name="title" type="text" />
 		<button class="button"
diff --git a/src/app/title/title.component.ts b/src/app/title/title.component.ts
index 1b1b20b..0b841d7 100644
--- a/src/app/title/title.component.ts
+++ b/src/app/title/title.component.ts
@@ -25,6 +25,12 @@ export class TitleComponent implements OnInit
 		this.formTitleVisible = true;
 	}
 
+	public onKeypressEnter(e: any): void
+	{
+		if (e.keyCode === 13)
+			this.saveTitle();
+	}
+
 	public saveTitle(): void
 	{
 		this.formTitleVisible = false;
-- 
2.39.5