From 69cef5af04367d72fc0978abbf28e63ac6312bb0 Mon Sep 17 00:00:00 2001 From: Mads Rasmussen Date: Mon, 19 Feb 2024 22:25:23 +0100 Subject: [PATCH] add dummy breadcrumb element --- .../documents/breadcrumb/manifests.ts | 17 ++++++++++++++ .../workspace-breadcrumb.element.ts | 21 ++++++++++++++++++ .../packages/documents/documents/manifests.ts | 22 ++++++++++--------- .../document-workspace-split-view.element.ts | 4 +--- 4 files changed, 51 insertions(+), 13 deletions(-) create mode 100644 src/Umbraco.Web.UI.Client/src/packages/documents/documents/breadcrumb/manifests.ts create mode 100644 src/Umbraco.Web.UI.Client/src/packages/documents/documents/breadcrumb/workspace-breadcrumb.element.ts diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/breadcrumb/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/breadcrumb/manifests.ts new file mode 100644 index 0000000000..eae3ef3f5b --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/breadcrumb/manifests.ts @@ -0,0 +1,17 @@ +import type { ManifestTypes } from '@umbraco-cms/backoffice/extension-registry'; + +export const manifests: Array = [ + { + 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', + }, + ], + }, +]; diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/breadcrumb/workspace-breadcrumb.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/breadcrumb/workspace-breadcrumb.element.ts new file mode 100644 index 0000000000..9141067419 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/breadcrumb/workspace-breadcrumb.element.ts @@ -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; + } +} diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/manifests.ts index d796e827ce..ff52083d76 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/manifests.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/manifests.ts @@ -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, ]; diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-split-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-split-view.element.ts index a0eb343912..54eff56560 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-split-view.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-split-view.element.ts @@ -49,9 +49,7 @@ export class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement { )} - - - ` + ` : nothing; }