feat(i18n): language titles of current language for language select

* revert of language strings of i18n json files * static labels for language select options * ngFor used as missing ngLet of Angular
tomastrajan · Jun 28, 2020 · 5687319 · 5687319
1 parent 22569ee
commit 5687319
Show file tree

Hide file tree

Showing 10 changed files with 82 additions and 19 deletions.
diff --git a/...grx-material-starter/src/app/features/settings/settings/settings-container.component.html b/...grx-material-starter/src/app/features/settings/settings/settings-container.component.html
@@ -14,9 +14,16 @@ <h2>{{ 'anms.settings.general.title' | translate }}</h2>
  [ngModel]="settings.language"
  (selectionChange)="onLanguageSelect($event)"
  name="language">
- <mat-option *ngFor="let l of languages" [value]="l.value">
- {{ 'anms.settings.general.language.' + l.label | translate }}
- </mat-option>
+ <ng-container *ngFor="let l of languages">
+ <!-- ngFor hack of missing ngLet of Angular -->
+ <mat-option *ngFor="let title of ['anms.settings.general.language.' + l.value | translate]"
+ [value]="l.value"
+ [title]="title !== l.label
+ ? title
+ : ''">
+ {{ l.label }}
+ </mat-option>
+ </ng-container>
  </mat-select>
  </mat-form-field>
  </div>

diff --git a/...-ngrx-material-starter/src/app/features/settings/settings/settings-container.component.ts b/...-ngrx-material-starter/src/app/features/settings/settings/settings-container.component.ts
@@ -33,14 +33,14 @@ export class SettingsContainerComponent implements OnInit {
  ];
 
  languages = [
- { value: 'en', label: 'en' },
- { value: 'de', label: 'de' },
- { value: 'sk', label: 'sk' },
- { value: 'fr', label: 'fr' },
- { value: 'es', label: 'es' },
- { value: 'pt-br', label: 'pt-br' },
- { value: 'zh-cn', label: 'zh-cn' },
- { value: 'he', label: 'he' }
+ { value: 'en', label: 'English' },
+ { value: 'de', label: 'Deutsch' },
+ { value: 'sk', label: 'Slovenčina' },
+ { value: 'fr', label: 'Français' },
+ { value: 'es', label: 'Español' },
+ { value: 'pt-br', label: 'Português' },
+ { value: 'zh-cn', label: '简体中文' },
+ { value: 'he', label: 'עברית' }
  ];
 
  constructor(private store: Store<State>) {}

diff --git a/projects/angular-ngrx-material-starter/src/assets/i18n/de.json b/projects/angular-ngrx-material-starter/src/assets/i18n/de.json
@@ -40,6 +40,14 @@
  "anms.settings.animations.elements": "Navigation Seitenelemente nach oben schieben",
  "anms.settings.animations.page": "Navigation ganzer Seitenübergang",
  "anms.settings.animations.title": "Animationen",
+ "anms.settings.general.language.de": "Deutsch",
+ "anms.settings.general.language.en": "Englisch",
+ "anms.settings.general.language.es": "Spanisch",
+ "anms.settings.general.language.fr": "Französisch",
+ "anms.settings.general.language.he": "Hebreeuws",
+ "anms.settings.general.language.pt-br": "Portugiesisch",
+ "anms.settings.general.language.sk": "Slovakisch",
+ "anms.settings.general.language.zh-cn": "Chinesisch",
  "anms.settings.general.placeholder": "Sprache",
  "anms.settings.general.title": "Haupteinstellungen",
  "anms.settings.themes.blue": "Blau",

diff --git a/projects/angular-ngrx-material-starter/src/assets/i18n/en.json b/projects/angular-ngrx-material-starter/src/assets/i18n/en.json
@@ -40,14 +40,14 @@
  "anms.settings.animations.elements": "Navigation page elements slide up",
  "anms.settings.animations.page": "Navigation whole page transition",
  "anms.settings.animations.title": "Animations",
- "anms.settings.general.language.de": "Deutsch",
+ "anms.settings.general.language.de": "German",
  "anms.settings.general.language.en": "English",
- "anms.settings.general.language.es": "Español",
- "anms.settings.general.language.fr": "Français",
- "anms.settings.general.language.pt-br": "Português",
- "anms.settings.general.language.sk": "Slovenčina",
- "anms.settings.general.language.he": "עברית",
- "anms.settings.general.language.zh-cn": "简体中文",
+ "anms.settings.general.language.es": "Spanish",
+ "anms.settings.general.language.fr": "French",
+ "anms.settings.general.language.he": "Hebrew",
+ "anms.settings.general.language.pt-br": "Portuguese",
+ "anms.settings.general.language.sk": "Slovak",
+ "anms.settings.general.language.zh-cn": "Simple Chinese",
  "anms.settings.general.placeholder": "Language",
  "anms.settings.general.title": "General",
  "anms.settings.themes.blue": "Blue",

diff --git a/projects/angular-ngrx-material-starter/src/assets/i18n/es.json b/projects/angular-ngrx-material-starter/src/assets/i18n/es.json
@@ -40,6 +40,14 @@
  "anms.settings.animations.elements": "Los elementos de la página de navegación se deslizan",
  "anms.settings.animations.page": "Navegación de transición de página completa",
  "anms.settings.animations.title": "Animaciones",
+ "anms.settings.general.language.de": "Alemán",
+ "anms.settings.general.language.en": "Inglés",
+ "anms.settings.general.language.es": "Español",
+ "anms.settings.general.language.fr": "Frances",
+ "anms.settings.general.language.he": "Hebreo",
+ "anms.settings.general.language.pt-br": "Portugués",
+ "anms.settings.general.language.sk": "Eslovaco",
+ "anms.settings.general.language.zh-cn": "Chino",
  "anms.settings.general.placeholder": "Lenguaje",
  "anms.settings.general.title": "General",
  "anms.settings.themes.blue": "Azul",

