Optimize blog component routing

project-manager-reactive/src/app/app.routing.ts

@@ -6,9 +6,10 @@ import {AboutComponent} from './about/about.component';
 import {LoginComponent} from './login/index';
 import {BlogComponent} from  './blog/blog.component';
 import {NotFoundComponent} from './not-found/not-found.component';
-import {tasksRoutes, tasksRoutingComponents, tasksRoutingProviders, blogComponents} from './tasks/tasks.routing';
+import {tasksRoutes, tasksRoutingComponents, tasksRoutingProviders} from './tasks/tasks.routing';
 import {RxDemoComponent} from './rxdemo/rxdemo.component';
 import {LoginGuard} from './login/login.guard';
+import {blogRoutingComponents} from "./blog/blog.routing";
 
 export const appRoutes: Routes = [
   {path: 'dashboard', component: DashboardComponent, data: {title: 'Startseite'}},
@@ -33,7 +34,7 @@ export const appRoutes: Routes = [
 export const appRouting = RouterModule.forRoot(appRoutes);
 
 export const routingComponents = [DashboardComponent, SettingsComponent, AboutComponent, LoginComponent, NotFoundComponent,
-  RxDemoComponent, ...blogComponents,  ...tasksRoutingComponents];
+  RxDemoComponent, ...blogRoutingComponents, ...tasksRoutingComponents];
 
 export const routingProviders = [LoginGuard,
   ...tasksRoutingProviders];

project-manager-reactive/src/app/blog/blog-entry/blog-entry.component.ts

@@ -1,6 +1,6 @@
 import {Component, Input } from '@angular/core';
 import {BlogEntry} from './blog-entry';
-import {BlogComponent} from "./blog.component";
+import {BlogComponent} from "../blog.component";
 
 @Component({
   selector: 'blog-entry',

project-manager-reactive/src/app/blog/blog.component.html

@@ -1,4 +1,4 @@
-<h1>Mein Angular-Blog</h1>
+<h1>Angular-Blog</h1>
 <blog-entry *ngFor="let entry of entries" [entry]="entry" [blogComponent]="this"></blog-entry>
 <h2>Neuen Blog-Eintrag erstellen</h2>
 

project-manager-reactive/src/app/blog/blog.component.ts

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 import {ActivatedRoute, ActivatedRouteSnapshot, Router, RouterStateSnapshot} from '@angular/router';
 import {Title} from '@angular/platform-browser';
 import {initialEntries} from './initialEntries';
-import {BlogEntry} from './blog-entry';
+import {BlogEntry} from './blog-entry/blog-entry';
 
 @Component({
   selector: 'blog',

project-manager-reactive/src/app/blog/blog.routing.ts

@@ -0,0 +1,4 @@
+import {BlogComponent} from "./blog.component";
+import {BlogEntryComponent} from "./blog-entry/blog-entry.component";
+
+export const blogRoutingComponents = [BlogComponent, BlogEntryComponent];

project-manager-reactive/src/app/tasks/tasks.routing.ts

@@ -5,8 +5,6 @@ import {EditTaskGuard} from './edit-task/edit-task.guard';
 import {TaskOverviewComponent} from './task-overview/task-overview.component';
 import {TasksComponent} from './tasks.component';
 import {LoginGuard} from '../login/login.guard';
-import {BlogComponent} from "../blog/blog.component";
-import {BlogEntryComponent} from "../blog/blog-entry.component";
 
 export const tasksRoutes: Routes = [{
   path: '', component: TasksComponent,
@@ -35,4 +33,3 @@ export const tasksRoutes: Routes = [{
 
 export const tasksRoutingComponents = [TasksComponent, TaskListComponent, EditTaskComponent, TaskOverviewComponent];
 export const tasksRoutingProviders = [EditTaskGuard];
-export const blogComponents = [BlogComponent, BlogEntryComponent];