use config instead of element for document tree

This commit is contained in:
Mads Rasmussen
2023-11-15 20:10:46 +01:00
parent 4aa45e0d51
commit aeffca8f9e
5 changed files with 9 additions and 24 deletions

View File

@@ -11,6 +11,6 @@ export const UMB_DOCUMENT_PICKER_MODAL = new UmbModalToken<UmbDocumentPickerModa
size: 'small',
},
{
treeAlias: 'Umb.Tree.Documents',
treeAlias: 'Umb.Tree.Document',
},
);

View File

@@ -13,7 +13,7 @@ type Story = StoryObj<UmbTreeElement>;
// TODO: This does not display anything - need help
export const Overview: Story = {
args: {
alias: 'Umb.Tree.Documents',
alias: 'Umb.Tree.Document',
selectable: true,
},
};

View File

@@ -1,17 +0,0 @@
import { html, customElement } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@customElement('umb-document-menu-item')
export class UmbDocumentMenuItemElement extends UmbLitElement {
render() {
return html`<umb-tree alias="Umb.Tree.Documents" hide-tree-root></umb-tree>`;
}
}
export default UmbDocumentMenuItemElement;
declare global {
interface HTMLElementTagNameMap {
'umb-document-menu-item': UmbDocumentMenuItemElement;
}
}

View File

@@ -1,15 +1,17 @@
import type { ManifestMenuItem } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
const menuItem: ManifestMenuItem = {
const menuItem: ManifestTypes = {
type: 'menuItem',
kind: 'tree',
alias: 'Umb.MenuItem.Documents',
name: 'Documents Menu Item',
weight: 200,
loader: () => import('./document-menu-item.element.js'),
meta: {
label: 'Documents',
icon: 'icon-folder',
menus: ['Umb.Menu.Content'],
treeAlias: 'Umb.Tree.Document',
hideTreeRoot: true,
},
};

View File

@@ -1,11 +1,11 @@
import { DOCUMENT_REPOSITORY_ALIAS } from '../repository/manifests.js';
import type { ManifestTree, ManifestTreeItem } from '@umbraco-cms/backoffice/extension-registry';
export const DOCUMENT_TREE_ALIAS = 'Umb.Tree.Documents';
export const UMB_DOCUMENT_TREE_ALIAS = 'Umb.Tree.Document';
const tree: ManifestTree = {
type: 'tree',
alias: DOCUMENT_TREE_ALIAS,
alias: UMB_DOCUMENT_TREE_ALIAS,
name: 'Documents Tree',
meta: {
repositoryAlias: DOCUMENT_REPOSITORY_ALIAS,