Fr translation

angular.json

@@ -8,7 +8,8 @@
       "i18n": {
           "locales": {
               "en": { "translation": "src/ng-app/assets/locale/lang.en.xlf", "baseHref": "" },
-              "de": { "translation": "src/ng-app/assets/locale/lang.de.xlf", "baseHref": "" }
+              "de": { "translation": "src/ng-app/assets/locale/lang.de.xlf", "baseHref": "" },
+              "fr": { "translation": "src/ng-app/assets/locale/lang.fr.xlf", "baseHref": "" }
           }
       },
       "schematics": {

src/e-app/main.ts

@@ -38,7 +38,8 @@ const tccConfigDir = path.join(os.homedir(), '.tcc');
 const tccStandardConfigFile = path.join(tccConfigDir, 'user.conf');
 const availableLanguages = [
     'en',
-    'de'
+    'de',
+    'fr'
 ];
 const translation = new NgTranslations();
 let startTCCAccelerator;

src/ng-app/app/app.module.ts

@@ -68,6 +68,9 @@ import { CpuDashboardComponent } from './cpu-dashboard/cpu-dashboard.component';
 import localeDe from '@angular/common/locales/de';
 import localeDeExtra from '@angular/common/locales/extra/de';
 
+import localeFr from '@angular/common/locales/fr';
+import localeFrExtra from '@angular/common/locales/extra/fr';
+
 import { OverlayModule } from '@angular/cdk/overlay';
 
 import { GaugeModule } from 'angular-gauge';
@@ -86,6 +89,7 @@ import { DialogConfirmComponent } from './dialog-confirm/dialog-confirm.componen
 import { ChargingSettingsComponent } from './charging-settings/charging-settings.component';
 
 registerLocaleData(localeDe, 'de', localeDeExtra);
+registerLocaleData(localeFr, 'fr', localeFrExtra);
 
 declare const require;
 

src/ng-app/app/main-gui/main-gui.component.html

@@ -99,7 +99,7 @@
         <div class="sidenav-bottom">
             <mat-nav-list>
                 <mat-divider></mat-divider>
-                <mat-list-item routerLinkActive="true" (click)="buttonToggleLanguage()">
+                <mat-list-item routerLinkActive="true" (click)="buttonCycleLanguage()">
                     <content>
                         <mat-icon><svg viewBox="0 0 512 512">
                                 <use href="./assets/images/icon_language.svg#Icon"></use>

src/ng-app/app/main-gui/main-gui.component.ts

@@ -113,14 +113,35 @@ export class MainGuiComponent implements OnInit, OnDestroy {
         return this.utils.getLanguageData(langId);
     }
 
+    //old version with only two languages
+    /*
     public buttonToggleLanguage() {
         this.utils.changeLanguage(this.utils.getLanguagesMenuArray().find(lang => lang.id !== this.utils.getCurrentLanguageId()).id);
         this.updateLanguageName();
     }
+    */
 
+    public buttonCycleLanguage():void  {
+        let curLangIndex: number = this.utils.getLanguagesMenuArray().findIndex(lang => lang.id === this.utils.getCurrentLanguageId())
+        let newLangIndex: number = (curLangIndex + 1) % this.utils.getLanguagesMenuArray().length
+        let newLangID: string = this.utils.getLanguagesMenuArray()[newLangIndex].id
+        this.utils.changeLanguage(newLangID);
+        this.updateLanguageName();
+    }
+
+    //old version with only two languages
+    /* 
     public updateLanguageName(): void {
         this.buttonLanguageLabel = this.utils.getLanguagesMenuArray().find(lang => lang.id !== this.utils.getCurrentLanguageId()).label;
     }
+    */
+
+    public updateLanguageName(): void {
+        let curLangIndex: number = this.utils.getLanguagesMenuArray().findIndex(lang => lang.id === this.utils.getCurrentLanguageId())
+        let nextLangIndex: number = (curLangIndex + 1) % this.utils.getLanguagesMenuArray().length
+        let nextLangLabel: string = this.utils.getLanguagesMenuArray()[nextLangIndex].label
+        this.buttonLanguageLabel = nextLangLabel;
+    }
 
     public getStateInputs(): IStateInfo[] {
         return this.state.getStateInputs();

src/ng-app/app/utils.service.ts

@@ -42,7 +42,8 @@ export class UtilsService {
 
   private languagesMenuArray = [
     { id: 'en', label: 'English', img: 'english.svg' },
-    { id: 'de', label: 'Deutsch', img: 'german.svg' }
+    { id: 'de', label: 'Deutsch', img: 'german.svg' },
+    { id: 'fr', label: 'Français', img: 'french.svg' }
   ];
   private languageMap;