Correction review traduction

src/app/app-routing.module.ts

@@ -16,9 +16,9 @@ const routes: Routes = [
   { path: 'output', component: OutputComponent },
   { path: 'documentation', component: DocumentationComponent },
   { path: 'contact', component: FormComponent },
-  { path: 'our_story', component: OurStoryComponent },
+  { path: 'our-story', component: OurStoryComponent },
-  { path: 'terms_of_service', component: TermsOfServiceComponent },
+  { path: 'terms-of-service', component: TermsOfServiceComponent },
-  { path: 'privacy_policy', component: PrivacyPolicyComponent }
+  { path: 'privacy-policy', component: PrivacyPolicyComponent }
 ];
 
 @NgModule({

src/app/components/footer/footer.component.html

@@ -3,7 +3,7 @@
 </head>
 
 <div class="footer">
-    <!--    Logo and copyrights-->
+    <!--Logo and copyrights-->
     <div class="rights">
         <img class="sandkasten-logo" routerLink="" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }"
             [src]="sandkasten_logo" alt="Logo-Sandkasten" />
@@ -11,13 +11,13 @@
         <div class="copyright">{{ 'FooterPage.Rights' | translate}}</div>
     </div>
 
-    <!--    Navigation-->
+    <!--Navigation-->
     <div class="navigation">
         <div class="about">
             <span class="title">{{ 'FooterPage.About' | translate}}</span>
             <div class="links">
                 <!-- TODO - Add the router links -->
-                <a routerLink="our_story" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">{{
+                <a routerLink="our-story" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">{{
                     'FooterPage.Story' | translate}}</a>
                 <a routerLink="" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">{{
                     'FooterPage.Contact' | translate}}</a>
@@ -27,17 +27,16 @@
         <div class="legals">
             <span class="title">{{ 'FooterPage.Legal' | translate}}</span>
             <div class="links">
-                <a routerLink="terms_of_service" routerLinkActive="active"
+                <a routerLink="terms-of-service" routerLinkActive="active"
                     [routerLinkActiveOptions]="{ exact: true }">{{ 'FooterPage.Terms' | translate}}</a>
-                <a routerLink="privacy_policy" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">{{
+                <a routerLink="privacy-policy" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">{{
                     'FooterPage.Privacy' | translate}}</a>
             </div>
         </div>
     </div>
 
-    <!--    Socials-->
+    <!--Socials-->
     <div class="socials">
-        <!--        TODO - Add the socials icons-->
         <a href="https://twitter.com/Sandkasten3a">
             <img class="tiwtter-logo" class="image" routerLink="" routerLinkActive="active"
                 [routerLinkActiveOptions]="{ exact: true }" [src]="twitter_logo" alt="Logo-Twitter" />

src/app/components/footer/footer.component.ts

@@ -5,17 +5,10 @@ import { Component, OnInit } from '@angular/core';
   templateUrl: './footer.component.html',
   styleUrls: ['./footer.component.scss']
 })
