From e01ada75f3de72567d605b5bebac18f68bfa0a9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 6 Mar 2018 11:43:07 +0100
Subject: [PATCH] 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 | 3 ++-
src/app/login-screen/login-screen.component.html | 2 +-
src/app/login-screen/login-screen.component.ts | 11 +++++++++--
3 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index adaff6f92..80dcc1c49 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -57,7 +57,8 @@ import { NotificationService } from './notification.service';
RegisterComponent
],
entryComponents: [
- RegisterComponent
+ RegisterComponent,
+ PasswordResetComponent
],
imports: [
AppRoutingModule,
diff --git a/src/app/login-screen/login-screen.component.html b/src/app/login-screen/login-screen.component.html
index 13c68389b..52ae459e1 100644
--- a/src/app/login-screen/login-screen.component.html
+++ b/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>
diff --git a/src/app/login-screen/login-screen.component.ts b/src/app/login-screen/login-screen.component.ts
index 0f8de2077..dae07f2c6 100644
--- a/src/app/login-screen/login-screen.component.ts
+++ b/src/app/login-screen/login-screen.component.ts
@@ -1,6 +1,7 @@
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'
});
}
--
GitLab