150 lines
4.0 KiB
TypeScript
150 lines
4.0 KiB
TypeScript
import { Injectable } from '@angular/core';
|
|
import { HttpClient } from '@angular/common/http';
|
|
import { environment } from '../../environments/environment';
|
|
import { MatPaginatorIntl } from '@angular/material/paginator';
|
|
import { Subject } from 'rxjs';
|
|
|
|
@Injectable({
|
|
providedIn: 'root',
|
|
})
|
|
export class I18nService {
|
|
|
|
locale: string = "en";
|
|
locales: any[] = [ "en" ];
|
|
i18n: any;
|
|
|
|
constructor(private http: HttpClient) {
|
|
|
|
}
|
|
|
|
getLocales() {
|
|
return this.locales;
|
|
}
|
|
|
|
getLocale() {
|
|
return this.locale || 'en';
|
|
}
|
|
|
|
setLocale(locale) {
|
|
this.locale = locale;
|
|
}
|
|
|
|
async fetch() {
|
|
|
|
let browserLocale = navigator.language;
|
|
|
|
if (browserLocale.indexOf("-") != -1) {
|
|
browserLocale = browserLocale.split("-")[ 0 ];
|
|
}
|
|
|
|
let locale = localStorage.getItem("bstlboard.locale") || browserLocale || this.locales[ 0 ];
|
|
|
|
if (locale == 'de') {
|
|
locale = 'de-informal';
|
|
}
|
|
|
|
try {
|
|
await this.http.get(environment.apiUrl + "/i18n").toPromise().then((response: any) => {
|
|
this.locales = response;
|
|
});
|
|
} catch (e) {
|
|
console.debug("fallback to default locales");
|
|
}
|
|
|
|
if (this.locales.indexOf(locale) == -1) {
|
|
locale = this.locales[ 0 ];
|
|
}
|
|
|
|
this.setLocale(locale);
|
|
try {
|
|
this.i18n = await this.http.get(environment.apiUrl + "/i18n/" + locale).toPromise();
|
|
} catch (e) {
|
|
this.i18n = await this.http.get("/assets/i18n/" + locale + ".json").toPromise();
|
|
console.debug("fallback to default locale");
|
|
}
|
|
}
|
|
|
|
get(key, args: string[]): string {
|
|
return this.getInternal(key, args, this.i18n);
|
|
}
|
|
|
|
getInternal(key, args: string[], from): string {
|
|
key += '';
|
|
if (!from) {
|
|
if (args && args.length > 0) {
|
|
return key + "[" + args + "]";
|
|
}
|
|
return key;
|
|
} else if (from[ key ]) {
|
|
if (typeof from[ key ] === 'object') {
|
|
if (from[ key ][ "." ]) {
|
|
return this.insertArguments(from[ key ][ "." ], args);
|
|
}
|
|
if (args && args.length > 0) {
|
|
return key + "[" + args + "]";
|
|
}
|
|
}
|
|
return this.insertArguments(from[ key ], args);
|
|
} else {
|
|
let keys = key.split(".");
|
|
if (from[ keys[ 0 ] ]) {
|
|
key = keys.slice(1, keys.length).join(".");
|
|
return this.getInternal(key, args, from[ keys[ 0 ] ])
|
|
}
|
|
}
|
|
|
|
if (args && args.length > 0) {
|
|
return key + "[" + args + "]";
|
|
}
|
|
|
|
return key;
|
|
}
|
|
|
|
insertArguments(label: string, args: string[]) {
|
|
if (args) {
|
|
for (let index in args) {
|
|
label = label.replace(`{${index}}`, this.get(args[ index ], []));
|
|
}
|
|
}
|
|
return label;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
@Injectable()
|
|
export class I18nPaginatorIntl implements MatPaginatorIntl {
|
|
|
|
changes = new Subject<void>();
|
|
|
|
i18n: I18nService;
|
|
|
|
itemsPerPageLabel: string;
|
|
nextPageLabel: string;
|
|
previousPageLabel: string;
|
|
firstPageLabel: string;
|
|
lastPageLabel: string;
|
|
|
|
|
|
injectI18n(i18n: I18nService) {
|
|
this.i18n = i18n;
|
|
|
|
this.firstPageLabel = this.i18n.get('paginator.firstPage', []);
|
|
this.itemsPerPageLabel = this.i18n.get('paginator.itemsPerPage', []);
|
|
this.lastPageLabel = this.i18n.get('paginator.lastPage', []);
|
|
|
|
this.nextPageLabel = this.i18n.get('paginator.nextPage', []);
|
|
this.previousPageLabel = this.i18n.get('paginator.previousPage', []);
|
|
|
|
}
|
|
|
|
|
|
getRangeLabel(page: number, pageSize: number, length: number): string {
|
|
if (length === 0) {
|
|
return this.i18n.get('paginator.empty', []);
|
|
}
|
|
|
|
const amountPages = Math.ceil(length / pageSize);
|
|
return this.i18n.get('paginator.range', [ page + 1 + "", amountPages + "" ]);
|
|
}
|
|
} |