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

only show tabs navigation when more than one tab

Browse Source
This commit is contained in:
Niels Lyngsø
2023-02-18 22:24:53 +01:00
parent 19f44e9613
commit eba5da4c43
1 changed files with 24 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/views/document-workspace-view-edit.element.ts
View File

@@ -131,27 +131,31 @@ export class UmbDocumentWorkspaceViewEditElement extends UmbLitElement {
}
render() {
// TODO: add && this._tabs.length > 0
return html`
<uui-tab-group>
${this._hasRootGroups
? html`
<uui-tab label="Content" .active=${this._routerPath === this._activePath} href=${this._routerPath || ''}
>Content</uui-tab
>
`
: ''}
${repeat(
this._tabs,
(tab) => tab.name,
(tab) => {
const path = this._routerPath + '/tab/' + encodeURI(tab.name || '');
return html`<uui-tab label=${tab.name!} .active=${path === this._activePath} href=${path}
>${tab.name}</uui-tab
>`;
}
)}
</uui-tab-group>
${this._tabs.length > 1
? html` <uui-tab-group>
${this._hasRootGroups && this._tabs.length > 1
? html`
<uui-tab
label="Content"
.active=${this._routerPath === this._activePath}
href=${this._routerPath || ''}
>Content</uui-tab
>
`
: ''}
${repeat(
this._tabs,
(tab) => tab.name,
(tab) => {
const path = this._routerPath + '/tab/' + encodeURI(tab.name || '');
return html`<uui-tab label=${tab.name!} .active=${path === this._activePath} href=${path}
>${tab.name}</uui-tab
>`;
}
)}
</uui-tab-group>`
: ''}
<umb-router-slot
.routes=${this._routes}