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

main no route

Browse Source
This commit is contained in:
Niels Lyngsø
2024-06-28 10:02:31 +02:00
parent 0b94544f57
commit 8d531f950a
1 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/Umbraco.Web.UI.Client/src/apps/backoffice/components/backoffice-main.element.ts
View File

@@ -2,7 +2,7 @@ import type { UmbBackofficeContext } from '../backoffice.context.js';
import { UMB_BACKOFFICE_CONTEXT } from '../backoffice.context.js';
import { css, html, customElement, state, nothing } from '@umbraco-cms/backoffice/external/lit';
import { UmbSectionContext, UMB_SECTION_CONTEXT, UMB_SECTION_PATH_PATTERN } from '@umbraco-cms/backoffice/section';
import type { UmbRoute, UmbRouterSlotChangeEvent } from '@umbraco-cms/backoffice/router';
import type { PageComponent, UmbRoute, UmbRouterSlotChangeEvent } from '@umbraco-cms/backoffice/router';
import type { ManifestSection, UmbSectionElement } from '@umbraco-cms/backoffice/extension-registry';
import type { UmbExtensionManifestInitializer } from '@umbraco-cms/backoffice/extension-api';
import { createExtensionElement } from '@umbraco-cms/backoffice/extension-api';
@@ -11,7 +11,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
@customElement('umb-backoffice-main')
export class UmbBackofficeMainElement extends UmbLitElement {
@state()
private _routes: Array<UmbRoute & { alias: string }> = [];
private _routes: Array<UmbRoute> = [];
@state()
private _sections: Array<UmbExtensionManifestInitializer<ManifestSection>> = [];
@@ -43,28 +43,33 @@ export class UmbBackofficeMainElement extends UmbLitElement {
private _createRoutes() {
if (!this._sections) return;
const oldValue = this._routes;
// TODO: Refactor this for re-use across the app where the routes are re-generated at any time.
this._routes = this._sections
const newRoutes = this._sections
.filter((x) => x.manifest)
.map((section) => {
const existingRoute = this._routes.find((r) => r.alias === section.alias);
const existingRoute = this._routes.find((r) => r.path === UMB_SECTION_PATH_PATTERN.generateLocal({ sectionName: section.manifest!.meta.pathname }));
if (existingRoute) {
return existingRoute;
} else {
return {
alias: section.alias,
//alias: section.alias,
path: UMB_SECTION_PATH_PATTERN.generateLocal({ sectionName: section.manifest!.meta.pathname }),
component: () => createExtensionElement(section.manifest!, 'umb-section-default'),
setup: (component) => {
(component as UmbSectionElement).manifest = section.manifest as ManifestSection;
setup: (component: PageComponent) => {
(component as UmbSectionElement).manifest = section.manifest;
},
};
}
});
this.requestUpdate('_routes', oldValue);
newRoutes.push({
path: `**`,
component: async () => (await import('@umbraco-cms/backoffice/router')).UmbRouteNotFoundElement,
});
this._routes = newRoutes;
}
private _onRouteChange = async (event: UmbRouterSlotChangeEvent) => {