refacto pages with modules

src/app/app-routing.module.ts

@@ -1,11 +1,5 @@
 import {NgModule} from '@angular/core';
 import {RouterModule, Routes} from '@angular/router';
-import {CgvComponent} from "./pages/legal/cgv/cgv.component";
-import {CguComponent} from "./pages/legal/cgu/cgu.component";
-import {AboutComponent} from "./pages/about/about.component";
-import {JoinComponent} from "./pages/join/join.component";
-import {NewsListPageComponent} from "./pages/news/news-list-page/news-list-page.component";
-import {VotePageComponent} from "./pages/vote/vote-page/vote-page.component";
 import {AccueilComponent} from "./pages/accueil/accueil.component";
 
 const routes: Routes = [
@@ -15,39 +9,35 @@ const routes: Routes = [
   },
   {
     path: 'cgv',
-    component: CgvComponent
+    loadChildren: () => import('./pages/legal/cgv/cgv.module').then(m => m.CgvModule)
   },
   {
     path: 'cgu',
-    component: CguComponent
-  },
-  {
-    path: 'about',
-    component: AboutComponent
+    loadChildren: () => import('./pages/legal/cgu/cgu.module').then(m => m.CguModule)
   },
   {
     path: 'join',
-    component: JoinComponent
-  },
-  {
-    path: 'news',
-    component: NewsListPageComponent
+    loadChildren: () => import('./pages/join/join.module').then(m => m.JoinModule)
   },
   {
     path: 'vote',
-    component: VotePageComponent
+    loadChildren: () => import('./pages/vote/vote.module').then(m => m.VoteModule)
   },
   {
-    path: 'shop', loadChildren: () => import('./pages/shop/shop.module').then(m => m.ShopModule)
+    path: 'shop',
+    loadChildren: () => import('./pages/shop/shop.module').then(m => m.ShopModule)
   },
   {
-    path: 'user', loadChildren: () => import('./pages/user/user.module').then(m => m.UserModule)
+    path: 'user',
+    loadChildren: () => import('./pages/user/user.module').then(m => m.UserModule)
   },
   {
-    path: 'wiki', loadChildren: () => import('./pages/wiki/wiki.module').then(m => m.WikiModule)
+    path: 'wiki',
+    loadChildren: () => import('./pages/wiki/wiki.module').then(m => m.WikiModule)
   },
   {
-    path: 'news', loadChildren: () => import('./pages/news/news.module').then(m => m.NewsModule)
+    path: 'news',
+    loadChildren: () => import('./pages/news/news.module').then(m => m.NewsModule)
   },
   {
     path: '**',

src/app/app.module.ts

@@ -6,11 +6,6 @@ import {AppComponent} from './app.component';
 import {NavbarComponent} from './components/navbar/navbar.component';
 import {FooterComponent} from './components/footer/footer.component';
 import {FontAwesomeModule} from "@fortawesome/angular-fontawesome";
-import {CguComponent} from './pages/legal/cgu/cgu.component';
-import {CgvComponent} from './pages/legal/cgv/cgv.component';
-import {AboutComponent} from './pages/about/about.component';
-import {JoinComponent} from './pages/join/join.component';
-import {VotePageComponent} from './pages/vote/vote-page/vote-page.component';
 import {HttpClientModule} from "@angular/common/http";
 import {NgForOf, NgIf, NgOptimizedImage} from "@angular/common";
 import {NewsModule} from "./pages/news/news.module";
@@ -35,17 +30,10 @@ import {AboutAccueilSectionComponent} from "./pages/accueil/components/about/abo
 
     AccueilComponent,
     WelcomeAccueilSectionComponent,
-    AboutComponent,
     AboutDetailsAccueilSectionComponent,
     NewsAccueilSectionComponent,
     SocialsAccueilSectionComponent,
     StaffAccueilSectionComponent,
-
-    CguComponent,
-    CgvComponent,
-    AboutComponent,
-    JoinComponent,
-    VotePageComponent,
     AboutAccueilSectionComponent
   ],
   imports: [
@@ -64,8 +52,7 @@ import {AboutAccueilSectionComponent} from "./pages/accueil/components/about/abo
     provideClientHydration()
   ],
   exports: [
-    NotificationComponent,
-    AboutComponent
+    NotificationComponent
   ],
   bootstrap: [AppComponent]
 })

