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

user group editor cleanup

Browse Source
This commit is contained in:
Jesper Møller Jensen
2022-10-12 11:38:34 +02:00
parent 0236d96cf7
commit b4745cdca5
1 changed files with 2 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,7 +19,6 @@ export class UmbEditorUserGroupElement extends LitElement {
gap: var(--uui-size-space-6);
padding: var(--uui-size-space-6);
}
#left-column {
display: flex;
flex-direction: column;
@@ -30,10 +29,6 @@ export class UmbEditorUserGroupElement extends LitElement {
flex-direction: column;
gap: var(--uui-size-space-2);
}
uui-avatar {
font-size: var(--uui-size-16);
place-self: center;
}
hr {
border: none;
border-bottom: 1px solid var(--uui-color-divider);
@@ -46,33 +41,6 @@ export class UmbEditorUserGroupElement extends LitElement {
color: var(--uui-color-text-alt);
font-size: 0.8rem;
}
uui-tag {
width: fit-content;
}
#user-info {
display: flex;
gap: var(--uui-size-space-6);
}
#user-info > div {
display: flex;
flex-direction: column;
}
#assign-access {
display: flex;
flex-direction: column;
gap: var(--uui-size-space-4);
}
.access-content {
margin-top: var(--uui-size-space-1);
margin-bottom: var(--uui-size-space-4);
display: flex;
align-items: center;
line-height: 1;
gap: var(--uui-size-space-3);
}
.access-content > span {
align-self: end;
}
`,
];
@@ -82,61 +50,12 @@ export class UmbEditorUserGroupElement extends LitElement {
@property({ type: String })
entityKey = '';
private _languages = []; //TODO Add languages
private renderLeftColumn() {
return html` <uui-box>
<div slot="headline">Profile</div>
<uui-form-layout-item style="margin-top: 0">
<uui-label for="email">Email</uui-label>
<uui-input name="email" label="email" readonly value=${''}></uui-input>
</uui-form-layout-item>
<uui-form-layout-item style="margin-bottom: 0">
<uui-label for="language">Language</uui-label>
<uui-select name="language" label="language" .options=${this._languages}> </uui-select>
</uui-form-layout-item>
</uui-box>
<uui-box>
<div id="assign-access">
<div slot="headline">Assign access</div>
<div>
<b>Groups</b>
<div class="faded-text">Add groups to assign access and permissions</div>
</div>
<div>
<b>Content start nodes</b>
<div class="faded-text">Limit the content tree to specific start nodes</div>
<umb-property-editor-ui-content-picker></umb-property-editor-ui-content-picker>
</div>
<div>
<b>Media start nodes</b>
<div class="faded-text">Limit the media library to specific start nodes</div>
<umb-property-editor-ui-content-picker></umb-property-editor-ui-content-picker>
</div>
</div>
</uui-box>
<uui-box>
<div slot="headline">Access</div>
<div slot="header" class="faded-text">
Based on the assigned groups and start nodes, the user has access to the following nodes
</div>
<b>Content</b>
<div class="access-content">
<uui-icon name="folder"></uui-icon>
<span>Content Root</span>
</div>
<b>Media</b>
<div class="access-content">
<uui-icon name="folder"></uui-icon>
<span>Media Root</span>
</div>
</uui-box>`;
return html`<uui-box> LEFT </uui-box>`;
}
private renderRightColumn() {
return html` <uui-box> RIGHT </uui-box>`;
return html`<uui-box> <div>RIGHT</div> </uui-box>`;
}
// TODO. find a way where we don't have to do this for all editors.