mirror of https://github.com/rancher/ui.git
137 lines
3.9 KiB
JavaScript
137 lines
3.9 KiB
JavaScript
import { resolve } from 'rsvp';
|
|
import { alias } from '@ember/object/computed';
|
|
import Service, { inject as service } from '@ember/service';
|
|
import C from 'shared/utils/constants';
|
|
import { ajaxPromise } from 'ember-api-store/utils/ajax-promise';
|
|
// @@TODO@@ - 10-27-17 - move to addon
|
|
import { loadScript } from 'ui/utils/load-script';
|
|
|
|
const RTL_LANGUAGES = ['fa-ir'];
|
|
|
|
export default Service.extend({
|
|
access : service(),
|
|
prefs : service(),
|
|
session : service(),
|
|
intl : service(),
|
|
locales : alias('app.locales'),
|
|
growl : service(),
|
|
cookies : service(),
|
|
userTheme : service('user-theme'),
|
|
app: service(),
|
|
loadedLocales : null,
|
|
|
|
bootstrap: function() {
|
|
this.set('loadedLocales', []);
|
|
}.on('init'),
|
|
|
|
initUnauthed() {
|
|
let lang = C.LANGUAGE.DEFAULT;
|
|
const fromSession = this.get(`session.${C.SESSION.LANGUAGE}`);
|
|
const fromCookie = this.get('cookies').get(C.COOKIE.LANG);
|
|
|
|
if (fromSession) {
|
|
lang = fromSession;
|
|
} else if(fromCookie){
|
|
lang = fromCookie;
|
|
}
|
|
|
|
return this.sideLoadLanguage(lang);
|
|
},
|
|
|
|
initLanguage(save=false) {
|
|
let lang = C.LANGUAGE.DEFAULT;
|
|
const session = this.get('session');
|
|
|
|
const fromLogin = session.get(C.SESSION.LOGIN_LANGUAGE);
|
|
const fromPrefs = this.get(`prefs.${C.PREFS.LANGUAGE}`); // get language from user prefs
|
|
const fromSession = session.get(C.SESSION.LANGUAGE); // get local language
|
|
const fromCookie = this.get('cookies').get(C.COOKIE.LANG);// get language from cookie
|
|
|
|
|
|
if ( fromLogin ) {
|
|
lang = fromLogin;
|
|
if ( save ) {
|
|
session.set(C.SESSION.LOGIN_LANGUAGE, undefined);
|
|
}
|
|
} else if ( fromPrefs ) {
|
|
lang = fromPrefs;
|
|
} else if (fromSession) {
|
|
lang = fromSession;
|
|
} else if (fromCookie) {
|
|
lang = fromCookie;
|
|
}
|
|
|
|
lang = this.normalizeLang(lang);
|
|
|
|
this.setLanguage(lang, save);
|
|
return this.sideLoadLanguage(lang);
|
|
},
|
|
|
|
normalizeLang(lang) {
|
|
return lang.toLowerCase();
|
|
},
|
|
|
|
getLocale() {
|
|
return this.get('intl.locale')[0];
|
|
},
|
|
|
|
setLanguage(lang, savePref=true) {
|
|
let session = this.get('session');
|
|
lang = lang || session.get(C.SESSION.LANGUAGE);
|
|
|
|
session.set(C.SESSION.LANGUAGE, lang);
|
|
if ( savePref && this.get('access.principal') ) {
|
|
return this.set(`prefs.${C.PREFS.LANGUAGE}`, lang);
|
|
} else {
|
|
return resolve();
|
|
}
|
|
},
|
|
|
|
sideLoadLanguage(language) {
|
|
let application = this.get('app');
|
|
let loadedLocales = this.get('loadedLocales');
|
|
|
|
if (loadedLocales.includes(language)) {
|
|
this.get('intl').setLocale(language);
|
|
this.setLanguage(language,false);
|
|
this.get('userTheme').writeStyleNode();
|
|
return resolve();
|
|
} else {
|
|
return ajaxPromise({url: `${this.get('app.baseAssets')}translations/${language}.json?${application.version}`,
|
|
method: 'GET',
|
|
dataType: 'json',
|
|
}).then((resp) => {
|
|
let promise;
|
|
if ( this.get('app.needIntlPolyfill') ) {
|
|
promise = loadScript(`${this.get('app.baseAssets')}assets/intl/locales/${language.toLowerCase()}.js?${application.version}`);
|
|
} else {
|
|
promise = resolve();
|
|
}
|
|
|
|
return promise.then(() => {
|
|
loadedLocales.push(language);
|
|
return this.get('intl').addTranslations(language, resp.xhr.responseJSON).then(() => {
|
|
this.get('intl').setLocale(language);
|
|
this.setLanguage(language,false);
|
|
this.get('userTheme').writeStyleNode();
|
|
});
|
|
});
|
|
}).catch((err) => {
|
|
this.get('growl').fromError('Error loading language: ' + language, err);
|
|
if ( language !== C.LANGUAGE.DEFAULT ) {
|
|
return this.sideLoadLanguage(C.LANGUAGE.DEFAULT);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
getAvailableTranslations() {
|
|
return this.get('intl').getLocalesByTranslations();
|
|
},
|
|
|
|
isRtl(lang) {
|
|
return RTL_LANGUAGES.includes(lang.toLowerCase());
|
|
},
|
|
|
|
});
|