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

listen for language change on user

Browse Source
This commit is contained in:
Jacob Overgaard
2023-07-27 16:30:47 +02:00
parent 6b4edb902e
commit c274d78e59
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/Umbraco.Web.UI.Client/src/packages/users/users/workspace/user-workspace-editor.element.ts
View File

@@ -3,7 +3,7 @@ import { UmbUserRepository } from '../repository/user.repository.js';
import { UmbUserGroupInputElement } from '../../user-groups/components/input-user-group/user-group-input.element.js';
import { type UmbUserDetail } from '../index.js';
import { UmbUserWorkspaceContext } from './user-workspace.context.js';
import { UUIInputElement, UUIInputEvent, UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
import { UUIInputElement, UUIInputEvent, UUISelectElement, UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
import {
css,
html,
@@ -149,6 +149,15 @@ export class UmbUserWorkspaceEditorElement extends UmbLitElement {
}
}
#onLanguageChange(event: Event) {
const target = event.composedPath()[0] as UUISelectElement;
if (typeof target?.value === 'string') {
console.log('value', target.value);
this.#workspaceContext?.updateProperty('languageIsoCode', target.value);
}
}
#onPasswordChange() {
// TODO: check if current user is admin
this.#modalContext?.open(UMB_CHANGE_PASSWORD_MODAL, {
@@ -185,12 +194,18 @@ export class UmbUserWorkspaceEditorElement extends UmbLitElement {
if (!this._user) return nothing;
return html` <uui-box>
<div slot="headline">Profile</div>
<div slot="headline"><umb-localize key="user_profile">Profile</umb-localize></div>
<umb-workspace-property-layout label="Email">
<uui-input slot="editor" name="email" label="email" readonly value=${ifDefined(this._user.email)}></uui-input>
</umb-workspace-property-layout>
<umb-workspace-property-layout label="Language" description="The language of the UI in the Backoffice">
<uui-select slot="editor" name="language" label="language" .options=${this.languages}> </uui-select>
<uui-select
slot="editor"
name="language"
label="language"
.options=${this.languages}
@change="${this.#onLanguageChange}">
</uui-select>
</umb-workspace-property-layout>
</uui-box>
<uui-box>