move client credentials to the sidebar + stack the elements

This commit is contained in:
Mads Rasmussen
2024-09-03 09:21:30 +02:00
parent 466a456967
commit 40ae96596f
4 changed files with 19 additions and 15 deletions

View File

@@ -143,7 +143,6 @@ export class UmbUserAvatarElement extends UmbLitElement {
css`
:host {
display: block;
margin-bottom: var(--uui-size-space-4);
}
#Avatar {

View File

@@ -1,11 +1,11 @@
import { UMB_USER_WORKSPACE_CONTEXT } from '../../user-workspace.context-token.js';
import type { UmbUserClientCredentialModel } from '../../../client-credential/index.js';
import { UmbUserClientCredentialRepository } from '../../../client-credential/index.js';
import { UMB_CREATE_USER_CLIENT_CREDENTIAL_MODAL } from '../../../client-credential/create/modal/create-user-client-credential-modal.token.js';
import { html, customElement, state, css } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
import { UMB_CREATE_USER_CLIENT_CREDENTIAL_MODAL } from '../../../client-credential/create/modal/create-user-client-credential-modal.token.js';
const elementName = 'umb-user-workspace-client-credentials';
@customElement(elementName)
@@ -76,6 +76,10 @@ export class UmbUserWorkspaceClientCredentialsElement extends UmbLitElement {
static override styles = [
UmbTextStyles,
css`
:host {
display: block;
}
uui-input {
width: 100%;
}

View File

@@ -104,12 +104,12 @@ export class UmbUserWorkspaceInfoElement extends UmbLitElement {
static override styles = [
UmbTextStyles,
css`
uui-tag {
width: fit-content;
:host {
display: block;
}
#user-info {
margin-bottom: var(--uui-size-space-4);
uui-tag {
width: fit-content;
}
#state {

View File

@@ -74,7 +74,6 @@ export class UmbUserWorkspaceEditorElement extends UmbLitElement {
return html`
<umb-user-workspace-profile-settings></umb-user-workspace-profile-settings>
<umb-user-workspace-client-credentials></umb-user-workspace-client-credentials>
<umb-user-workspace-assign-access></umb-user-workspace-assign-access>
<umb-user-workspace-access></umb-user-workspace-access>
`;
@@ -84,14 +83,16 @@ export class UmbUserWorkspaceEditorElement extends UmbLitElement {
if (!this._user) return nothing;
return html`
<umb-user-workspace-avatar></umb-user-workspace-avatar>
<umb-user-workspace-info></umb-user-workspace-info>
<uui-box>
<umb-entity-action-list
.entityType=${UMB_USER_ENTITY_TYPE}
.unique=${this._user.unique}></umb-entity-action-list>
</uui-box>
<umb-stack look="compact">
<umb-user-workspace-avatar></umb-user-workspace-avatar>
<umb-user-workspace-info></umb-user-workspace-info>
<umb-user-workspace-client-credentials></umb-user-workspace-client-credentials>
<uui-box>
<umb-entity-action-list
.entityType=${UMB_USER_ENTITY_TYPE}
.unique=${this._user.unique}></umb-entity-action-list>
</uui-box>
</umb-stack>
`;
}