language service legende

frontend/src/app/language.service.ts

@@ -13,9 +13,9 @@ export class LanguageService {
 
   public language: string = 'DE';
   public languages: string[] = ['DE', 'EN'];
-  public deMap : Map<string, string> = new Map<string, string>();
+  public deMap: Map<string, string> = new Map<string, string>();
-  public enMap : Map<string, string> = new Map<string, string>();
+  public enMap: Map<string, string> = new Map<string, string>();
-  public lMap : Map<string, string> = new Map<string, string>();
+  public lMap: Map<string, string> = new Map<string, string>();
   public deColumns: any[];
   public enColumns: any[];
   public dePlanTimeColumns: any[];
@@ -27,6 +27,17 @@ export class LanguageService {
   * The constructor sets all the language values and does the default mapping
   */
   constructor() {
+    this.deMap.set('routeDraft', "Entwurf"); this.enMap.set('routeDraft', 'Draft');
+    this.deMap.set('routeRFA', "Atorisierungsanforderung"); this.enMap.set('routeRFA', 'Request for Authorization');
+    this.deMap.set('routePIP', "Planung in Bearbeitung"); this.enMap.set('routePIP', 'Planning in Progress');
+    this.deMap.set('routeScheduled', "Geplant"); this.enMap.set('routeScheduled', 'Scheduled');
+    this.deMap.set('routeCancelled', "Storniert"); this.enMap.set('routeCancelled', 'Cancelled');
+    this.deMap.set('routeCFRR', "Fertiggestellt (Endüberprüfung Erforderlich)"); this.enMap.set('routeCFRR', 'Completed (final review required)');
+    this.deMap.set('routeFRF', "Fertiggestellt (Endüberprüfung Abgeschlossen)"); this.enMap.set('routeFRF', 'Cimpleted (final review finished)');
+    this.deMap.set('routeClosed', "Abgeschlossen"); this.enMap.set('routeClosed', 'Closed');
+    this.deMap.set('routeRB', "Abgelehnt (Beginn)"); this.enMap.set('routeRB', 'Rejected (begin)');
+    this.deMap.set('routeRE', "Abgelehnt (Ende)"); this.enMap.set('routeRE', 'Rejected (end)');
+
     this.deMap.set('detailButton', 'Details anzeigen');
     this.enMap.set('detailButton', 'Show Details');
     this.deMap.set('filterButton', 'Filter anwenden');
@@ -187,35 +198,35 @@ export class LanguageService {
     this.deMap.set('D4N', 'End Datum');
     this.enMap.set('D4N', 'End Date');
 
-    this.dePlanTimeResources = [{resourceId: 1, resourceName: 'Planzeit Summen pro Woche'}];
+    this.dePlanTimeResources = [{ resourceId: 1, resourceName: 'Planzeit Summen pro Woche' }];
     this.dePlanTimeColumns = [{ field: 'TaskName', headerText: 'Planzeiten pro Woche', width: 250 }];
 
-    this.enPlanTimeResources = [{resourceId: 1, resourceName: 'Plantime Sum per Week'}];
+    this.enPlanTimeResources = [{ resourceId: 1, resourceName: 'Plantime Sum per Week' }];
     this.enPlanTimeColumns = [{ field: 'TaskName', headerText: 'Planzeit pro Woche', width: 250 }];
 
     this.deColumns = [
       { field: 'TaskName', headerText: 'Kurzbeschreibung', width: 230 },
-      { field: 'stateName', headerText: 'Status', width: 250},
+      { field: 'stateName', headerText: 'Status', width: 250 },
       { field: 'vertragName', headerText: 'Vertrag / Provider Cluster', width: 150 },
       { field: 'supportGroup', headerText: 'Gewählte Support Gruppe' },
-      { field: 'StartDate', headerText: 'Geplantes Start-Datum', format : {type:'date', format:'dd.MM.yyyy'}},
+      { field: 'StartDate', headerText: 'Geplantes Start-Datum', format: { type: 'date', format: 'dd.MM.yyyy' } },
       { field: 'plantime', headerText: 'Planzeit in H', width: 100 },
       { field: 'changeNr', headerText: 'Change Nummer', width: 140 }
     ];
     this.enColumns = [
       { field: 'TaskName', headerText: 'Summary', width: 230 },
-      { field: 'stateName', headerText: 'State', width: 250},
+      { field: 'stateName', headerText: 'State', width: 250 },
       { field: 'vertragName', headerText: 'Contract / Provider Cluster', width: 150 },
       { field: 'supportGroup', headerText: 'Selected Support Group' },
-      { field: 'StartDate', headerText: 'Planned Start-Date', format : {type:'date', format:'dd.MM.yyyy'}},
+      { field: 'StartDate', headerText: 'Planned Start-Date', format: { type: 'date', format: 'dd.MM.yyyy' } },
       { field: 'plantime', headerText: 'Plantime in h', width: 100 },
       { field: 'changeNr', headerText: 'Change Number', width: 140 }
     ];
 
-    if(navigator.language == 'de-DE'){
+    if (navigator.language == 'de-DE') {
       this.language = 'DE';
       this.lMap = this.deMap;
-    }else{
+    } else {
       this.language = 'EN';
       this.lMap = this.enMap;
     }
@@ -226,10 +237,10 @@ export class LanguageService {
   * it is triggered by an language change from the NttGanttComponent
   * @param args args with the selected language
   */
-  public languageChange(args: any){
+  public languageChange(args: any) {
-    if(this.language == 'DE'){
+    if (this.language == 'DE') {
       this.lMap = this.deMap;
-    }else{
+    } else {
       this.language = 'EN';
       this.lMap = this.enMap;
     }
@@ -239,10 +250,10 @@ export class LanguageService {
   * The function getColumns delivers the gannt chart columns for the NttGanttComponent in the selected language
   * it is triggered by an language change from the NttGanttComponent
   */
-  public getColumns(){
+  public getColumns() {
-    if(this.language == 'DE'){
+    if (this.language == 'DE') {
       return this.deColumns;
-    }else{
+    } else {
       this.language = 'EN';
       return this.enColumns;
     }

frontend/src/app/ntt-gantt/ntt-gantt.component.html

@@ -60,43 +60,43 @@
 <div class="legend">
   <div class="inner-legend">
     <div class="route" style="background-color: #f83200;"></div>
-    Draft
+    {{languageService.lMap.get('routeDraft')}}
   </div>
   <div class="inner-legend">
     <div class="route" style="background-color: #f98700;"></div>
-    Request for Authorization
+    {{languageService.lMap.get('routeRFA')}}
   </div>
   <div class="inner-legend">
     <div class="route" style="background-color: #f98700;"></div>
-    Planning in Progress
+    {{languageService.lMap.get('routePIP')}}
   </div>
   <div class="inner-legend">
     <div class="route" style="background-color: #f4fa00;"></div>
-    Scheduled
+    {{languageService.lMap.get('routeScheduled')}}
   </div>
   <div class="inner-legend">
     <div class="route" style="background-color: #f4fa00;"></div>
-    Cancelled
+    {{languageService.lMap.get('routeCancelled')}}
   </div>
   <div class="inner-legend">
     <div class="route" style="background-color: #008642;"></div>
-    Completed (final review required)
+    {{languageService.lMap.get('routeCFRR')}}
   </div> 
   <div class="inner-legend">
     <div class="route" style="background-color: #32cd32;"></div>
-    Completed (final review finished)
+    {{languageService.lMap.get('routeFRF')}}
   </div>
   <div class="inner-legend">
     <div class="route" style="background-color: #ffffff;"></div>
-    Closed
+    {{languageService.lMap.get('routeClosed')}}
   </div>
   <div class="inner-legend">
     <div class="route" style="background-color: #d3d3d3;"></div>
-    Rejected (begin)
+    {{languageService.lMap.get('routeRB')}}
   </div>
   <div class="inner-legend">
     <div class="route" style="background-color: #808080;"></div>
-    Rejected (end)
+    {{languageService.lMap.get('routeRE')}}
   </div>
 </div>