Revize 78eacb99

Frontend localization completed

webapp/src/app/add-vacation-dialog/add-vacation-dialog.component.html

@@ -1 @@
-<h1 mat-dialog-title>Výběr volna</h1>
+<h1 mat-dialog-title>{{ 'addVacation.headline' | translate }}</h1>
 
 <div mat-dialog-content>
   <div class="vacation-selection-container">
-    <label id="vacation-type-radio-group-label" class="dialog-label">Typ volna: </label>
+    <label id="vacation-type-radio-group-label" class="dialog-label">{{ 'basic.vacationType' | translate }}</label>
     <mat-radio-group aria-labelledby="vacation-type-radio-group-label" class="vacation-type-radio-group" [(ngModel)]="selectedVacationType">
       <mat-radio-button class="vacation-type-radio-button" [value]=vacationType.SICKDAY>
-        {{vacationType.SICKDAY}}
+        {{ vacationType.SICKDAY | translate }}
       </mat-radio-button>
       <mat-radio-button class="vacation-type-radio-button" [value]=vacationType.VACATION>
-        {{vacationType.VACATION}}
+        {{ vacationType.VACATION | translate }}
       </mat-radio-button>
     </mat-radio-group>
   </div>
   <div class="datetime-selection-container">
     <div class="date-selection">
-      <span class="dialog-label">Datum:</span>
+      <span class="dialog-label">{{ 'basic.date' | translate }}</span>
       <mat-form-field class="date-input">
         <input id="date-input" matInput [matDatepicker]="datePicker" [(ngModel)]="data.date">
         <mat-datepicker-toggle matSuffix [for]="datePicker"></mat-datepicker-toggle>
@@ -43 +43 @@
 </div>
 
 <div mat-dialog-actions align="end">
-  <button mat-raised-button color="primary" (click)="onConfirmClick()">Potvrdit</button>
-  <button mat-raised-button color="basic" (click)="onCloseClick()">Zavřít</button>
+  <button mat-raised-button color="primary" (click)="onConfirmClick()">{{ 'button.confirm' | translate }}</button>
+  <button mat-raised-button color="basic" (click)="onCloseClick()">{{ 'button.close' | translate }}</button>
 </div>

webapp/src/app/add-vacation-dialog/add-vacation-dialog.module.ts

@@ -14 +14 @@
 import {BrowserModule} from '@angular/platform-browser';
 import {SharedModule} from '../shared/shared.module';
 import {NgxMaterialTimepickerModule} from 'ngx-material-timepicker';