src/app/pages/join/join-routing.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from "@angular/router";
+import {JoinComponent} from "./join.component";
+
+const routes: Routes = [
+  {
+    path: '',
+    component: JoinComponent
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class JoinRoutingModule { }

src/app/pages/join/join.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {JoinComponent} from "./join.component";
+import {JoinRoutingModule} from "./join-routing.module";
+
+
+@NgModule({
+  declarations: [
+    JoinComponent
+  ],
+  imports: [
+    CommonModule,
+    JoinRoutingModule
+  ]
+})
+export class JoinModule { }

src/app/pages/legal/cgu/cgu-routing.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from "@angular/router";
+import {CguComponent} from "./cgu.component";
+
+const routes: Routes = [
+  {
+    path: '',
+    component: CguComponent
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class CguRoutingModule { }

src/app/pages/legal/cgu/cgu.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {CguComponent} from "./cgu.component";
+import {CguRoutingModule} from "./cgu-routing.module";
+
+
+@NgModule({
+  declarations: [
+    CguComponent
+  ],
+  imports: [
+    CommonModule,
+    CguRoutingModule
+  ]
+})
+export class CguModule { }

src/app/pages/legal/cgv/cgv-routing.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from "@angular/router";
+import {CgvComponent} from "./cgv.component";
+
+const routes: Routes = [
+  {
+    path: '',
+    component: CgvComponent
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class CgvRoutingModule { }

src/app/pages/legal/cgv/cgv.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 import {Title} from "@angular/platform-browser";
 
 @Component({
@@ -13,6 +13,7 @@ export class CgvComponent {
 
     if (!title.startsWith("CGV")) {
       titleService.setTitle('CGV - ' + title);
-    }  }
+    }
+  }
 
 }

src/app/pages/legal/cgv/cgv.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {CgvComponent} from "./cgv.component";
+import {CgvRoutingModule} from "./cgv-routing.module";
+
+
+@NgModule({
+  declarations: [
+    CgvComponent
+  ],
+  imports: [
+    CommonModule,
+    CgvRoutingModule
+  ]
+})
+export class CgvModule { }

src/app/pages/vote/vote-routing.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from "@angular/router";
+import {VoteComponent} from "./vote.component";
+
+const routes: Routes = [
+  {
+    path: '',
+    component: VoteComponent
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class VoteRoutingModule { }

src/app/pages/vote/vote.component.spec.ts

@@ -0,0 +1,23 @@
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+
+import {VoteComponent} from './vote.component';
+
+describe('VotePageComponent', () => {
+  let component: VoteComponent;
+  let fixture: ComponentFixture<VoteComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ VoteComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(VoteComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/vote/vote-page/vote-page.component.ts → src/app/pages/vote/vote.component.ts

@@ -1,12 +1,12 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 import {Title} from "@angular/platform-browser";
 
 @Component({
   selector: 'app-vote-page',
-  templateUrl: './vote-page.component.html',
-  styleUrls: ['./vote-page.component.scss']
+  templateUrl: './vote.component.html',
+  styleUrls: ['./vote.component.scss']
 })
-export class VotePageComponent {
+export class VoteComponent {
 
   constructor(private titleService: Title) {
     const title: string = titleService.getTitle();

src/app/pages/vote/vote.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {VoteComponent} from "./vote.component";
+import {VoteRoutingModule} from "./vote-routing.module";
+
+
+@NgModule({
+  declarations: [
+    VoteComponent
+  ],
+  imports: [
+    CommonModule,
+    VoteRoutingModule
+  ]
+})
+export class VoteModule { }