add dummy breadcrumb element

This commit is contained in:
Mads Rasmussen
2024-02-19 22:25:23 +01:00
committed by Jacob Overgaard
parent b7a4122c38
commit 69cef5af04
4 changed files with 51 additions and 13 deletions

View File

@@ -0,0 +1,17 @@
import type { ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
export const manifests: Array<ManifestTypes> = [
{
type: 'workspaceFooterApp',
alias: 'Umb.WorkspaceFooterApp.Document.Breadcrumb',
name: 'Document Breadcrumb Workspace Footer App',
weight: 10,
element: () => import('./workspace-breadcrumb.element.js'),
conditions: [
{
alias: 'Umb.Condition.WorkspaceAlias',
match: 'Umb.Workspace.Document',
},
],
},
];

View File

@@ -0,0 +1,21 @@
import { html, customElement } from '@umbraco-cms/backoffice/external/lit';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
// TODO: POC element. This will be updated when the final implementation is done.
@customElement('umb-workspace-breadcrumb')
export class UmbWorkspaceBreadcrumbElement extends UmbLitElement {
render() {
return html`Document Breadcrumbs here`;
}
static styles = [UmbTextStyles];
}
export default UmbWorkspaceBreadcrumbElement;
declare global {
interface HTMLElementTagNameMap {
'umb-workspace-breadcrumb': UmbWorkspaceBreadcrumbElement;
}
}

View File

@@ -1,27 +1,29 @@
import { manifests as breadcrumbManifests } from './breadcrumb/manifests.js';
import { manifests as collectionManifests } from './collection/manifests.js';
import { manifests as conditionManifests } from './conditions/manifests.js';
import { manifests as menuItemManifests } from './menu-item/manifests.js';
import { manifests as repositoryManifests } from './repository/manifests.js';
import { manifests as treeManifests } from './tree/manifests.js';
import { manifests as workspaceManifests } from './workspace/manifests.js';
import { manifests as entityActionManifests } from './entity-actions/manifests.js';
import { manifests as entityBulkActionManifests } from './entity-bulk-actions/manifests.js';
import { manifests as menuItemManifests } from './menu-item/manifests.js';
import { manifests as propertyEditorManifests } from './property-editors/manifests.js';
import { manifests as userPermissionManifests } from './user-permissions/manifests.js';
import { manifests as recycleBinManifests } from './recycle-bin/manifests.js';
import { manifests as repositoryManifests } from './repository/manifests.js';
import { manifests as trackedReferenceManifests } from './tracked-reference/manifests.js';
import { manifests as treeManifests } from './tree/manifests.js';
import { manifests as userPermissionManifests } from './user-permissions/manifests.js';
import { manifests as workspaceManifests } from './workspace/manifests.js';
export const manifests = [
...breadcrumbManifests,
...collectionManifests,
...conditionManifests,
...menuItemManifests,
...treeManifests,
...repositoryManifests,
...workspaceManifests,
...entityActionManifests,
...entityBulkActionManifests,
...menuItemManifests,
...propertyEditorManifests,
...userPermissionManifests,
...recycleBinManifests,
...repositoryManifests,
...trackedReferenceManifests,
...treeManifests,
...userPermissionManifests,
...workspaceManifests,
];

View File

@@ -49,9 +49,7 @@ export class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement {
)}
</div>
<umb-workspace-footer alias="Umb.Workspace.Document">
<div id="breadcrumbs">Breadcrumbs</div>
</umb-workspace-footer>`
<umb-workspace-footer alias="Umb.Workspace.Document"></umb-workspace-footer>`
: nothing;
}