Localization error. Fixes :#315

Author: alirizaadiyahsi

angular/src/AppPreBootstrap.ts

@@ -26,7 +26,8 @@ export class AppPreBootstrap {
         }).done(result => {
             AppConsts.appBaseUrl = result.appBaseUrl;
             AppConsts.remoteServiceBaseUrl = result.remoteServiceBaseUrl;
-            
+            AppConsts.localeMappings = result.localeMappings;
+
             callback();
         });
     }

angular/src/assets/appconfig.json

@@ -1,4 +1,18 @@
 {
   "remoteServiceBaseUrl": "http://localhost:21021",
-  "appBaseUrl": "http://localhost:4200"
-}
+  "appBaseUrl": "http://localhost:4200",
+  "localeMappings": [
+    {
+      "from": "pt-BR",
+      "to": "pt"
+    },
+    {
+      "from": "zh-CN",
+      "to": "zh"
+    },
+    {
+      "from": "he-IL",
+      "to": "he"
+    }
+  ]
+}

angular/src/root.module.ts

@@ -1,7 +1,7 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgModule, Injector, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
-import { PlatformLocation } from '@angular/common';
+import { PlatformLocation, registerLocaleData } from '@angular/common';
 
 import { AbpModule } from '@abp/abp.module';
 import { AbpHttpInterceptor } from '@abp/abpHttpInterceptor';
@@ -20,6 +20,8 @@ import { AppPreBootstrap } from './AppPreBootstrap';
 import { ModalModule } from 'ngx-bootstrap';
 import { HttpClientModule } from '@angular/common/http';
 
+import * as _ from 'lodash';
+
 export function appInitializerFactory(injector: Injector,
     platformLocation: PlatformLocation) {
     return () => {
@@ -35,7 +37,17 @@ export function appInitializerFactory(injector: Injector,
                 appSessionService.init().then(
                     (result) => {
                         abp.ui.clearBusy();
-                        resolve(result);
+
+                        if (shouldLoadLocale()) {
+                            let angularLocale = convertAbpLocaleToAngularLocale(abp.localization.currentLanguage.name);
+                            import(`@angular/common/locales/${angularLocale}.js`)
+                                .then(module => {
+                                    registerLocaleData(module.default);
+                                    resolve(result);
+                                }, reject);
+                        } else {
+                            resolve(result);
+                        }
                     },
                     (err) => {
                         abp.ui.clearBusy();
@@ -47,6 +59,23 @@ export function appInitializerFactory(injector: Injector,
     }
 }
 
+export function convertAbpLocaleToAngularLocale(locale: string): string {
+    if (!AppConsts.localeMappings) {
+        return locale;
+    }
+
+    let localeMapings = _.filter(AppConsts.localeMappings, { from: locale });
+    if (localeMapings && localeMapings.length) {
+        return localeMapings[0]['to'];
+    }
+
+    return locale;
+}
+
+export function shouldLoadLocale(): boolean {
+    return abp.localization.currentLanguage.name && abp.localization.currentLanguage.name !== 'en-US';
+}
+
 export function getRemoteServiceBaseUrl(): string {
     return AppConsts.remoteServiceBaseUrl;
 }

angular/src/shared/AppConsts.ts

@@ -4,6 +4,8 @@ export class AppConsts {
     static appBaseUrl: string;
     static appBaseHref: string; // returns angular's base-href parameter value if used during the publish
 
+    static localeMappings: any = [];
+
     static readonly userManagement = {
         defaultAdminUserName: 'admin'
     };

angular/src/tsconfig.json

@@ -5,7 +5,7 @@
     "experimentalDecorators": true,
     "lib": [ "es6", "dom" ],
     "mapRoot": "./",
-    "module": "es6",
+    "module": "esnext",
     "moduleResolution": "node",
     "outDir": "../dist/out-tsc",
     "sourceMap": true,
@@ -15,10 +15,10 @@
     ],
     "baseUrl": ".",
     "paths": {
-        "@abp/*": [ "../node_modules/abp-ng2-module/dist/src/*" ],
-        "@app/*": [ "./app/*" ],
-        "@shared/*": [ "./shared/*" ],
-        "@node_modules/*": [ "../node_modules/*" ]
+      "@abp/*": [ "../node_modules/abp-ng2-module/dist/src/*" ],
+      "@app/*": [ "./app/*" ],
+      "@shared/*": [ "./shared/*" ],
+      "@node_modules/*": [ "../node_modules/*" ]
     }
   },
   "exclude": [