🌐Multi Language

Localization support IE11, Edge, Chrome, Firefox & Safari.

Mantis supports four languages ('en' - English, 'fr' - French, 'ro' - Romanian, 'zh' - Chinese) and can be easily switched from the header bar. The main menu is also internationalised for all four languages. If you wish to add a language or set a default language, please continue reading below...

How to change it?

Data for locale files exists at src/assets/i18n . You can add new words here in language-specific files.

en.json

{
    "dashboard": "Dashboard",
    "default": "Default",
    "analytics": "Analytics",
    ...
    ...
}

To change the Locale, open the file src/app/app-config.ts file and set language

export class MantisConfig {
  ....
  ....
  static i18n = 'en'; // en, ro, fr, cn
}

If you change the locale JSON file, open the file src/app/theme/shared/custom-translate-loader.ts file and set language.

src/app/theme/shared/custom-translate-loader.ts

// project import
import en from '../../../assets/i18n/en.json';
import fr from '../../../assets/i18n/fr.json';
import ro from '../../../assets/i18n/ro.json';
import cn from '../../../assets/i18n/cn.json';

// third party
import { TranslateLoader } from '@ngx-translate/core';

// angular import
import { of } from 'rxjs';

export class CustomTranslateLoader implements TranslateLoader {
  // public method
  public getTranslation(lang: string) {
    if (lang === 'fr') {
      return of(fr);
    }
    if (lang === 'ro') {
      return of(ro);
    }
    if (lang === 'cn') {
      return of(cn);
    }
    return of(en);
  }
}