7 files changed, 51 insertions, 22 deletions
diff --git a/Timeline/ClientApp/src/app/todo/todo-list-page/todo-list-page.component.css b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.css
index 754b786e..754b786e 100644
--- a/Timeline/ClientApp/src/app/todo/todo-list-page/todo-list-page.component.css
+++ b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.css
diff --git a/Timeline/ClientApp/src/app/todo/todo-list-page/todo-list-page.component.html b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html
index 50180fe8..50180fe8 100644
--- a/Timeline/ClientApp/src/app/todo/todo-list-page/todo-list-page.component.html
+++ b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html
diff --git a/Timeline/ClientApp/src/app/todo/todo-list-page/todo-list-page.component.spec.ts b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.spec.ts
index 0af113dc..16c77376 100644
--- a/Timeline/ClientApp/src/app/todo/todo-list-page/todo-list-page.component.spec.ts
+++ b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.spec.ts
@@ -7,8 +7,8 @@ import { Observable, from } from 'rxjs';
 import { delay } from 'rxjs/operators';
 
 import { TodoItem } from '../todo-item';
-import { TodoListPageComponent } from './todo-list-page.component';
-import { TodoListService } from '../todo-service/todo-list.service';
+import { TodoPageComponent } from './todo-page.component';
+import { TodoService } from '../todo-service/todo.service';
 
 
 @Component({
@@ -23,8 +23,8 @@ function asyncArray<T>(data: T[]): Observable<T> {
 }
 
 describe('TodoListPageComponent', () => {
-  let component: TodoListPageComponent;
-  let fixture: ComponentFixture<TodoListPageComponent>;
+  let component: TodoPageComponent;
+  let fixture: ComponentFixture<TodoPageComponent>;
 
   const mockTodoItems: TodoItem[] = [
     {
@@ -42,20 +42,20 @@ describe('TodoListPageComponent', () => {
   ];
 
   beforeEach(async(() => {
-    const todoListService: jasmine.SpyObj<TodoListService> = jasmine.createSpyObj('TodoListService', ['getWorkItemList']);
+    const mockTodoService: jasmine.SpyObj<TodoService> = jasmine.createSpyObj('TodoService', ['getWorkItemList']);
 
-    todoListService.getWorkItemList.and.returnValue(asyncArray(mockTodoItems));
+    mockTodoService.getWorkItemList.and.returnValue(asyncArray(mockTodoItems));
 
     TestBed.configureTestingModule({
-      declarations: [TodoListPageComponent, MatProgressBarStubComponent],
+      declarations: [TodoPageComponent, MatProgressBarStubComponent],
       imports: [NoopAnimationsModule],
-      providers: [{ provide: TodoListService, useValue: todoListService }],
+      providers: [{ provide: TodoService, useValue: mockTodoService }],
       schemas: [NO_ERRORS_SCHEMA]
     }).compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(TodoListPageComponent);
+    fixture = TestBed.createComponent(TodoPageComponent);
     component = fixture.componentInstance;
   });
 
diff --git a/Timeline/ClientApp/src/app/todo/todo-list-page/todo-list-page.component.ts b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.ts
index a69c6856..7b658228 100644
--- a/Timeline/ClientApp/src/app/todo/todo-list-page/todo-list-page.component.ts
+++ b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.ts
@@ -1,12 +1,14 @@
 import { Component, OnInit } from '@angular/core';
-import { TodoItem } from '../todo-item';
-import { TodoListService } from '../todo-service/todo-list.service';
 import { trigger, transition, style, animate } from '@angular/animations';
 
+
+import { TodoItem } from '../todo-item';
+import { TodoService } from '../todo-service/todo.service';
+
 @Component({
-  selector: 'app-todo-list-page',
-  templateUrl: './todo-list-page.component.html',
-  styleUrls: ['./todo-list-page.component.css', '../todo-list-color-block.css'],
+  selector: 'app-todo-page',
+  templateUrl: './todo-page.component.html',
+  styleUrls: ['./todo-page.component.css', '../todo-list-color-block.css'],
   animations: [
     trigger('itemEnter', [
       transition(':enter', [
@@ -20,12 +22,12 @@ import { trigger, transition, style, animate } from '@angular/animations';
     ])
   ]
 })
-export class TodoListPageComponent implements OnInit {
+export class TodoPageComponent implements OnInit {
 
   items: TodoItem[] = [];
   isLoadCompleted = false;
 
-  constructor(private todoService: TodoListService) {
+  constructor(private todoService: TodoService) {
   }
 
   ngOnInit() {
diff --git a/Timeline/ClientApp/src/app/todo/todo-service/todo-list.service.spec.ts b/Timeline/ClientApp/src/app/todo/todo-service/todo.service.spec.ts
index d8283b54..b0b35f7b 100644
--- a/Timeline/ClientApp/src/app/todo/todo-service/todo-list.service.spec.ts
+++ b/Timeline/ClientApp/src/app/todo/todo-service/todo.service.spec.ts
@@ -3,21 +3,21 @@ import { HttpClientTestingModule, HttpTestingController } from '@angular/common/
 import { toArray } from 'rxjs/operators';
 
 import { TodoItem } from '../todo-item';
-import { TodoListService, IssueResponse } from './todo-list.service';
+import { TodoService, IssueResponse } from './todo.service';
 
 
-describe('TodoListServiceService', () => {
+describe('TodoService', () => {
   beforeEach(() => TestBed.configureTestingModule({
     imports: [HttpClientTestingModule]
   }));
 
   it('should be created', () => {
-    const service: TodoListService = TestBed.get(TodoListService);
+    const service: TodoService = TestBed.get(TodoService);
     expect(service).toBeTruthy();
   });
 
   it('should work well', () => {
-    const service: TodoListService = TestBed.get(TodoListService);
+    const service: TodoService = TestBed.get(TodoService);
 
     const baseUrl = service.baseUrl;
 
diff --git a/Timeline/ClientApp/src/app/todo/todo-service/todo-list.service.ts b/Timeline/ClientApp/src/app/todo/todo-service/todo.service.ts
index 83bf47ec..ed1f2cbe 100644
--- a/Timeline/ClientApp/src/app/todo/todo-service/todo-list.service.ts
+++ b/Timeline/ClientApp/src/app/todo/todo-service/todo.service.ts
@@ -3,7 +3,7 @@ import { HttpClient } from '@angular/common/http';
 import { Observable, from } from 'rxjs';
 import { switchMap, map, filter } from 'rxjs/operators';
 
-import {TodoItem} from '../todo-item';
+import { TodoItem } from '../todo-item';
 
 export interface IssueResponseItem {
   number: number;
@@ -18,7 +18,7 @@ export type IssueResponse = IssueResponseItem[];
 @Injectable({
   providedIn: 'root'
 })
-export class TodoListService {
+export class TodoService {
 
   readonly baseUrl = 'https://api.github.com/repos/crupest/Timeline';
 
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 { }