2019-08-09 19:13:18 +03:00
|
|
|
///
|
2024-01-09 10:46:16 +02:00
|
|
|
/// Copyright © 2016-2024 The Thingsboard Authors
|
2019-08-09 19:13:18 +03:00
|
|
|
///
|
|
|
|
|
/// Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
/// you may not use this file except in compliance with the License.
|
|
|
|
|
/// You may obtain a copy of the License at
|
|
|
|
|
///
|
|
|
|
|
/// http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
///
|
|
|
|
|
/// Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
/// distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
/// See the License for the specific language governing permissions and
|
|
|
|
|
/// limitations under the License.
|
|
|
|
|
///
|
|
|
|
|
|
2019-09-25 19:37:29 +03:00
|
|
|
import { environment as env } from '@env/environment';
|
2019-08-09 19:13:18 +03:00
|
|
|
import { TranslateService } from '@ngx-translate/core';
|
2024-09-26 17:26:35 +03:00
|
|
|
import _moment from 'moment';
|
2024-04-30 17:37:06 +03:00
|
|
|
import { Observable } from 'rxjs';
|
2019-08-09 19:13:18 +03:00
|
|
|
|
2024-11-20 00:16:10 +02:00
|
|
|
export function updateUserLang(translate: TranslateService, document: Document, userLang: string, translations = env.supportedLangs): Observable<any> {
|
2019-08-09 19:13:18 +03:00
|
|
|
let targetLang = userLang;
|
2024-10-22 10:14:59 +03:00
|
|
|
if (!translations) {
|
|
|
|
|
translations = env.supportedLangs;
|
|
|
|
|
}
|
2019-09-25 19:37:29 +03:00
|
|
|
if (!env.production) {
|
|
|
|
|
console.log(`User lang: ${targetLang}`);
|
|
|
|
|
}
|
2019-08-09 19:13:18 +03:00
|
|
|
if (!targetLang) {
|
|
|
|
|
targetLang = translate.getBrowserCultureLang();
|
2019-09-25 19:37:29 +03:00
|
|
|
if (!env.production) {
|
|
|
|
|
console.log(`Fallback to browser lang: ${targetLang}`);
|
|
|
|
|
}
|
2019-08-09 19:13:18 +03:00
|
|
|
}
|
2024-04-22 10:58:58 +03:00
|
|
|
const detectedSupportedLang = detectSupportedLang(targetLang, translations);
|
2019-09-25 19:37:29 +03:00
|
|
|
if (!env.production) {
|
|
|
|
|
console.log(`Detected supported lang: ${detectedSupportedLang}`);
|
|
|
|
|
}
|
2024-11-20 00:16:10 +02:00
|
|
|
document.documentElement.lang = detectedSupportedLang.replace('_', '-');
|
2020-02-18 17:25:17 +02:00
|
|
|
_moment.locale([detectedSupportedLang]);
|
2024-04-30 17:37:06 +03:00
|
|
|
return translate.use(detectedSupportedLang);
|
2019-08-09 19:13:18 +03:00
|
|
|
}
|
|
|
|
|
|
2024-04-22 10:58:58 +03:00
|
|
|
function detectSupportedLang(targetLang: string, translations: string[]): string {
|
2019-08-09 19:13:18 +03:00
|
|
|
const langTag = (targetLang || '').split('-').join('_');
|
|
|
|
|
if (langTag.length) {
|
2024-04-22 10:58:58 +03:00
|
|
|
if (translations.indexOf(langTag) > -1) {
|
2019-08-09 19:13:18 +03:00
|
|
|
return langTag;
|
|
|
|
|
} else {
|
|
|
|
|
const parts = langTag.split('_');
|
|
|
|
|
let lang;
|
|
|
|
|
if (parts.length === 2) {
|
|
|
|
|
lang = parts[0];
|
|
|
|
|
} else {
|
|
|
|
|
lang = langTag;
|
|
|
|
|
}
|
2024-04-22 10:58:58 +03:00
|
|
|
const foundLangs = translations.filter(
|
2019-08-09 19:13:18 +03:00
|
|
|
(supportedLang: string) => {
|
|
|
|
|
const supportedLangParts = supportedLang.split('_');
|
|
|
|
|
return supportedLangParts[0] === lang;
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
if (foundLangs.length) {
|
|
|
|
|
return foundLangs[0];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-09-25 19:37:29 +03:00
|
|
|
return env.defaultLang;
|
2019-08-09 19:13:18 +03:00
|
|
|
}
|