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

only render router-slot if there are any routes

Browse Source
This commit is contained in:
Mads Rasmussen
2023-02-09 19:52:40 +01:00
parent f8815d057e
commit c196139ddf
1 changed files with 30 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/Umbraco.Web.UI.Client/src/backoffice/shared/components/workspace/workspace-layout/workspace-layout.element.ts
View File

@@ -148,27 +148,10 @@ export class UmbWorkspaceLayout extends UmbLitElement {
<slot name="header" slot="header"></slot>
${this.#renderViews()}
<slot name="action-menu" slot="action-menu"></slot>
<umb-router-slot
id="router-slot"
.routes="${this._routes}"
@init=${(event: UmbRouterSlotInitEvent) => {
this._routerPath = event.target.absoluteRouterPath;
}}
@change=${(event: UmbRouterSlotChangeEvent) => {
this._activePath = event.target.localActiveViewPath;
}}></umb-router-slot>
${this.#renderRoutes()}
<slot></slot>
<slot name="footer" slot="footer"></slot>
<umb-extension-slot
slot="actions"
type="workspaceAction"
.filter=${(extension: ManifestWorkspaceAction) => extension.meta.workspaces.includes(this.alias)}
default-element="umb-workspace-action"></umb-extension-slot>
${this.#renderWorkspaceActions()}
<slot name="actions" slot="actions"></slot>
</umb-body-layout>
`;
@@ -197,6 +180,34 @@ export class UmbWorkspaceLayout extends UmbLitElement {
: nothing}
`;
}
#renderRoutes() {
return html`
${this._routes.length > 0
? html`
<umb-router-slot
id="router-slot"
.routes="${this._routes}"
@init=${(event: UmbRouterSlotInitEvent) => {
this._routerPath = event.target.absoluteRouterPath;
}}
@change=${(event: UmbRouterSlotChangeEvent) => {
this._activePath = event.target.localActiveViewPath;
}}></umb-router-slot>
`
: nothing}
`;
}
#renderWorkspaceActions() {
return html`
<umb-extension-slot
slot="actions"
type="workspaceAction"
.filter=${(extension: ManifestWorkspaceAction) => extension.meta.workspaces.includes(this.alias)}
default-element="umb-workspace-action"></umb-extension-slot>
`;
}
}
declare global {