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

add create routes

Browse Source
This commit is contained in:
Mads Rasmussen
2023-01-05 13:30:54 +01:00
parent 4f17f8b1d3
commit 47eed1a1d6
1 changed files with 51 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/Umbraco.Web.UI.Client/src/backoffice/shared/components/section/section.element.ts
View File

@@ -84,35 +84,56 @@ export class UmbSectionElement extends UmbLitElement {
}
private _createTreeRoutes() {
const routes: any[] = [
// TODO: find a way to make this reuseable across:
const workspaceRoutes = this._workspaces?.map((workspace: ManifestWorkspace) => {
return [
{
path: `${workspace.meta.entityType}/edit/:key`,
component: () => createExtensionElement(workspace),
setup: (component: Promise<UmbWorkspaceEntityElement>, info: IRoutingInfo) => {
component.then((el) => {
el.entityKey = info.match.params.key;
});
},
},
{
path: `${workspace.meta.entityType}/create/root`,
component: () => createExtensionElement(workspace),
setup: (component: Promise<UmbWorkspaceEntityElement>) => {
component.then((el) => {
el.parentEntityKey = null;
el.isNew = true;
});
},
},
{
path: `${workspace.meta.entityType}/create/:parentKey`,
component: () => createExtensionElement(workspace),
setup: (component: Promise<UmbWorkspaceEntityElement>, info: IRoutingInfo) => {
component.then((el) => {
el.parentEntityKey = info.match.params.parentKey;
el.isNew = true;
});
},
},
{
path: workspace.meta.entityType,
component: () => createExtensionElement(workspace),
},
];
});
this._routes = [
{
path: 'dashboard',
component: () => import('./section-dashboards/section-dashboards.element'),
},
...(workspaceRoutes?.flat() || []),
{
path: '**',
redirectTo: 'dashboard',
},
];
// TODO: find a way to make this reuseable across:
this._workspaces?.map((workspace: ManifestWorkspace) => {
routes.push({
path: `${workspace.meta.entityType}/:key`,
component: () => createExtensionElement(workspace),
setup: (component: Promise<UmbWorkspaceEntityElement>, info: IRoutingInfo) => {
component.then((el) => {
el.entityKey = info.match.params.key;
});
},
});
routes.push({
path: workspace.meta.entityType,
component: () => createExtensionElement(workspace),
});
});
routes.push({
path: '**',
redirectTo: 'dashboard',
});
this._routes = routes;
}
private _observeViews() {
@@ -137,7 +158,7 @@ export class UmbSectionElement extends UmbLitElement {
})
),
(views) => {
if(views.length > 0) {
if (views.length > 0) {
this._views = views;
this._createViewRoutes();
}
@@ -157,7 +178,7 @@ export class UmbSectionElement extends UmbLitElement {
};
}) ?? [];
if(this._views && this._views.length > 0) {
if (this._views && this._views.length > 0) {
this._routes.push({
path: '**',
redirectTo: 'view/' + this._views?.[0]?.meta.pathname,
@@ -169,15 +190,13 @@ export class UmbSectionElement extends UmbLitElement {
return html`
${this._trees && this._trees.length > 0
? html`
<umb-section-sidebar>
<umb-section-trees></umb-section-trees>
</umb-section-sidebar>
<umb-section-sidebar>
<umb-section-trees></umb-section-trees>
</umb-section-sidebar>
`
: nothing}
<umb-section-main>
${this._views && this._views.length > 0
? html`<umb-section-views></umb-section-views>`
: nothing}
${this._views && this._views.length > 0 ? html`<umb-section-views></umb-section-views>` : nothing}
${this._routes && this._routes.length > 0
? html`<router-slot id="router-slot" .routes="${this._routes}"></router-slot>`
: nothing}