diff --git a/projects/angular-ngrx-material-starter/src/assets/i18n/fr.json b/projects/angular-ngrx-material-starter/src/assets/i18n/fr.json
@@ -40,6 +40,14 @@
  "anms.settings.animations.elements": "Les éléments de la page de navigation glissent vers le haut",
  "anms.settings.animations.page": "Transition de la page entière lors de la navigation",
  "anms.settings.animations.title": "Animations",
+ "anms.settings.general.language.de": "Allemand",
+ "anms.settings.general.language.en": "Anglais",
+ "anms.settings.general.language.es": "Espagnol",
+ "anms.settings.general.language.fr": "Français",
+ "anms.settings.general.language.he": "Hébreu",
+ "anms.settings.general.language.pt-br": "Portugais",
+ "anms.settings.general.language.sk": "Slovaque",
+ "anms.settings.general.language.zh-cn": "Chinois",
  "anms.settings.general.placeholder": "Langue",
  "anms.settings.general.title": "Généraux",
  "anms.settings.themes.blue": "Bleu",

diff --git a/projects/angular-ngrx-material-starter/src/assets/i18n/he.json b/projects/angular-ngrx-material-starter/src/assets/i18n/he.json
@@ -39,7 +39,15 @@
  "anms.menu.settings": "הגדרות",
  "anms.settings.animations.elements": "בזמן ניווט אלמנטים זיזים כלפי מעלה",
  "anms.settings.animations.page": "טרנזיציה מלאה בניוט לדף",
- "anms.settings.animations": "אנימציות",
+ "anms.settings.animations.title": "אנימציות",
+ "anms.settings.general.language.de": "גרמנית",
+ "anms.settings.general.language.en": "אנגלית",
+ "anms.settings.general.language.es": "ספרדית",
+ "anms.settings.general.language.fr": "צורפתית",
+ "anms.settings.general.language.he": "עברית",
+ "anms.settings.general.language.pt-br": "פורטוגזית",
+ "anms.settings.general.language.sk": "סלובקית",
+ "anms.settings.general.language.zh-cn": "סינית פשוטה",
  "anms.settings.general.placeholder": "שפה",
  "anms.settings.general": "כללי",
  "anms.settings.themes.blue": "כחול",

diff --git a/projects/angular-ngrx-material-starter/src/assets/i18n/pt-br.json b/projects/angular-ngrx-material-starter/src/assets/i18n/pt-br.json
@@ -40,6 +40,14 @@
  "anms.settings.animations.elements": "Elementos de navegação deslizam para cima",
  "anms.settings.animations.page": "Navegação com transição em toda pagina",
  "anms.settings.animations.title": "Animações",
+ "anms.settings.general.language.de": "Alemão",
+ "anms.settings.general.language.en": "Inglês",
+ "anms.settings.general.language.es": "Espanhol",
+ "anms.settings.general.language.fr": "Francês",
+ "anms.settings.general.language.he": "Hebraico",
+ "anms.settings.general.language.pt-br": "Português",
+ "anms.settings.general.language.sk": "Eslovaco",
+ "anms.settings.general.language.zh-cn": "Chinês",
  "anms.settings.general.placeholder": "Lingua",
  "anms.settings.general.title": "Geral",
  "anms.settings.themes.blue": "Blue",

diff --git a/projects/angular-ngrx-material-starter/src/assets/i18n/sk.json b/projects/angular-ngrx-material-starter/src/assets/i18n/sk.json
@@ -40,6 +40,14 @@
  "anms.settings.animations.elements": "Animácia elementov stránky pri navigácii",
  "anms.settings.animations.page": "Animácia celej stránky pri navigácii",
  "anms.settings.animations.title": "Animácie",
+ "anms.settings.general.language.de": "Nemčina",
+ "anms.settings.general.language.en": "Angličtina",
+ "anms.settings.general.language.es": "Španielsky",
+ "anms.settings.general.language.fr": "Francúzsky",
+ "anms.settings.general.language.he": "hebrejčina",
+ "anms.settings.general.language.pt-br": "Portugalský",
+ "anms.settings.general.language.sk": "Slovenčina",
+ "anms.settings.general.language.zh-cn": "čínsky",
  "anms.settings.general.placeholder": "Jazyk",
  "anms.settings.general.title": "Hlavné",
  "anms.settings.themes.blue": "Modrá",

diff --git a/projects/angular-ngrx-material-starter/src/assets/i18n/zh-cn.json b/projects/angular-ngrx-material-starter/src/assets/i18n/zh-cn.json
@@ -40,6 +40,14 @@
  "anms.settings.animations.elements": "导航时页面上的元素渐入效果",
  "anms.settings.animations.page": "导航时整体页面过渡效果",
  "anms.settings.animations.title": "动画",
+ "anms.settings.general.language.de": "德语",
+ "anms.settings.general.language.en": "英文",
+ "anms.settings.general.language.es": "西班牙语",
+ "anms.settings.general.language.fr": "法语",
+ "anms.settings.general.language.he": "希伯来语",
+ "anms.settings.general.language.pt-br": "葡萄牙语",
+ "anms.settings.general.language.sk": "斯洛伐克语",
+ "anms.settings.general.language.zh-cn": "简体中文",
  "anms.settings.general.placeholder": "语言",
  "anms.settings.general.title": "通用",
  "anms.settings.themes.blue": "蓝色",