From bc7eda33b319c3136908d65e9031d7203d2a11db Mon Sep 17 00:00:00 2001
From: Piotr Pekala <piotrpawelpekala@gmail.com>
Date: Wed, 27 Feb 2019 02:06:52 -0800
Subject: [PATCH] Adding new project on enter

---
 .../add-blank-project-dialog.component.html              | 1 +
 .../add-blank-project-dialog.component.spec.ts           | 9 +++++++++
 .../add-blank-project-dialog.component.ts                | 6 ++++++
 3 files changed, 16 insertions(+)

diff --git a/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.html b/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.html
index a2e0b14b..9e3b6920 100644
--- a/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.html
+++ b/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.html
@@ -3,6 +3,7 @@
   <mat-form-field class="file-name-form-field">
     <input
       matInput
+      (keydown)="onKeyDown($event)"
       type="text"
       formControlName="projectName"
       [ngClass]="{ 'is-invalid': form.projectName?.errors }"
diff --git a/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.spec.ts b/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.spec.ts
index 3ed7d6fd..446bd081 100644
--- a/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.spec.ts
+++ b/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.spec.ts
@@ -141,4 +141,13 @@ describe('AddBlankProjectDialogComponent', () => {
     expect(toaster.success).toHaveBeenCalled();
     expect(router.navigate).toHaveBeenCalled();
   });
+
+  it('should call adding on enter', () => {
+    component.projectNameForm.controls['projectName'].setValue('validName');
+    spyOn(component, 'onAddClick');
+
+    component.onKeyDown({key: 'Enter'});
+
+    expect(component.onAddClick).toHaveBeenCalled();
+  });
 });
diff --git a/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.ts b/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.ts
index 2874130d..6536836c 100644
--- a/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.ts
+++ b/src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.ts
@@ -71,6 +71,12 @@ export class AddBlankProjectDialogComponent implements OnInit {
       });
   }
 
+  onKeyDown(event) {
+    if (event.key === "Enter") {
+      this.onAddClick();
+    }
+  }
+
   openConfirmationDialog(existingProject: Project) {
     const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
       width: '300px',