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

Renames #pickerContext to #documentPickerContext

Browse Source 
and adds placeholder stub for `#dynamicRootPickerContext`.

Removed unused imports, e.g. `css` and `UUIButtonElement`.
This commit is contained in:
leekelleher
2024-01-02 10:45:15 +00:00
committed by Jacob Overgaard
parent 4665f0b467
commit d1305164be
1 changed files with 19 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/input-document-picker-root/input-document-picker-root.element.ts
View File

@@ -1,17 +1,17 @@
import { UmbDocumentPickerContext } from '../input-document/input-document.context.js';
import { css, html, customElement, property, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin, UUIButtonElement } from '@umbraco-cms/backoffice/external/uui';
import { html, customElement, property, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
import type { DocumentItemResponseModel } from '@umbraco-cms/backoffice/backend-api';
@customElement('umb-input-document-picker-root')
export class UmbInputDocumentPickerRootElement extends FormControlMixin(UmbLitElement) {
public get nodeId(): string | null | undefined {
return this.#pickerContext.getSelection()[0];
return this.#documentPickerContext.getSelection()[0];
}
public set nodeId(id: string | null | undefined) {
const selection = id ? [id] : [];
this.#pickerContext.setSelection(selection);
this.#documentPickerContext.setSelection(selection);
}
@property()
@@ -22,30 +22,28 @@ export class UmbInputDocumentPickerRootElement extends FormControlMixin(UmbLitEl
@state()
private _items?: Array<DocumentItemResponseModel>;
#pickerContext = new UmbDocumentPickerContext(this);
#documentPickerContext = new UmbDocumentPickerContext(this);
// TODO: DynamicRoot - once feature implemented, wire up context and picker UI. [LK]
#dynamicRootPickerContext = {
openPicker: () => {
throw new Error('DynamicRoot picker has not been implemented yet.');
},
};
constructor() {
super();
this.#pickerContext.max = 1;
this.#documentPickerContext.max = 1;
this.observe(this.#pickerContext.selection, (selection) => (super.value = selection.join(',')));
this.observe(this.#pickerContext.selectedItems, (selectedItems) => (this._items = selectedItems));
this.observe(this.#documentPickerContext.selection, (selection) => (super.value = selection.join(',')));
this.observe(this.#documentPickerContext.selectedItems, (selectedItems) => (this._items = selectedItems));
}
protected getFormElement() {
return undefined;
}
// TODO: Wire up the DynamicRoot picker feature. [LK]
private _openDynamicRootPicker(e: Event) {
console.log('openDynamicRootPicker', e);
const btn = e.target as UUIButtonElement;
btn.color = 'warning';
btn.label = 'TODO!';
btn.look = 'primary';
}
render() {
return html`
${this._items
@@ -68,11 +66,11 @@ export class UmbInputDocumentPickerRootElement extends FormControlMixin(UmbLitEl
return html` <uui-button-group>
<uui-button
look="placeholder"
@click=${() => this.#pickerContext.openPicker()}
@click=${() => this.#documentPickerContext.openPicker()}
label=${this.localize.term('contentPicker_defineRootNode')}></uui-button>
<uui-button
look="placeholder"
@click=${this._openDynamicRootPicker}
@click=${() => this.#dynamicRootPickerContext.openPicker()}
label=${this.localize.term('contentPicker_defineDynamicRoot')}></uui-button>
</uui-button-group>`;
}
@@ -83,11 +81,11 @@ export class UmbInputDocumentPickerRootElement extends FormControlMixin(UmbLitEl
<uui-ref-node name=${ifDefined(item.name)} detail=${ifDefined(item.id)}>
<!-- TODO: implement is trashed <uui-tag size="s" slot="tag" color="danger">Trashed</uui-tag> -->
<uui-action-bar slot="actions">
<uui-button @click=${() => this.#pickerContext.openPicker()} label="Edit document ${item.name}"
<uui-button @click=${() => this.#documentPickerContext.openPicker()} label="Edit document ${item.name}"
>Edit</uui-button
>
<uui-button
@click=${() => this.#pickerContext.requestRemoveItem(item.id!)}
@click=${() => this.#documentPickerContext.requestRemoveItem(item.id!)}
label="Remove document ${item.name}"
>Remove</uui-button
>
@@ -95,8 +93,6 @@ export class UmbInputDocumentPickerRootElement extends FormControlMixin(UmbLitEl
</uui-ref-node>
`;
}
static styles = [css``];
}
export default UmbInputDocumentPickerRootElement;