align naming
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import type { UmbPickerContext } from './picker.context.js';
|
||||
import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
|
||||
|
||||
export const UMB_PICKER_CONTEXT = new UmbContextToken<UmbPickerContext>('UmbPickerModalContext');
|
||||
export const UMB_PICKER_CONTEXT = new UmbContextToken<UmbPickerContext>('UmbPickerContext');
|
||||
|
||||
@@ -6,9 +6,9 @@ import type { UmbSearchRequestArgs } from '@umbraco-cms/backoffice/search';
|
||||
import type { UmbEntityModel } from '@umbraco-cms/backoffice/entity';
|
||||
import type { ManifestPickerSearchResultItem } from '@umbraco-cms/backoffice/extension-registry';
|
||||
|
||||
const elementName = 'umb-picker-modal-search-result';
|
||||
const elementName = 'umb-picker-search-result';
|
||||
@customElement(elementName)
|
||||
export class UmbPickerModalSearchResultElement extends UmbLitElement {
|
||||
export class UmbPickerSearchResultElement extends UmbLitElement {
|
||||
@state()
|
||||
_query?: UmbSearchRequestArgs;
|
||||
|
||||
@@ -18,23 +18,23 @@ export class UmbPickerModalSearchResultElement extends UmbLitElement {
|
||||
@state()
|
||||
_items: UmbEntityModel[] = [];
|
||||
|
||||
#pickerModalContext?: UmbPickerContext;
|
||||
#pickerContext?: UmbPickerContext;
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
|
||||
this.consumeContext(UMB_PICKER_CONTEXT, (context) => {
|
||||
this.#pickerModalContext = context;
|
||||
this.#pickerContext = context;
|
||||
|
||||
this.observe(this.#pickerModalContext.search.query, (query) => {
|
||||
this.observe(this.#pickerContext.search.query, (query) => {
|
||||
this._query = query;
|
||||
});
|
||||
|
||||
this.observe(this.#pickerModalContext.search.searching, (query) => {
|
||||
this.observe(this.#pickerContext.search.searching, (query) => {
|
||||
this._searching = query;
|
||||
});
|
||||
|
||||
this.observe(this.#pickerModalContext.search.resultItems, (items) => {
|
||||
this.observe(this.#pickerContext.search.resultItems, (items) => {
|
||||
this._items = items;
|
||||
});
|
||||
});
|
||||
@@ -70,6 +70,6 @@ export class UmbPickerModalSearchResultElement extends UmbLitElement {
|
||||
|
||||
declare global {
|
||||
interface HTMLElementTagNameMap {
|
||||
[elementName]: UmbPickerModalSearchResultElement;
|
||||
[elementName]: UmbPickerSearchResultElement;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -146,8 +146,8 @@ export class UmbTreePickerModalElement<TreeItemType extends UmbTreeItemModelBase
|
||||
}
|
||||
#renderSearch() {
|
||||
return html`
|
||||
<umb-picker-modal-search></umb-picker-modal-search>
|
||||
<umb-picker-modal-search-result></umb-picker-modal-search-result>
|
||||
<umb-picker-search></umb-picker-search>
|
||||
<umb-picker-search-result></umb-picker-search-result>
|
||||
`;
|
||||
}
|
||||
|
||||
|
||||
@@ -66,8 +66,8 @@ export class UmbMemberPickerModalElement extends UmbModalBaseElement<
|
||||
return html`
|
||||
<umb-body-layout headline=${this.localize.term('defaultdialogs_selectMembers')}>
|
||||
<uui-box>
|
||||
<umb-picker-modal-search></umb-picker-modal-search>
|
||||
<umb-picker-modal-search-result></umb-picker-modal-search-result>
|
||||
<umb-picker-search></umb-picker-search>
|
||||
<umb-picker-search-result></umb-picker-search-result>
|
||||
${this.#renderItems()}</uui-box
|
||||
>
|
||||
${this.#renderActions()}
|
||||
|
||||
Reference in New Issue
Block a user