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

rename section picker

Browse Source
This commit is contained in:
Mads Rasmussen
2023-03-08 20:32:54 +01:00
parent d245e223e4
commit c2a41cd427
4 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-list-base/input-list-base.ts
View File

@@ -2,7 +2,7 @@ import { html } from 'lit';
import { property } from 'lit/decorators.js';
import { UUIModalSidebarSize } from '@umbraco-ui/uui-modal-sidebar';
import { UmbPickerModalData } from '../../../../../libs/modal/layouts/modal-layout-picker-base';
import { UmbModalContext, UmbModalType, UMB_MODAL_CONTEXT_TOKEN } from '../../../../../libs/modal';
import { UmbModalContext, UmbModalToken, UmbModalType, UMB_MODAL_CONTEXT_TOKEN } from '../../../../../libs/modal';
//TODO: These should probably be imported dynamically.
import '../../modals/section-picker/section-picker-modal.element';
@@ -24,7 +24,7 @@ export class UmbInputListBase extends UmbLitElement {
@property({ type: String })
public modalSize: UUIModalSidebarSize = 'small';
protected pickerLayout?: string;
protected pickerToken?: UmbModalToken;
private _modalContext?: UmbModalContext;
constructor() {
@@ -35,16 +35,13 @@ export class UmbInputListBase extends UmbLitElement {
}
private _openPicker() {
if (!this.pickerLayout) return;
if (!this.pickerToken) return;
const modalHandler = this._modalContext?.open(this.pickerLayout, {
type: this.modalType,
size: this.modalSize,
data: {
multiple: this.multiple,
selection: this.value,
},
const modalHandler = this._modalContext?.open(this.pickerToken, {
multiple: this.multiple,
selection: this.value,
});
modalHandler?.onClose().then((data: UmbPickerModalData<string>) => {
if (data) {
this.value = data.selection;

3
src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-section/input-section.element.ts
View File

@@ -2,6 +2,7 @@ import { UUITextStyles } from '@umbraco-ui/uui-css';
import { css, html, nothing } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { UmbInputListBase } from '../input-list-base/input-list-base';
import { UMB_SECTION_PICKER_MODAL_TOKEN } from '../../modals/section-picker';
import type { ManifestSection } from '@umbraco-cms/models';
import { umbExtensionsRegistry } from '@umbraco-cms/extensions-api';
@@ -41,7 +42,7 @@ export class UmbInputPickerSectionElement extends UmbInputListBase {
connectedCallback(): void {
super.connectedCallback();
this.pickerLayout = 'umb-picker-layout-section';
this.pickerToken = UMB_SECTION_PICKER_MODAL_TOKEN;
this._observeSections();
}

0
src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/section-picker/indext.ts → src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/section-picker/index.ts
View File

8
src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/section-picker/section-picker-modal.element.ts
View File

@@ -5,8 +5,8 @@ import { UmbModalLayoutPickerBase } from '../../../../../libs/modal/layouts/moda
import { umbExtensionsRegistry } from '@umbraco-cms/extensions-api';
import type { ManifestSection } from '@umbraco-cms/models';
@customElement('umb-picker-layout-section')
export class UmbPickerLayoutSectionElement extends UmbModalLayoutPickerBase<ManifestSection> {
@customElement('umb-section-picker-modal')
export class UmbSectionPickerModalElement extends UmbModalLayoutPickerBase<ManifestSection> {
static styles = [
UUITextStyles,
css`
@@ -91,10 +91,10 @@ export class UmbPickerLayoutSectionElement extends UmbModalLayoutPickerBase<Mani
}
}
export default UmbPickerLayoutSectionElement;
export default UmbSectionPickerModalElement;
declare global {
interface HTMLElementTagNameMap {
'umb-picker-layout-section': UmbPickerLayoutSectionElement;
'umb-section-picker-modal': UmbSectionPickerModalElement;
}
}