Bdtjtk

Language fallback not working for Spanish user when user, rather it is showing [object Object] as the translated value

Scenario:

en.json

"USER" : "User"

es.json

"USER" : {

  "COMPANY" : "Miembro"

  "VENDOR" : "Vendedor"

}

fr.json:

"USER" : {

  "DEFAULT": "Consommateur"

  "COMPANY" : "Membre"

  "VENDOR" : "Vendeur"

}

Usage:

{{ 'USER' | envlabel }}

envlabel: A pipe which will translate by checking user type

Explanation:

• For en user: it should always show "User" as the translated label


• For es user: it should show "Miembro" if the user type is company or
  "Vendedor" if user type is vendor or "User" for any other type


• For fr user: it should show "Membre" if the user type is company or
  "Vendeur" if user type is vendor or "Consommateur" for any other type

Implementation:

• We have logic for each steps to check with "USER.${TYPE}" type and if
  not found we remove type and just translate with "USER".


• Where for spanish user: "USER.COMPANY" and "USER.VENDOR" will work,
  but "USER.DEFAULT" will not work.


• So we do translate using "USER" which returns object from "es.json"


• This was returning "User" from "en.json" in "angular-translate"
  
  rather than the object from "es.json"

Fix for now: To make it work, we change language by use(defaultLang) and get the translated string and again use(userLang) after that before returning the translated text.

setDefaulrLang() use only for all users in app in appComponent or if you get an user location from browser then u can change it. Best way in my opinion is to learn how .json files works all files shuld have same lines so there cannot be line in en.json like "user": "User" and in es file user: {...} becous first one is variable name: string data and second one is variable name + map data !!!

example how it schould be written:

en.json

"USER" : {

   "user": "user"

 }

es.json

"USER" : {

  "user": "Alejandro"

  "COMPANY" : "Miembro"

  "VENDOR" : "Vendedor"

}

fr.json:

"USER" : {

  "user": "Pedro"

  "DEFAULT": "Consommateur"

  "COMPANY" : "Membre"

  "VENDOR" : "Vendeur"

}



 {{ 'USER.user' | translate }}

To change lang wright on user browser function to call button event witch will use corect languege.

   $('.dropdown-menu>li>button').on('click', function () {

    switch (this.id) {

        case "en":

            Cookies.set('user_lang', 'en', { expires: 60 });

            break;

        case "no":

            Cookies.set('user_lang', 'no', { expires: 60 });

            break;

        case "pl":

            Cookies.set('user_lang', 'pl', { expires: 60 });

            break;

        default:

    }

});



function langTriger(code) {

   $(code).trigger('click'); // trigger button to call back-end event

};



function trigerUserLang() {

  switch (Cookies.get('user_lang')) {

    case "en":

        langTriger('#en'); 

        break;

    case "no":

        langTriger('#no');

        break;

    case "pl":

        langTriger('#pl');

        break;

    default:

};

}