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

onNameChanged

Browse Source
This commit is contained in:
Niels Lyngsø
2024-04-16 10:35:14 +02:00
parent 0c70b86c64
commit e5389d9534
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-property.element.ts
View File

@@ -52,7 +52,7 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
this._property = value; this._property = value;
this.#checkInherited(); this.#checkInherited();
this.#settingsModal.setUniquePathValue('propertyId', value?.id); this.#settingsModal.setUniquePathValue('propertyId', value?.id);
this.setDataType(this._property?.dataType?.unique); this.#setDataType(this._property?.dataType?.unique);
this.requestUpdate('property', oldValue); this.requestUpdate('property', oldValue);
} }
private _property?: UmbPropertyTypeModel | UmbPropertyTypeScaffoldModel | undefined; private _property?: UmbPropertyTypeModel | UmbPropertyTypeScaffoldModel | undefined;
@@ -102,7 +102,7 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
return { data: { contentTypeId: id }, value: propertyData }; return { data: { contentTypeId: id }, value: propertyData };
}) })
.onSubmit((result) => { .onSubmit((result) => {
this._partialUpdate(result as UmbPropertyTypeModel); this.#partialUpdate(result as UmbPropertyTypeModel);
}) })
.observeRouteBuilder((routeBuilder) => { .observeRouteBuilder((routeBuilder) => {
this._modalRoute = routeBuilder(null); this._modalRoute = routeBuilder(null);
@@ -122,12 +122,12 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
} }
} }
_partialUpdate(partialObject: UmbPropertyTypeModel) { #partialUpdate(partialObject: UmbPropertyTypeModel) {
if (!this._property || !this._propertyStructureHelper) return; if (!this._property || !this._propertyStructureHelper) return;
this._propertyStructureHelper.partialUpdateProperty(this._property.id, partialObject); this._propertyStructureHelper.partialUpdateProperty(this._property.id, partialObject);
} }
_singleValueUpdate<PropertyNameType extends keyof UmbPropertyTypeModel>( #singleValueUpdate<PropertyNameType extends keyof UmbPropertyTypeModel>(
propertyName: PropertyNameType, propertyName: PropertyNameType,
value: UmbPropertyTypeModel[PropertyNameType], value: UmbPropertyTypeModel[PropertyNameType],
) { ) {
@@ -141,7 +141,7 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
this._aliasLocked = !this._aliasLocked; this._aliasLocked = !this._aliasLocked;
} }
async setDataType(dataTypeId: string | undefined) { async #setDataType(dataTypeId: string | undefined) {
if (!dataTypeId) return; if (!dataTypeId) return;
this.#dataTypeDetailRepository.requestByUnique(dataTypeId).then((x) => (this._dataTypeName = x?.data?.name)); this.#dataTypeDetailRepository.requestByUnique(dataTypeId).then((x) => (this._dataTypeName = x?.data?.name));
} }
@@ -167,7 +167,7 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
this._propertyStructureHelper?.removeProperty(this._property.id); this._propertyStructureHelper?.removeProperty(this._property.id);
} }
#onNameChange(event: UUIInputEvent) { #onNameChanged(event: UUIInputEvent) {
if (event instanceof UUIInputEvent) { if (event instanceof UUIInputEvent) {
const target = event.composedPath()[0] as UUIInputElement; const target = event.composedPath()[0] as UUIInputElement;
@@ -179,10 +179,10 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
const expectedOldAlias = generateAlias(oldName ?? ''); const expectedOldAlias = generateAlias(oldName ?? '');
// Only update the alias if the alias matches a generated alias of the old name (otherwise the alias is considered one written by the user.) // Only update the alias if the alias matches a generated alias of the old name (otherwise the alias is considered one written by the user.)
if (expectedOldAlias === oldAlias) { if (expectedOldAlias === oldAlias) {
this._singleValueUpdate('alias', generateAlias(newName ?? '')); this.#singleValueUpdate('alias', generateAlias(newName ?? ''));
} }
} }
this._singleValueUpdate('name', newName); this.#singleValueUpdate('name', newName);
} }
} }
} }
@@ -234,7 +234,7 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
placeholder=${this.localize.term('placeholders_label')} placeholder=${this.localize.term('placeholders_label')}
label="label" label="label"
.value=${this.property.name} .value=${this.property.name}
@input=${this.#onNameChange}></uui-input> @input=${this.#onNameChanged}></uui-input>
${this.renderPropertyAlias()} ${this.renderPropertyAlias()}
<slot name="action-menu"></slot> <slot name="action-menu"></slot>
<p> <p>
@@ -245,7 +245,7 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
placeholder=${this.localize.term('placeholders_enterDescription')} placeholder=${this.localize.term('placeholders_enterDescription')}
.value=${this.property.description} .value=${this.property.description}
@input=${(e: CustomEvent) => { @input=${(e: CustomEvent) => {
if (e.target) this._singleValueUpdate('description', (e.target as HTMLInputElement).value); if (e.target) this.#singleValueUpdate('description', (e.target as HTMLInputElement).value);
}}></uui-textarea> }}></uui-textarea>
</p> </p>
</div> </div>
@@ -276,7 +276,7 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
?readonly=${this.inherited} ?readonly=${this.inherited}
label="sort order" label="sort order"
@change=${(e: UUIInputEvent) => @change=${(e: UUIInputEvent) =>
this._partialUpdate({ sortOrder: parseInt(e.target.value as string) ?? 0 } as UmbPropertyTypeModel)} this.#partialUpdate({ sortOrder: parseInt(e.target.value as string) ?? 0 } as UmbPropertyTypeModel)}
.value=${this.property.sortOrder ?? 0}></uui-input> .value=${this.property.sortOrder ?? 0}></uui-input>
`; `;
} }
@@ -291,7 +291,7 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
.value=${this.property.alias} .value=${this.property.alias}
?disabled=${this._aliasLocked} ?disabled=${this._aliasLocked}
@input=${(e: CustomEvent) => { @input=${(e: CustomEvent) => {
if (e.target) this._singleValueUpdate('alias', (e.target as HTMLInputElement).value); if (e.target) this.#singleValueUpdate('alias', (e.target as HTMLInputElement).value);
}}> }}>
<!-- TODO: should use UUI-LOCK-INPUT, but that does not fire an event when its locked/unlocked --> <!-- TODO: should use UUI-LOCK-INPUT, but that does not fire an event when its locked/unlocked -->
<!-- TODO: validation for bad characters --> <!-- TODO: validation for bad characters -->