From e758441332ffeb052ad91c6773fdb8ddfa92a4c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?= <jmj@umbraco.dk>
Date: Thu, 29 Sep 2022 16:31:59 +0200
Subject: [PATCH] added email and language

---
 .../editor-view-users-user-details.element.ts | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/users/views/users/editor-view-users-user-details.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/users/views/users/editor-view-users-user-details.element.ts
index 8bcfb49358..5d5f0031c2 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/editors/users/views/users/editor-view-users-user-details.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/users/views/users/editor-view-users-user-details.element.ts
@@ -37,6 +37,12 @@ export class UmbEditorViewUsersUserDetailsElement extends UmbContextConsumerMixi
 				border-bottom: 1px solid var(--uui-color-divider);
 				width: 100%;
 			}
+			uui-input {
+				width: 100%;
+			}
+			.faded-text {
+				color: var(--uui-color-text-alt);
+			}
 		`,
 	];
 
@@ -49,6 +55,14 @@ export class UmbEditorViewUsersUserDetailsElement extends UmbContextConsumerMixi
 	protected _usersContext?: UmbEditorViewUsersElement;
 	protected _usersSubscription?: Subscription;
 
+	private _languages = [
+		{ name: 'English', value: 'en', selected: true },
+		{ name: 'Dutch', value: 'nl' },
+		{ name: 'French', value: 'fr' },
+		{ name: 'German', value: 'de' },
+		{ name: 'Spanish', value: 'es' },
+	];
+
 	connectedCallback(): void {
 		super.connectedCallback();
 
@@ -80,10 +94,22 @@ export class UmbEditorViewUsersUserDetailsElement extends UmbContextConsumerMixi
 		return html`
 			<div id="left-column">
 				<uui-box>
-					<p slot="headline">Profile</p>
+					<div slot="headline">Profile</div>
+					<uui-form-layout-item>
+						<uui-label for="email">Email</uui-label>
+						<uui-input name="email" readonly value="FIX EMAIL"></uui-input>
+					</uui-form-layout-item>
+					<uui-form-layout-item>
+						<uui-label for="language">Language</uui-label>
+						<uui-select name="language" .options=${this._languages}> </uui-select>
+					</uui-form-layout-item>
 				</uui-box>
 				<uui-box>
-					<p slot="headline">Profile</p>
+					<div slot="headline">Assign access</div>
+					<div>
+						<b>Groups</b>
+						<div class="faded-text">Add groups to assign access and permissions</div>
+					</div>
 				</uui-box>
 			</div>
 			<div id="right-column">