i18n fixes (#1614)

* i18n fixes

- fix issue with default (fallback) language set to browser language
- fix issue with fallback language loading when browser language set to
non-English locale

* code and UI fixes

- move document list i18n strings into own scope
- replace MDL menu with @angular/material menu (fixes issue with menu
items translation, not supported by MDL)
- minor improvements

* fix unit tests

* improve i18n docs and code

- provide basic documentation for Translation service
- remove custom Login component localisation in favour of documentation
sample
- simplified i18n setup for demo shell (single path for dev/prod env)

* remove unnecessary comments

demo-shell-ng2/app/app.component.html

@@ -39,14 +39,14 @@
                 <span class="flag-icon flag-icon-gb"></span>
                 <label tabindex="0"> English</label>
             </a>
-            <a class="mdl-navigation__link" (click)="changeLanguage('gr')">
-                <span class="flag-icon flag-icon-gr"></span>
-                <label tabindex="0"> Greek</label>
-            </a>
             <a class="mdl-navigation__link" (click)="changeLanguage('it')">
                 <span class="flag-icon flag-icon-it"></span>
                 <label tabindex="0"> Italian</label>
             </a>
+            <a class="mdl-navigation__link" (click)="changeLanguage('ru')">
+                <span class="flag-icon flag-icon-ru"></span>
+                <label tabindex="0"> Russian</label>
+            </a>
         </nav>
         <span class="mdl-layout-title">Components</span>
         <nav class="mdl-navigation">

demo-shell-ng2/app/app.component.ts

@@ -43,13 +43,7 @@ export class AppComponent {
         this.setProvider();
 
         if (translateService) {
-            if (process.env.ENV === 'production') {
-                translateService.addTranslationFolder('custom', 'i18n/custom-translation');
-                translateService.addTranslationFolder('ng2-alfresco-login', 'i18n/custom-translation/alfresco-login');
-            } else {
-                translateService.addTranslationFolder('custom', 'custom-translation');
-                translateService.addTranslationFolder('ng2-alfresco-login', 'custom-translation/alfresco-login');
-            }
+            translateService.addTranslationFolder('app', 'resources');
         }
     }
 
@@ -75,7 +69,7 @@ export class AppComponent {
             );
     }
 
-    navigateToLogin(){
+    navigateToLogin() {
         this.router.navigate(['/login']);
         this.hideDrawer();
     }

demo-shell-ng2/config/webpack.prod.js

@@ -66,9 +66,9 @@ module.exports = webpackMerge(commonConfig, {
             to: 'pdf.worker.js'
         },
         {
-            context: 'custom-translation',
+            context: 'resources/i18n',
             from: '**/*.json',
-            to: 'i18n/custom-translation'
+            to: 'resources/i18n'
         },
         // Copy i18n folders for all modules with ng2-alfresco- prefix
         {

demo-shell-ng2/custom-translation/alfresco-login/i18n/en.json

@@ -1,29 +0,0 @@
-{
-    "LOGIN": {
-        "LOGO": "Alfresco",
-        "LABEL": {
-            "LOGIN": "Login",
-            "USERNAME": "Username",
-            "PASSWORD": "Password",
-            "REMEMBER": "Remember"
-        },
-        "MESSAGES": {
-            "USERNAME-REQUIRED": "Required",
-            "USERNAME-MIN": "Your username needs to be at least {{customMinLenght}} characters.",
-            "PASSWORD-REQUIRED": "Enter your password to sign in",
-            "LOGIN-ERROR-CREDENTIALS": "You have entered an invalid username or password",
-            "LOGIN-ERROR-PROVIDERS": "Providers cannot be undefined",
-            "LOGIN-SUCCESS": "Login successful",
-            "LOGIN-ERROR-CORS": "CORS exception, check your server configuration",
-            "LOGIN-ERROR-CSRF": "CSRF exception, set [disableCsrf]=\"true\" in alfresco-login component",
-            "LOGIN-ECM-LICENSE": "The ECM is in read-only mode"
-        },
-        "BUTTON": {
-            "LOGIN": "SIGN IN"
-        },
-        "ACTION": {
-            "HELP": "NEED HELP?",
-            "REGISTER": "REGISTER"
-        }
-    }
-}

demo-shell-ng2/custom-translation/alfresco-login/i18n/it.json

@@ -1,28 +0,0 @@
-{
-    "LOGIN": {
-        "LABEL": {
-            "LOGIN": "Autenticazione",
-            "USERNAME": "Nome utente",
-            "PASSWORD": "Password",
-            "REMEMBER": "Ricordami"
-        },
-        "MESSAGES": {
-            "USERNAME-REQUIRED": "Campo obbligatorio",
-            "USERNAME-MIN": "Inserire un nome utente di minimo 4 caratteri.",
-            "PASSWORD-REQUIRED": "Campo obbligatorio",
-            "LOGIN-ERROR-CREDENTIALS": "Nome utente o password non validi",
-            "LOGIN-ERROR-PROVIDERS": "Providers non può essere nullo",
-            "LOGIN-SUCCESS": "Login effettuata con successo",
-            "LOGIN-ERROR-CORS": "CORS exception, controlla le configurazioni del tuo server",
-            "LOGIN-ERROR-CSRF": "CSRF exception, set [disableCsrf]=\"true\" in alfresco-login component",
-            "LOGIN-ECM-LICENSE": "l'ECM e' in read-only mode"
-        },
-        "BUTTON": {
-            "LOGIN": "Accedi"
-        },
-        "ACTION": {
-            "HELP": "BISOGNO DI AIUTO?",
-            "REGISTER": "REGISTRATI"
-        }
-    }
-}