forget password

ng6-seed/src/app/app.module.ts

@@ -42,8 +42,8 @@ import { AuthLayoutComponent } from './layouts/auth/auth-layout.component';
 import { SharedModule } from './shared/shared.module';
 import { AwsService } from './AwsService/aws.service';
 import { TokenInterceptor } from './_guard/token.interceptor';
-  // import { NewPasswordDialog2, ForgotPass } from './session/login/login.component';
+  import { NewPasswordDialog, ForgotPass } from './session/login/login.component';
-import { NewPasswordDialog,ForgotPass } from './session/otp/otp.component';
+import { NewPasswordDialog2,ForgotPass2 } from './session/otp/otp.component';
 import { AuthGuard } from './_guard/auth.guard';
 import { RoleMenuItemsPipe } from './layouts/role-menu-items.pipe';
 import { ResizableModule } from 'angular-resizable-element';
@@ -133,7 +133,7 @@ const pdCustomNotifierOptions: NotifierOptions = {
     AppComponent,
     AdminLayoutComponent,
     AuthLayoutComponent,
-    OtpComponent,
+    OtpComponent,NewPasswordDialog2,ForgotPass2,
     NewPasswordDialog,ForgotPass,ChangePasswordDialog, RoleMenuItemsPipe, HttpLoaderComponent,
      IncomingCallComponent, VideoChatComponent, DynamicNotifyComponent, 
   ],
@@ -202,7 +202,7 @@ const pdCustomNotifierOptions: NotifierOptions = {
     MessagingService, AsyncPipe,LoaderService
   ],
   // entryComponents: [NewPasswordDialog,ForgotPass,ChangePasswordDialog,DynamicNotifyComponent]
-  entryComponents: [NewPasswordDialog,ForgotPass,ChangePasswordDialog,OtpComponent,DynamicNotifyComponent]
+  entryComponents: [NewPasswordDialog,ForgotPass,ChangePasswordDialog,OtpComponent,DynamicNotifyComponent,NewPasswordDialog2,ForgotPass2]
     // IncomingCallComponent,VideoChatComponent,],
   ,bootstrap: [AppComponent]
 })

ng6-seed/src/app/session/login/login.component.ts

@@ -176,14 +176,15 @@ const confirmPassword = new FormControl('', CustomValidators.equalTo(newpassword
   <h5 class="mt-0">New Password Change.</h5>
   
   <mat-form-field>
-    <input matInput placeholder="New Password" #newpassword type="password" style="width: 100%;">
+  <input matInput placeholder="New Password" #newpassword [type]="hide1 ? 'password' : 'text'" style="width: 100%;">
-    
+  <mat-icon class="passwordIcon" matSuffix (click)="hide1 = !hide1">{{hide1 ? 'visibility_off' : 'visibility'}}</mat-icon>
 </mat-form-field>
   
 
   <br/>
   <mat-form-field> 
-  <input matInput placeholder="Confirm Password"  #confirmPassword type="password" style="width: 100%;">
+  <input matInput placeholder="ConfirmPassword"  #confirmPassword [type]="hide2 ? 'password' : 'text'" style="width: 100%;">
+  <mat-icon class="passwordIcon" matSuffix (click)="hide2 = !hide2">{{hide2 ? 'visibility_off' : 'visibility'}}</mat-icon>
 </mat-form-field>
   
   <small *ngIf="confirmPassword.value !='' && newpassword.value != confirmPassword.value" class="mat-text-warn">Passwords do not match.</small>
@@ -200,7 +201,8 @@ export class NewPasswordDialog {
   newpassword: any = newpassword;
   confirmPassword: any = confirmPassword;
   jazzMessage = 'Jazzy jazz jazz';
-
+  hide1: boolean = true;
+  hide2: boolean = true;
   constructor(public dialogRef: MatDialogRef<NewPasswordDialog>) {
 
   }

ng6-seed/src/app/session/otp/otp.component.ts

@@ -80,7 +80,7 @@ export class OtpComponent implements OnInit {
 
 newPasswordDialog(email) {
     
-  let dialogRef = this.dialog.open(NewPasswordDialog, this.config);
+  let dialogRef = this.dialog.open(NewPasswordDialog2, this.config);
 
   dialogRef.afterClosed().subscribe(result => {
     if (result !== undefined) {  
@@ -173,7 +173,7 @@ const confirmPassword = new FormControl('', CustomValidators.equalTo(newpassword
      <notifier-container></notifier-container> 
    `
 })
-export class NewPasswordDialog {
+export class NewPasswordDialog2 {
 
   newpassword: any = newpassword;
   confirmPassword: any = confirmPassword;
@@ -181,7 +181,7 @@ export class NewPasswordDialog {
   hide2: boolean = true;
   jazzMessage = 'Jazzy jazz jazz';
 
-  constructor(public dialogRef: MatDialogRef<NewPasswordDialog>) {
+  constructor(public dialogRef: MatDialogRef<NewPasswordDialog2>) {
 
   }
 
@@ -207,13 +207,13 @@ export class NewPasswordDialog {
    
      `
 })
-export class ForgotPass {
+export class ForgotPass2 {
 
  newpassword: any = newpassword;
  confirmPassword: any = confirmPassword;
  jazzMessage = 'Jazzy jazz jazz';
 
- constructor(public dialogRef: MatDialogRef<ForgotPass>) {
+ constructor(public dialogRef: MatDialogRef<ForgotPass2>) {
 
  }
 

ng6-seed/src/app/session/session.module.ts

@@ -11,13 +11,13 @@ import {
 import { FormsModule } from '@angular/forms';
 import { MatIconModule} from '@angular/material';
 import { FlexLayoutModule } from '@angular/flex-layout';
-import { LoginComponent } from './login/login.component';
+import { LoginComponent,ForgotPass,NewPasswordDialog } from './login/login.component';
 import { RegisterComponent } from './register/register.component';
 import { ForgotPasswordComponent } from './forgot-password/forgot-password.component';
 import { LockScreenComponent } from './lockscreen/lockscreen.component';
 
 import { SessionRoutes } from './session.routing';
-import { NewPasswordDialog, OtpComponent } from './otp/otp.component';
+import {  OtpComponent } from './otp/otp.component';
 
 @NgModule({
   imports: [
@@ -42,7 +42,7 @@ import { NewPasswordDialog, OtpComponent } from './otp/otp.component';
     LockScreenComponent,
     
   ],
-  // entryComponents:[NewPasswordDialog,OtpComponent]
+ // entryComponents:[NewPasswordDialog,ForgotPass]
 })
 
 export class SessionModule {}