language-selector.component.ts
1.33 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import {Component, Inject} from "ng-forward";
@Component({
selector: "language-selector",
templateUrl: "app/components/language-selector/language-selector.html"
})
@Inject("$translate", "tmhDynamicLocale", "amMoment", "angularLoad")
export class LanguageSelector {
availableLanguages: any;
constructor(private $translate: angular.translate.ITranslateService,
private tmhDynamicLocale: any,
private amMoment: any,
private angularLoad: any) {
this.changeLanguage(tmhDynamicLocale.get() || $translate.use());
}
currentLanguage() {
return this.$translate.use();
}
changeLanguage(language: string) {
this.changeMomentLocale(language);
this.tmhDynamicLocale.set(language);
this.$translate.use(language).then((lang) => {
this.availableLanguages = {
"en": this.$translate.instant("language.en"),
"pt": this.$translate.instant("language.pt")
};
});
}
private changeMomentLocale(language: string) {
let localePromise = Promise.resolve();
if (language != "en") {
localePromise = this.angularLoad.loadScript(`/bower_components/moment/locale/${language}.js`);
}
localePromise.then(() => {
this.amMoment.changeLocale(language);
});
}
}