-export class FooterComponent implements OnInit {
+export class FooterComponent {
-  sandkasten_logo!: string;
+  sandkasten_logo: string = 'assets/img/logo.png';
-  twitter_logo!: string;
+  twitter_logo: string = 'assets/img/twitter.svg';
-  instagram_logo!: string;
+  instagram_logo: string = 'assets/img/instagram.svg';
-  facebook_logo!: string;
+  facebook_logo: string = 'assets/img/facebook.svg';
-
-  ngOnInit(): void {
-    this.sandkasten_logo = 'assets/img/logo.png';
-    this.twitter_logo = 'assets/img/twitter.svg';
-    this.instagram_logo = 'assets/img/instagram.svg';
-    this.facebook_logo = 'assets/img/facebook.svg';
-  }
 
 }

src/app/components/header/header.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
-import {BreakpointObserver, Breakpoints} from '@angular/cdk/layout';
+import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
-import {Router} from "@angular/router";
+import { Router } from "@angular/router";
 import { TranslationService } from '../../services/translation.service';
 
 @Component({
@@ -8,21 +8,14 @@ import { TranslationService } from '../../services/translation.service';
   templateUrl: './header.component.html',
   styleUrls: ['./header.component.scss']
 })
-export class HeaderComponent implements OnInit {
+export class HeaderComponent {
-  title!: string;
+  title: string = 'Sandkasten';
-  version!: string;
+  version: string = '1.0';
-  sandkasten_logo!: string;
+  sandkasten_logo: string = 'assets/img/logo.png';
-  gitea_logo!: string;
+  gitea_logo: string = 'assets/img/gitea.png';
-
-  ngOnInit(): void {
-    this.title = 'Sandkasten';
-    this.version = '1.0';
-    this.sandkasten_logo = 'assets/img/logo.png';
-    this.gitea_logo = 'assets/img/gitea.png';
-  }
 
   // Instanciation du service pour les actions de traduction
-  constructor(private translationService: TranslationService) {}
+  constructor(private translationService: TranslationService) { }
 
   // Méthode pour changer la langue
   onLanguageChange(event: any) {

src/app/components/our-story/our-story.component.ts

@@ -6,24 +6,16 @@ import { Router } from '@angular/router';
   templateUrl: './our-story.component.html',
   styleUrl: './our-story.component.scss'
 })
-export class OurStoryComponent implements OnInit {
+export class OurStoryComponent {
   constructor(private router: Router) { }
-  colin!: string;
+  colin: string = 'assets/img/colin.png';
-  hugo!: string;
+  hugo: string = 'assets/img/hugo.png';
-  bastien!: string;
+  bastien: string = 'assets/img/bastien.png';
-  clement!: string;
+  clement: string = 'assets/img/clement.png';
-  matis!: string;
+  matis: string = 'assets/img/matis.png';
 
-  ngOnInit(): void {
-    this.colin = 'assets/img/colin.png';
-    this.hugo = 'assets/img/hugo.png';
-    this.bastien = 'assets/img/bastien.png';
-    this.clement = 'assets/img/clement.png';
-    this.matis = 'assets/img/matis.png';
-
-  }
   // Si click sur "Run", on redirige vers la page de notre histoire
   onContinue(): void {
-    this.router.navigateByUrl('/our_story');
+    this.router.navigateByUrl('/our-story');
   }
 }

src/app/components/privacy-policy/privacy-policy.component.ts

@@ -9,11 +9,9 @@ import { Router } from '@angular/router';
 })
 export class PrivacyPolicyComponent {
   constructor(private router: Router) { }
-  ngOnInit(): void {
 
-  }
   // Si click sur "Run", on redirige vers la page de politique de confidentialité
   onContinue(): void {
-    this.router.navigateByUrl('/privacy_policy');
+    this.router.navigateByUrl('/privacy-policy');
   }
 }

src/app/components/terms-of-service/terms-of-service.component.ts

@@ -9,11 +9,9 @@ import { Router } from '@angular/router';
 })
 export class TermsOfServiceComponent {
   constructor(private router: Router) { }
-  ngOnInit(): void {
 
-  }
   // Si click sur "Run", on redirige vers la page de termes de service
   onContinue(): void {
-    this.router.navigateByUrl('/terms_of_service');
+    this.router.navigateByUrl('/terms-of-service');
   }
 }

src/assets/i18n/en.json

@@ -100,7 +100,7 @@
         },
         "DataBreach": {
             "Title": "Data breach",
-            "Text1": "In the event we become aware that the security of the Website and Services has been compromised or Users’ Personal Information has been disclosed to unrelated third parties as a result of external activity, including, but not limited to, security attacks or fraud, we reserve the right to take reasonably appropriate measures, including, but not limited to, investigation and reporting, as well as notification to and cooperation with law enforcement authorities. In the event of a data breach, we will make reasonable efforts to notify affected individuals if we believe that there is a reasonable risk of harm to the User as a result of the breach or if notice is otherwise required by law. When we do, we will send you an email."
+            "Text1": "In the event we become aware that the security of the Website and Services has been compromised or Users' Personal Information has been disclosed to unrelated third parties as a result of external activity, including, but not limited to, security attacks or fraud, we reserve the right to take reasonably appropriate measures, including, but not limited to, investigation and reporting, as well as notification to and cooperation with law enforcement authorities. In the event of a data breach, we will make reasonable efforts to notify affected individuals if we believe that there is a reasonable risk of harm to the User as a result of the breach or if notice is otherwise required by law. When we do, we will send you an email."
         },
         "Amendments": {
             "Title": "Changes and amendments",