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

render username in modal headline

Browse Source
This commit is contained in:
Mads Rasmussen
2023-10-12 12:29:37 +02:00
parent 5f87b06232
commit e30fc43978
2 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/Umbraco.Web.UI.Client/src/packages/core/modal/token/change-password-modal.token.ts
View File

@@ -1,7 +1,8 @@
import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
export interface UmbChangePasswordModalData {
requireOldPassword: boolean;
userId: string;
requireOldPassword?: boolean;
}
export interface UmbChangePasswordModalValue {

23
src/Umbraco.Web.UI.Client/src/packages/user/modals/change-password/change-password-modal.element.ts
View File

@@ -1,10 +1,19 @@
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { css, CSSResultGroup, html, nothing, customElement } from '@umbraco-cms/backoffice/external/lit';
import { css, CSSResultGroup, html, nothing, customElement, state } from '@umbraco-cms/backoffice/external/lit';
import { UmbChangePasswordModalData } from '@umbraco-cms/backoffice/modal';
import { UmbModalBaseElement } from '@umbraco-cms/internal/modal';
import { UmbUserRepository } from '@umbraco-cms/backoffice/user';
@customElement('umb-change-password-modal')
export class UmbChangePasswordModalElement extends UmbModalBaseElement<UmbChangePasswordModalData> {
@state()
private _userName: string = '';
@state()
private _headline: string = 'Change password';
#repository = new UmbUserRepository(this);
#onClose() {
this.modalContext?.reject();
}
@@ -27,9 +36,19 @@ export class UmbChangePasswordModalElement extends UmbModalBaseElement<UmbChange
this.modalContext?.submit({ oldPassword, newPassword, confirmPassword });
}
protected async firstUpdated(): Promise<void> {
if (!this.data?.userId) return;
const { data } = await this.#repository.requestItems([this.data.userId]);
if (data) {
const userName = data[0].name;
this._headline = `Change password for ${userName}`;
}
}
render() {
return html`
<uui-dialog-layout class="uui-text" headline="Change password">
<uui-dialog-layout class="uui-text" headline=${this._headline}>
<uui-form>
<form id="LoginForm" name="login" @submit="${this.#onSubmit}">
${this.data?.requireOldPassword ? this.#renderOldPasswordInput() : nothing}