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

refactor user editor

Browse Source
This commit is contained in:
Mads Rasmussen
2022-10-05 14:46:34 +02:00
parent 266e91ea26
commit 135183b033
8 changed files with 45 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/Umbraco.Web.UI.Client/src/backoffice/editors/user-group/editor-user-group.element.ts Normal file
View File

@@ -0,0 +1,17 @@
import { html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('umb-editor-user-group')
export class UmbEditorUserGroupElement extends LitElement {
render() {
return html`<div>User Group</div>`;
}
}
export default UmbEditorUserGroupElement;
declare global {
interface HTMLElementTagNameMap {
'umb-editor-user-group': UmbEditorUserGroupElement;
}
}

17
src/Umbraco.Web.UI.Client/src/backoffice/editors/user-groups/editor-user-groups.element.ts
View File

@@ -1,17 +0,0 @@
import { html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('umb-editor-user-groups')
export class UmbEditorUserGroupsElement extends LitElement {
render() {
return html`<div>User Groups</div>`;
}
}
export default UmbEditorUserGroupsElement;
declare global {
interface HTMLElementTagNameMap {
'umb-editor-user-groups': UmbEditorUserGroupsElement;
}
}

14
src/Umbraco.Web.UI.Client/src/backoffice/editors/users/views/users/actions/editor-action-users-save.element.ts → src/Umbraco.Web.UI.Client/src/backoffice/editors/user/actions/editor-action-user-save.element.ts
View File

@@ -2,12 +2,12 @@ import { css, html, LitElement, nothing } from 'lit';
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { customElement, state } from 'lit/decorators.js';
import { Subscription } from 'rxjs';
import { UmbContextConsumerMixin } from '../../../../../../core/context';
import { UmbUserStore } from '../../../../../../core/stores/user/user.store';
import type { UserEntity } from '../../../../../../core/models';
import { UmbContextConsumerMixin } from '../../../../core/context';
import { UmbUserStore } from '../../../../core/stores/user/user.store';
import type { UserEntity } from '../../../../core/models';
@customElement('umb-editor-action-users-save')
export class UmbEditorActionUsersSaveElement extends UmbContextConsumerMixin(LitElement) {
@customElement('umb-editor-action-user-save')
export class UmbEditorActionUserSaveElement extends UmbContextConsumerMixin(LitElement) {
static styles = [UUITextStyles, css``];
private _userStore?: UmbUserStore;
@@ -30,10 +30,10 @@ export class UmbEditorActionUsersSaveElement extends UmbContextConsumerMixin(Lit
}
}
export default UmbEditorActionUsersSaveElement;
export default UmbEditorActionUserSaveElement;
declare global {
interface HTMLElementTagNameMap {
'umb-editor-action-users-save': UmbEditorActionUsersSaveElement;
'umb-editor-action-user-save': UmbEditorActionUserSaveElement;
}
}

18
src/Umbraco.Web.UI.Client/src/backoffice/editors/users/views/users/editor-view-users-user-details.element.ts → src/Umbraco.Web.UI.Client/src/backoffice/editors/user/editor-user.element.ts
View File

@@ -2,14 +2,14 @@ import { css, html, LitElement, nothing } from 'lit';
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { customElement, property, state } from 'lit/decorators.js';
import { Subscription } from 'rxjs';
import { UmbContextConsumerMixin } from '../../../../../core/context';
import UmbSectionViewUsersElement from '../../../../sections/users/views/users/section-view-users.element';
import '../../../../property-editors/content-picker/property-editor-content-picker.element';
import { UmbUserStore } from '../../../../../core/stores/user/user.store';
import type { UserDetails } from '../../../../../core/models';
import { UmbContextConsumerMixin } from '../../../core/context';
import UmbSectionViewUsersElement from '../../sections/users/views/users/section-view-users.element';
import '../../property-editors/content-picker/property-editor-content-picker.element';
import { UmbUserStore } from '../../../core/stores/user/user.store';
import type { UserDetails } from '../../../core/models';
@customElement('umb-editor-view-users-user-details')
export class UmbEditorViewUsersUserDetailsElement extends UmbContextConsumerMixin(LitElement) {
@customElement('umb-editor-user')
export class UmbEditorUserElement extends UmbContextConsumerMixin(LitElement) {
static styles = [
UUITextStyles,
css`
@@ -246,10 +246,10 @@ export class UmbEditorViewUsersUserDetailsElement extends UmbContextConsumerMixi
}
}
export default UmbEditorViewUsersUserDetailsElement;
export default UmbEditorUserElement;
declare global {
interface HTMLElementTagNameMap {
'umb-editor-view-users-user-details': UmbEditorViewUsersUserDetailsElement;
'umb-editor-view-users-user-details': UmbEditorUserElement;
}
}

44
src/Umbraco.Web.UI.Client/src/backoffice/editors/users/editor-users.element.ts
View File

@@ -1,44 +0,0 @@
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { css, html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
import { UmbContextConsumerMixin, UmbContextProviderMixin } from '../../../core/context';
import '../shared/editor-entity-layout/editor-entity-layout.element';
// Lazy load
// TODO: Make this dynamic, use load-extensions method to loop over extensions for this node.
import './views/user-groups/editor-view-user-groups.element';
@customElement('umb-editor-users')
export class UmbEditorUsersElement extends UmbContextProviderMixin(UmbContextConsumerMixin(LitElement)) {
static styles = [
UUITextStyles,
css`
:host {
display: block;
width: 100%;
height: 100%;
}
#name {
width: 100%;
}
#alias {
padding: 0 var(--uui-size-space-3);
}
`,
];
render() {
return html` <umb-editor-entity-layout alias="Umb.Editor.Users"></umb-editor-entity-layout> `;
}
}
export default UmbEditorUsersElement;
declare global {
interface HTMLElementTagNameMap {
'umb-editor-users': UmbEditorUsersElement;
}
}

2
src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/editor-view-users-overview.element.ts
View File

@@ -6,7 +6,7 @@ import './list-view-layouts/table/editor-view-users-table.element';
import './list-view-layouts/grid/editor-view-users-grid.element';
import './editor-view-users-selection.element';
import './editor-view-users-invite.element';
import { IRoute , isPathActive } from 'router-slot';
import { IRoute } from 'router-slot';
import { UUIPopoverElement } from '@umbraco-ui/uui';
import { UmbContextConsumerMixin } from '../../../../../core/context';
import UmbSectionViewUsersElement from './section-view-users.element';

6
src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/section-view-users.element.ts
View File

@@ -12,7 +12,7 @@ import './editor-view-users-selection.element';
import './editor-view-users-invite.element';
import type { UserDetails, UserEntity } from '../../../../../core/models';
import type { UmbEditorViewUsersUserDetailsElement } from '../../../../editors/users/views/users/editor-view-users-user-details.element';
import type { UmbEditorUserElement } from '../../../../editors/user/editor-user.element';
@customElement('umb-section-view-users')
export class UmbSectionViewUsersElement extends UmbContextProviderMixin(LitElement) {
@@ -30,9 +30,9 @@ export class UmbSectionViewUsersElement extends UmbContextProviderMixin(LitEleme
},
{
path: 'details/:key',
component: () => import('../../../../editors/users/views/users/editor-view-users-user-details.element'),
component: () => import('../../../../editors/user/editor-user.element'),
setup: (component: unknown, info: IRoutingInfo) => {
const element = component as UmbEditorViewUsersUserDetailsElement;
const element = component as UmbEditorUserElement;
element.key = info.match.params.key;
},
},

28
src/Umbraco.Web.UI.Client/src/temp-internal-manifests.ts
View File

@@ -343,33 +343,21 @@ export const internalManifests: Array<ManifestTypes & { loader: () => Promise<ob
},
},
{
type: 'editorView',
alias: 'Umb.EditorView.Users.Users',
name: 'Users',
loader: () => import('./backoffice/sections/users/views/users/section-view-users.element'),
type: 'editor',
alias: 'Umb.Editor.User',
name: 'User Editor',
loader: () => import('./backoffice/editors/user/editor-user.element'),
meta: {
editors: ['Umb.Editor.Users'],
pathname: 'users',
weight: 1,
icon: 'document',
entityType: 'user',
},
},
{
type: 'editorAction',
alias: 'Umb.EditorAction.Users.Save',
alias: 'Umb.EditorAction.User.Save',
name: 'EditorActionUserSave',
loader: () => import('./backoffice/editors/users/views/users/actions/editor-action-users-save.element'),
loader: () => import('./backoffice/editors/user/actions/editor-action-user-save.element'),
meta: {
editors: ['Umb.Editor.Users'],
},
},
{
type: 'editorAction',
alias: 'Umb.EditorAction.Users.Delete',
name: 'EditorActionUserDelete',
loader: () => import('./backoffice/editors/users/views/users/actions/editor-action-users-save.element'),
meta: {
editors: ['Umb.Editor.DataType'],
editors: ['Umb.Editor.User'],
},
},
{