yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

support listening on changed translations with localizeMany

Browse Source
This commit is contained in:
Jacob Overgaard
2023-07-25 16:31:28 +02:00
parent 32a2de69c1
commit b3328014e9
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/Umbraco.Web.UI.Client/src/libs/localization-api/localization.context.ts
View File

@@ -3,7 +3,7 @@ import { UMB_AUTH } from '@umbraco-cms/backoffice/auth';
import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
import { UmbElement } from '@umbraco-cms/backoffice/element-api';
import { UmbBackofficeExtensionRegistry } from '@umbraco-cms/backoffice/extension-registry';
import { of, switchMap, type Observable, map } from '@umbraco-cms/backoffice/external/rxjs';
import { combineLatest, distinctUntilChanged, type Observable, map } from '@umbraco-cms/backoffice/external/rxjs';
export class UmbLocalizationContext {
#translationRegistry;
@@ -29,8 +29,12 @@ export class UmbLocalizationContext {
* Localize a key.
* If the key is not found, the fallback is returned.
* If the fallback is not provided, the key is returned.
*
* @param key The key to localize. The key is case sensitive.
* @param fallback The fallback text to use if the key is not found (default: undefined).
* @example localize('general_close').subscribe((value) => {
* console.log(value); // 'Close'
* });
*/
localize(key: string, fallback?: string): Observable<string> {
return this.translations.pipe(
@@ -43,12 +47,17 @@ export class UmbLocalizationContext {
/**
* Localize many keys at once.
* If a key is not found, the key is returned.
*
* @description This method combines the results of multiple calls to localize.
* @param keys
* @param keys The keys to localize. The keys are case sensitive.
* @example localizeMany(['general_close', 'general_logout']).subscribe((values) => {
* console.log(values[0]); // 'Close'
* console.log(values[1]); // 'Log out'
* });
* @see localize
*/
localizeMany(keys: string[]): Observable<Record<string, string>> {
return of(...keys).pipe(switchMap((key) => this.localize(key).pipe(map((value) => ({ [key]: value })))));
localizeMany(keys: string[]) {
return combineLatest(keys.map((key) => this.localize(key).pipe(distinctUntilChanged())));
}
}