Add cancel button to create and edit qualification modals (#36)

Co-authored-by: Phan Huy Tran <p.tran@neusta.de>
Reviewed-on: http://git.simonis.lol/angular/ems-frontend/pulls/36
Co-authored-by: Huy <ptran@noreply@simonis.lol>
Co-committed-by: Huy <ptran@noreply@simonis.lol>

src/app/qualification/create/create.component.html

@@ -17,6 +17,7 @@
       </mat-form-field>
 
       <mat-dialog-actions align="end">
+        <button mat-button mat-dialog-close>Cancel</button>
         <button mat-flat-button color="primary" type="submit">Create</button>
       </mat-dialog-actions>
     </div>

src/app/qualification/create/create.component.ts

@@ -1,7 +1,13 @@
 import {Component, inject} from '@angular/core';
 import {FormBuilder, ReactiveFormsModule, Validators} from "@angular/forms";
 import QualificationService from "../../services/qualification.service";
-import {MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle} from "@angular/material/dialog";
+import {
+    MatDialogActions,
+    MatDialogClose,
+    MatDialogContent,
+    MatDialogRef,
+    MatDialogTitle
+} from "@angular/material/dialog";
 import {NgIf} from "@angular/common";
 import {MatError, MatFormField, MatLabel} from "@angular/material/form-field";
 import {MatButton} from "@angular/material/button";
@@ -20,7 +26,8 @@ import {filter} from "rxjs";
         MatFormField,
         MatDialogActions,
         MatButton,
-        MatInput
+        MatInput,
+        MatDialogClose
     ],
     templateUrl: './create.component.html',
     styleUrl: './create.component.css'

src/app/qualification/edit/edit.component.html

@@ -17,6 +17,7 @@
       </mat-form-field>
 
       <mat-dialog-actions align="end">
+        <button mat-button mat-dialog-close>Cancel</button>
         <button mat-flat-button color="primary" type="submit">Edit</button>
       </mat-dialog-actions>
     </div>

src/app/qualification/edit/edit.component.ts

@@ -3,7 +3,7 @@ import {FormBuilder, FormsModule, ReactiveFormsModule, Validators} from "@angula
 import QualificationService from "../../services/qualification.service";
 import {
     MAT_DIALOG_DATA,
-  MatDialogActions,
+    MatDialogActions, MatDialogClose,
     MatDialogContent,
     MatDialogRef,
     MatDialogTitle
@@ -27,7 +27,8 @@ import {Qualification} from "../Qualification";
         MatInput,
         MatLabel,
         NgIf,
-    ReactiveFormsModule
+        ReactiveFormsModule,
+        MatDialogClose
     ],
   templateUrl: './edit.component.html',
   styleUrl: './edit.component.css'