Create password-reset dialog

Register PasswordResetDialog as EntryComponent so that it can be loaded into a dialog
Add password-reset dialog

src/app/app.module.ts

@@ -57,7 +57,8 @@ import { NotificationService } from './notification.service';
     RegisterComponent
   ],
   entryComponents: [
-    RegisterComponent
+    RegisterComponent,
+    PasswordResetComponent
   ],
   imports: [
     AppRoutingModule,

src/app/login-screen/login-screen.component.html

@@ -4,6 +4,6 @@
   </div>
   <div fxLayout="row" fxLayoutGap="5px">
     <button mat-raised-button color="primary" (click)="openRegisterDialog()">Register</button>
-    <button mat-raised-button color="primary">Password reset</button>
+    <button mat-raised-button color="primary" (click)="openPasswordDialog()">Password reset</button>
   </div>
 </div>

src/app/login-screen/login-screen.component.ts

 import { Component, Inject, NgModule, OnInit } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material';
 import { RegisterComponent } from '../register/register.component';
+import { PasswordResetComponent } from '../password-reset/password-reset.component';
 
 @Component({
   selector: 'app-login-screen',
@@ -9,11 +10,17 @@ import { RegisterComponent } from '../register/register.component';
 })
 export class LoginScreenComponent implements OnInit {
 
-  constructor(public registerDialog: MatDialog) {
+  constructor(public dialog: MatDialog) {
   }
 
   openRegisterDialog(): void {
-    const registerDialogRef = this.registerDialog.open(RegisterComponent, {
+    const registerDialogRef = this.dialog.open(RegisterComponent, {
+      width: '350px'
+    });
+  }
+
+  openPasswordDialog(): void {
+    const passwordDialogref = this.dialog.open(PasswordResetComponent, {
       width: '350px'
     });
   }