Reorganize with modules.

1 files changed, 27 insertions, 0 deletions

diff --git a/Timeline/ClientApp/src/app/todo/todo.module.ts b/Timeline/ClientApp/src/app/todo/todo.module.ts
new file mode 100644
index 00000000..5bcfefbd
--- /dev/null
+++ b/Timeline/ClientApp/src/app/todo/todo.module.ts
@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { MatListModule, MatIconModule, MatCardModule, MatProgressBarModule, MatButtonModule } from '@angular/material';
+import { HttpClientModule } from '@angular/common/http';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
+import { TodoItemComponent } from './todo-item/todo-item.component';
+import { TodoPageComponent } from './todo-page/todo-page.component';
+
+@NgModule({
+  declarations: [
+    TodoItemComponent,
+    TodoPageComponent
+  ],
+  imports: [
+    CommonModule, HttpClientModule, BrowserAnimationsModule,
+    MatListModule, MatCardModule, MatIconModule, MatProgressBarModule, MatButtonModule,
+    RouterModule.forChild([
+      { path: 'todo', component: TodoPageComponent }
+    ])
+  ],
+  exports: [
+    RouterModule
+  ]
+})
+export class TodoModule { }