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

document type input

Browse Source
This commit is contained in:
Lone Iversen
2023-06-19 14:21:08 +02:00
parent cdeb5a21a5
commit afb4654ff7
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/input-document-type-picker/input-document-type-picker.element.ts → src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/document-type-input/document-type-input.element.ts
View File

@@ -14,8 +14,8 @@ import {
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
import { UmbObserverController } from '@umbraco-cms/backoffice/observable-api';
@customElement('umb-input-document-type-picker')
export class UmbInputDocumentTypePickerElement extends FormControlMixin(UmbLitElement) {
@customElement('umb-document-type-input')
export class UmbDocumentTypeInputElement extends FormControlMixin(UmbLitElement) {
// TODO: do we need both selectedIds and value? If we just use value we follow the same pattern as native form controls.
private _selectedIds: Array<string> = [];
@property({ type: Array })
@@ -130,10 +130,10 @@ export class UmbInputDocumentTypePickerElement extends FormControlMixin(UmbLitEl
];
}
export default UmbInputDocumentTypePickerElement;
export default UmbDocumentTypeInputElement;
declare global {
interface HTMLElementTagNameMap {
'umb-input-document-type-picker': UmbInputDocumentTypePickerElement;
'umb-document-type-input': UmbDocumentTypeInputElement;
}
}

2
src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/index.ts
View File

@@ -1 +1 @@
import './input-document-type-picker/input-document-type-picker.element.js';
import './document-type-input/document-type-input.element.js';

8
src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/views/structure/document-type-workspace-view-structure.element.ts
View File

@@ -1,5 +1,5 @@
import { UmbDocumentTypeWorkspaceContext } from '../../document-type-workspace.context.js';
import type { UmbInputDocumentTypePickerElement } from '../../../components/input-document-type-picker/input-document-type-picker.element.js';
import type { UmbDocumentTypeInputElement } from '../../../components/document-type-input/document-type-input.element.js';
import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
import type { UUIToggleElement } from '@umbraco-cms/backoffice/external/uui';
@@ -62,10 +62,10 @@ export class UmbDocumentTypeWorkspaceViewStructureElement
</div>
<div slot="editor">
<!-- TODO: maybe we want to somehow display the hierarchy, but not necessary in the same way as old backoffice? -->
<umb-input-document-type-picker
<umb-document-type-input
.selectedIds=${this._allowedContentTypeIDs}
@change="${(e: CustomEvent) => {
const sortedContentTypesList = (e.target as UmbInputDocumentTypePickerElement).selectedIds.map(
const sortedContentTypesList = (e.target as UmbDocumentTypeInputElement).selectedIds.map(
(id, index) => ({
id: id,
sortOrder: index,
@@ -73,7 +73,7 @@ export class UmbDocumentTypeWorkspaceViewStructureElement
);
this.#workspaceContext?.setAllowedContentTypes(sortedContentTypesList);
}}">
</umb-input-document-type-picker>
</umb-document-type-input>
</div>
</umb-workspace-property-layout>
</uui-box>