From 80fd5c4f096b6f92900691df9ddd318aecb6c35e Mon Sep 17 00:00:00 2001
From: Michael <reinertmi78855@th-nuernberg.de>
Date: Mon, 22 Jun 2020 14:40:00 +0200
Subject: [PATCH] added autofocus

---
 src/app/userstory-form/userstory-form.component.html | 4 ++--
 src/app/userstory-form/userstory-form.component.ts   | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/userstory-form/userstory-form.component.html b/src/app/userstory-form/userstory-form.component.html
index 7701d59..1d86b8b 100644
--- a/src/app/userstory-form/userstory-form.component.html
+++ b/src/app/userstory-form/userstory-form.component.html
@@ -13,8 +13,8 @@
                     <div class="col-md-9">
                         <div class="form-group">
                             <label for="Title">Titel</label>
-                            <input type="text" class="form-control" id="Title" required name="title"
-                                [(ngModel)]="userstory.title">
+                            <input type="text" class="form-control" id="Title" required autofocus name="title"
+                                [(ngModel)]="userstory.title" id="titleField">
                         </div>
                     </div>
                     <div class="col-md-1"></div>
diff --git a/src/app/userstory-form/userstory-form.component.ts b/src/app/userstory-form/userstory-form.component.ts
index 0312338..8ff39bb 100644
--- a/src/app/userstory-form/userstory-form.component.ts
+++ b/src/app/userstory-form/userstory-form.component.ts
@@ -20,6 +20,7 @@ export class UserstoryFormComponent implements OnInit {
 		} else {
 			this.editing = true;
 		}
+		this.focusTitleField();
 	}
 
 	onSubmit() {
@@ -41,4 +42,8 @@ export class UserstoryFormComponent implements OnInit {
 	onClose() {
 		this.activeModalService.dismiss(this.userstory);
 	}
+
+	focusTitleField() {
+		document.getElementById('titleField').focus();
+	}
 }