+import {TranslateModule} from "@ngx-translate/core";
 
 
 @NgModule({
@@ -33 +34 @@
     MatRadioModule,
     MatSnackBarModule,
     SharedModule,
-    NgxMaterialTimepickerModule
+    NgxMaterialTimepickerModule,
+    TranslateModule
   ],
   exports: [
     AddVacationDialogComponent

webapp/src/app/app.module.ts

@@ -13 +13 @@
 import {TranslateLoader, TranslateModule} from '@ngx-translate/core';
 import {TranslateHttpLoader} from '@ngx-translate/http-loader';
 import {PageNotFoundComponent} from './page-not-found/page-not-found.component';
+import {CommonModule} from '@angular/common';
 
 @NgModule({
   declarations: [
@@ -36 +37 @@
     MatDialogModule,
     ProfileSettingsModule,
     EmployeesModule,
-    MatMenuModule
+    MatMenuModule,
+    CommonModule
   ],
   providers: [],
   bootstrap: [AppComponent]

webapp/src/app/menu/menu.component.html

@@ -5 +5 @@
           [class.selected]="item === _selectedMenuItem"
           (click)="onSelect(item)"
           class="nav-item">
-        <a routerLink="{{item.routePath}}"><div>{{item.name}}</div></a>
+        <a routerLink="{{item.routePath}}"><div>{{item.name | translate}}</div></a>
       </li>
     </ul>
   </nav>

webapp/src/app/profile-settings/profile-settings.component.html

@@ -1 @@
-<h1 mat-dialog-title>Nastavení</h1>
+<h1 mat-dialog-title>{{ 'profileSettings.headline' | translate }}</h1>
 
 <div mat-dialog-content>
-  <span class="notification-label">Notifikace o vypršení dovolené: </span>
+  <span class="notification-label">{{ 'profileSettings.notification' | translate }}</span>
   <app-datetime [(date)]="date" [(time)]="time" [minuteStep]="15"></app-datetime>
 </div>
 
 <div mat-dialog-actions align="end">
-  <button mat-raised-button color="primary" (click)="onConfirmClick()">Potvrdit</button>
-  <button mat-raised-button color="basic" (click)="onCloseClick()">Zavřít</button>
+  <button mat-raised-button color="primary" (click)="onConfirmClick()">{{ 'button.confirm' | translate }}</button>
+  <button mat-raised-button color="basic" (click)="onCloseClick()">{{ 'button.close' | translate }}</button>
 </div>

webapp/src/app/profile-settings/profile-settings.component.ts

@@ -1 +1 @@
 import { Component, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
 import {DateToolsService} from '../services/util/date-tools.service';
-import {DateFormatterService} from "../services/util/date-formatter.service";
+import {DateFormatterService} from '../services/util/date-formatter.service';
 
 @Component({
   selector: 'app-profile-settings',
@@ -9 +9 @@
   styleUrls: ['./profile-settings.component.sass']
 })
 export class ProfileSettingsComponent {
-  readonly date: Date;
-  readonly time: string;
+  private date: Date;
+  private time: string;
 
   constructor(
     private dateToolsService: DateToolsService,

webapp/src/app/profile-settings/profile-settings.module.ts

@@ -11 +11 @@
 import {FormsModule} from '@angular/forms';
 import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
 import {SharedModule} from '../shared/shared.module';
+import {TranslateModule} from '@ngx-translate/core';
 
 
 @NgModule({
@@ -25 +26 @@
     MatFormFieldModule,
     MatInputModule,
     NgbModule,
-    SharedModule
+    SharedModule,
+    TranslateModule
   ],
   entryComponents: [
     ProfileSettingsComponent

webapp/src/app/services/util/menu.service.ts

@@ -37 +37 @@
 
   private createAppropriateMenuForUser(profile: UserProfile): MenuItem[] {
     const menuItems: MenuItem[] = [];
-    menuItems.push({name: 'Dashboard', routePath: 'dashboard'});
+    menuItems.push({name: 'menuItem.dashboard', routePath: 'dashboard'});
     if (profile.role === UserType.EMPLOYER) {
-      menuItems.push({name: 'Zaměstnanci', routePath: 'employees'});
+      menuItems.push({name: 'menuItem.employers', routePath: 'employees'});
     }
 
     return menuItems;

webapp/src/assets/i18n/cs.json

@@ -18 +18 @@
     "headline": "Mé nadcházející volno",
     "status": "Status"
   },
+  "profileSettings": {
+    "headline": "Nastavení",
+    "notification": "Notifikace o vypršení dovolené"
+  },
+  "addVacation": {
+    "headline": "Výběr volna"
+  },
+  "menuItem": {
+    "dashboard": "Dashboard",
+    "employers": "Zaměstnanci"
+  },
   "basic": {
     "name": "Jméno",
     "employees": "Zaměstnanci",
@@ -44 +55 @@
   "EMPLOYER": "Zaměstnavatel",
   "EMPLOYEE": "Zaměstnanec",
   "VACATION": "Dovolená",
-  "SICKDAY": "Sickday"
+  "SICK_DAY": "Sickday"
 }

webapp/src/assets/i18n/en.json

@@ -18 +18 @@
     "headline": "My oncoming vacation",
     "status": "Status"
   },
+  "profileSettings": {
+    "headline": "Settings",
+    "notification": "Vacation expiration notification"
+  },
+  "addVacation": {
+    "headline": "Pick vacation"
+  },
+  "menuItem": {
+    "dashboard": "Dashboard",
+    "employers": "Employers"
+  },
   "basic": {
     "name": "Name",
     "employees": "Employees",