conf lazy load files module

Author: aboudard

src/angular/src/app/admin/admin.component.ts

@@ -6,20 +6,23 @@ import { TodoEditComponent } from '../todo/todo-edit/todo-edit.component';
 
 const routes: Routes = [
   {
-    path: '',
-    redirectTo: 'todopage',
-    pathMatch: 'full'
-  },
-  {
-    path: 'adminpage',
-    loadChildren: () => import('../admin/admin.module').then(m => m.AdminModule),
+    path: 'files',
+    loadChildren: () => import('../files/files.module').then(m => m.FilesModule)
   },
   {
     path: 'todopage',
     component: TodoComponent
   },
-  { path: 'todopage/:id', component: TodoEditComponent },
-  { path: '**', redirectTo: 'todopage' } // bad routes redirect to todopage
+  {
+    path: 'todopage/:id',
+    component: TodoEditComponent
+  },
+  {
+    path: '',
+    redirectTo: 'todopage',
+    pathMatch: 'full'
+  },
+  { path: '**', redirectTo: 'todopage' }
 ];
 
 @NgModule({

src/angular/src/app/admin/admin.module.spec.ts

@@ -13,7 +13,6 @@ import { CompModule } from './comp/comp.module';
 import { ToastrModule } from 'ngx-toastr';
 import { TodoModule } from './todo/todo.module';
 import { AppRoutingModule } from './app-routing/app-routing.module';
-import { AdminModule } from './admin/admin.module';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { CustomDateParser } from './shared/custom-date-parser';
 
@@ -22,7 +21,6 @@ import { CustomDateParser } from './shared/custom-date-parser';
   imports: [
     CompModule,
     TodoModule,
-    AdminModule,
     FormsModule,
     ReactiveFormsModule,
     HttpClientModule,

src/angular/src/app/admin/admin.module.ts

@@ -16,7 +16,7 @@
         <a class="nav-link" [routerLinkActive]="['active']" routerLink="todopage">Todo</a>
       </li>
       <li class="nav-item">
-        <a class="nav-link" [routerLinkActive]="['active']" routerLink="adminpage">Admin</a>
+        <a class="nav-link" [routerLinkActive]="['active']" routerLink="files">Files</a>
       </li>
     </ul>
     <div class="float-right pr-3">

src/angular/src/app/app-routing/app-routing.module.ts

@@ -1,16 +1,12 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-import { AdminComponent } from './admin.component';
 
-const routes: Routes = [
-  {
-    path: '',
-    component: AdminComponent
-  }
-];
+import { FilesComponent } from './files.component';
+
+const routes: Routes = [{ path: '', component: FilesComponent }];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
   exports: [RouterModule]
 })
-export class AdminRoutingModule {}
+export class FilesRoutingModule { }

src/angular/src/app/app.module.ts

@@ -1,20 +1,20 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { AdminComponent } from './admin.component';
+import { FilesComponent } from './files.component';
 
-describe('AdminComponent', () => {
-  let component: AdminComponent;
-  let fixture: ComponentFixture<AdminComponent>;
+describe('FilesComponent', () => {
+  let component: FilesComponent;
+  let fixture: ComponentFixture<FilesComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ AdminComponent ]
+      declarations: [ FilesComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(AdminComponent);
+    fixture = TestBed.createComponent(FilesComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });