1 files changed, 16 insertions, 5 deletions
diff --git a/Timeline/ClientApp/src/app/app.module.ts b/Timeline/ClientApp/src/app/app.module.ts
index 1f5e71a6..5add9395 100644
--- a/Timeline/ClientApp/src/app/app.module.ts
+++ b/Timeline/ClientApp/src/app/app.module.ts
@@ -1,12 +1,12 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
 import { HttpClientModule } from '@angular/common/http';
 import { RouterModule } from '@angular/router';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import {
   MatMenuModule, MatIconModule, MatButtonModule, MatToolbarModule, MatListModule,
-  MatProgressBarModule, MatCardModule
+  MatProgressBarModule, MatCardModule, MatDialogModule, MatInputModule, MatFormFieldModule
 } from '@angular/material';
 
 import { AppComponent } from './app.component';
@@ -14,6 +14,14 @@ import { HomeComponent } from './home/home.component';
 import { TodoListPageComponent } from './todo-list-page/todo-list-page.component';
 import { TodoItemComponent } from './todo-item/todo-item.component';
 import { UserDialogComponent } from './user-dialog/user-dialog.component';
+import { DebounceClickDirective } from './debounce-click.directive';
+import { UserLoginComponent } from './user-login/user-login.component';
+
+const importedMatModules = [
+  MatMenuModule, MatIconModule, MatButtonModule, MatToolbarModule,
+  MatListModule, MatProgressBarModule, MatCardModule, MatDialogModule,
+  MatInputModule, MatFormFieldModule
+];
 
 @NgModule({
   declarations: [
@@ -21,19 +29,22 @@ import { UserDialogComponent } from './user-dialog/user-dialog.component';
     HomeComponent,
     TodoListPageComponent,
     TodoItemComponent,
-    UserDialogComponent
+    UserDialogComponent,
+    DebounceClickDirective,
+    UserLoginComponent
   ],
   imports: [
     BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }),
     HttpClientModule,
-    FormsModule,
+    ReactiveFormsModule,
     BrowserAnimationsModule,
-    MatMenuModule, MatIconModule, MatButtonModule, MatToolbarModule, MatListModule, MatProgressBarModule, MatCardModule,
+    ...importedMatModules,
     RouterModule.forRoot([
       { path: '', component: HomeComponent, pathMatch: 'full' },
       { path: 'todo', component: TodoListPageComponent }
     ])
   ],
+  entryComponents: [UserDialogComponent],
   providers: [],
   bootstrap: [AppComponent]
 })