User named route in dialog.

1 files changed, 8 insertions, 1 deletions

diff --git a/Timeline/ClientApp/src/app/user/user.module.ts b/Timeline/ClientApp/src/app/user/user.module.ts
index 67de90a2..1e70d33d 100644
--- a/Timeline/ClientApp/src/app/user/user.module.ts
+++ b/Timeline/ClientApp/src/app/user/user.module.ts
@@ -11,14 +11,21 @@ import { UserDialogComponent } from './user-dialog/user-dialog.component';
 import { UserLoginComponent } from './user-login/user-login.component';
 import { UserLoginSuccessComponent } from './user-login-success/user-login-success.component';
 import { UtilityModule } from '../utility/utility.module';
+import { RouterModule } from '@angular/router';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 @NgModule({
   declarations: [UserDialogComponent, UserLoginComponent, UserLoginSuccessComponent],
   imports: [
-    CommonModule, HttpClientModule, ReactiveFormsModule,
+    RouterModule.forChild([
+      { path: 'login', component: UserLoginComponent, outlet: 'user' },
+      { path: 'success', component: UserLoginSuccessComponent, outlet: 'user' }
+    ]),
+    CommonModule, HttpClientModule, ReactiveFormsModule, BrowserAnimationsModule,
     MatFormFieldModule, MatProgressSpinnerModule, MatDialogModule, MatInputModule, MatButtonModule,
     UtilityModule
   ],
+  exports: [RouterModule],
   entryComponents: [UserDialogComponent]
 })
 export class UserModule { }