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

KingMario · KingMario · commit 5687319f074d · 2020-06-28T09:32:57.000+08:00
* revert of language strings of i18n json files
* static labels for language select options
* ngFor used as missing ngLet of Angular
diff --git a/projects/angular-ngrx-material-starter/src/app/features/settings/settings/settings-container.component.html b/projects/angular-ngrx-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/projects/angular-ngrx-material-starter/src/app/features/settings/settings/settings-container.component.ts b/projects/angular-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": "蓝色",
