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

show a message if there are no property editor UIs registered for a property editor

Browse Source
This commit is contained in:
Mads Rasmussen
2022-09-21 09:22:58 +02:00
parent 93ddaecd45
commit 1a6add6338
1 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/views/edit/editor-view-data-type-edit.element.ts
View File

@@ -1,5 +1,5 @@
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { css, html, LitElement } from 'lit';
import { css, html, LitElement, nothing } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { when } from 'lit-html/directives/when.js';
import { Subscription, map } from 'rxjs';
@@ -37,6 +37,9 @@ export class UmbEditorViewDataTypeEditElement extends UmbContextConsumerMixin(Li
@state()
private _propertyEditorUIAlias = '';
@state()
private _availablePropertyEditorUIsCount = 0;
private _dataTypeContext?: UmbDataTypeContext;
private _extensionRegistry?: UmbExtensionRegistry;
private _propertyEditorStore?: UmbPropertyEditorStore;
@@ -73,6 +76,8 @@ export class UmbEditorViewDataTypeEditElement extends UmbContextConsumerMixin(Li
}
private _observeDataType() {
if (!this._dataTypeContext || !this._propertyEditorStore || !this._extensionRegistry) return;
this._dataTypeSubscription?.unsubscribe();
this._dataTypeSubscription = this._dataTypeContext?.data.subscribe((dataType: DataTypeEntity) => {
@@ -121,6 +126,7 @@ export class UmbEditorViewDataTypeEditElement extends UmbContextConsumerMixin(Li
)
.subscribe((availablePropertyEditorUIs) => {
// Select the Property Editor UI if there is only one available
this._availablePropertyEditorUIsCount = availablePropertyEditorUIs.length;
if (availablePropertyEditorUIs?.length === 1) {
this._selectPropertyEditorUI(availablePropertyEditorUIs[0].alias);
}
@@ -234,16 +240,25 @@ export class UmbEditorViewDataTypeEditElement extends UmbContextConsumerMixin(Li
.alias=${this._propertyEditorUIAlias}
border>
<uui-icon name="${this._propertyEditorUIIcon}" slot="icon"></uui-icon>
<uui-action-bar slot="actions">
<uui-button label="Change" @click=${this._openPropertyEditorUIPicker}></uui-button>
</uui-action-bar>
${this._availablePropertyEditorUIsCount > 1
? html`
<uui-action-bar slot="actions">
<uui-button label="Change" @click=${this._openPropertyEditorUIPicker}></uui-button>
</uui-action-bar>
`
: nothing}
</umb-ref-property-editor-ui>
`
: html`<uui-button
label="Select Property Editor UI"
look="placeholder"
color="default"
@click=${this._openPropertyEditorUIPicker}></uui-button>`}
: html`
${this._availablePropertyEditorUIsCount > 0
? html`<uui-button
label="Select Property Editor UI"
look="placeholder"
color="default"
@click=${this._openPropertyEditorUIPicker}></uui-button>`
: html`No Property Editor UIs registered for this Property Editor`}
`}
`;
}
}