110 lines
3.2 KiB
JavaScript
110 lines
3.2 KiB
JavaScript
/* global $, require, config, interfaceConfig */
|
|
import i18n from 'i18next';
|
|
import XHR from 'i18next-xhr-backend';
|
|
import jqueryI18next from 'jquery-i18next';
|
|
import languagesR from "../../lang/languages.json";
|
|
import mainR from "../../lang/main.json";
|
|
import languages from "../../service/translation/languages";
|
|
|
|
const DEFAULT_LANG = languages.EN;
|
|
|
|
const defaultOptions = {
|
|
compatibilityAPI: 'v1',
|
|
compatibilityJSON: 'v1',
|
|
fallbackLng: DEFAULT_LANG,
|
|
load: "unspecific",
|
|
resGetPath: 'lang/__ns__-__lng__.json',
|
|
ns: {
|
|
namespaces: ['main', 'languages'],
|
|
defaultNs: 'main'
|
|
},
|
|
lngWhitelist : languages.getLanguages(),
|
|
fallbackOnNull: true,
|
|
fallbackOnEmpty: true,
|
|
useDataAttrOptions: true,
|
|
app: interfaceConfig.APP_NAME
|
|
};
|
|
|
|
function initCompleted() {
|
|
$("[data-i18n]").localize();
|
|
}
|
|
|
|
function getLangFromQuery() {
|
|
var query = window.location.search.substring(1);
|
|
var vars = query.split("&");
|
|
for (var i=0;i<vars.length;i++) {
|
|
var pair = vars[i].split("=");
|
|
if(pair[0] == "lang")
|
|
{
|
|
return pair[1];
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
class Translation {
|
|
init (settingsLang) {
|
|
let options = defaultOptions;
|
|
|
|
let lang = getLangFromQuery() || settingsLang || config.defaultLanguage;
|
|
// XXX If none of the above has been set then the 'lang' will be
|
|
// 'undefined' and the i18n lib will try to auto detect user's
|
|
// preferred language based on browser's locale.
|
|
// The interface config option allows to disable this auto detection
|
|
// by specifying the fallback language in that case.
|
|
let langDetection = interfaceConfig.LANG_DETECTION;
|
|
|
|
if (!langDetection && !lang) {
|
|
lang = DEFAULT_LANG;
|
|
}
|
|
|
|
if (lang) {
|
|
options.lng = lang;
|
|
}
|
|
|
|
i18n.use(XHR)
|
|
.use({
|
|
type: 'postProcessor',
|
|
name: "resolveAppName",
|
|
process: (res, key) => {
|
|
return i18n.t(key, {app: options.app});
|
|
}
|
|
})
|
|
.init(options, initCompleted);
|
|
// adds default language which is preloaded from code
|
|
i18n.addResourceBundle(DEFAULT_LANG, 'main', mainR, true, true);
|
|
i18n.addResourceBundle(
|
|
DEFAULT_LANG, 'languages', languagesR, true, true);
|
|
jqueryI18next.init(i18n, $, {useOptionsAttr: true});
|
|
}
|
|
|
|
setLanguage (lang) {
|
|
if(!lang)
|
|
lang = DEFAULT_LANG;
|
|
i18n.setLng(lang, defaultOptions, initCompleted);
|
|
}
|
|
|
|
getCurrentLanguage () {
|
|
return i18n.lng();
|
|
}
|
|
|
|
translateElement (selector, options) {
|
|
// i18next expects undefined if options are missing, check if its null
|
|
selector.localize(
|
|
options === null ? undefined : options);
|
|
}
|
|
|
|
generateTranslationHTML (key, options) {
|
|
let optAttr = options
|
|
? ` data-i18n-options='${JSON.stringify(options)}'` : "";
|
|
let text = i18n.t(key, options === null ? undefined : options);
|
|
return `<span data-i18n="${key}"${optAttr}>${text}</span>`;
|
|
}
|
|
|
|
addLanguageChangedListener(listener) {
|
|
i18n.on('languageChanged', listener);
|
|
}
|
|
}
|
|
|
|
export default new Translation();
|