mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2026-09-09 18:02:54 +00:00
[ACS-10198]: adds role and label (#4877)
* [ACS-10198]: adds role and label * [ACS-10198]: migrates to nav tag
This commit is contained in:
@@ -1,16 +1,20 @@
|
|||||||
<div class="aca-sidenav">
|
<div class="aca-sidenav">
|
||||||
<app-sidenav-header (toggleNavBar)="toggleClick()" />
|
<app-sidenav-header (toggleNavBar)="toggleClick()" />
|
||||||
|
|
||||||
<div class="aca-sidenav__section">
|
<div class="aca-sidenav__section">
|
||||||
<div *ngFor="let group of groups; trackBy: trackByGroupId" class="aca-sidenav__section__actions">
|
<div *ngFor="let group of groups; trackBy: trackByGroupId" class="aca-sidenav__section__actions">
|
||||||
<mat-list-item class="aca-sidenav__section__actions__item" *ngFor="let item of group.items; trackBy: trackByLinkId">
|
<nav
|
||||||
<ng-container *ngIf="!item.component">
|
[attr.aria-label]="item.title | translate"
|
||||||
<app-expand-menu [item]="item" />
|
class="aca-sidenav__section__actions__item"
|
||||||
</ng-container>
|
*ngFor="let item of group.items; trackBy: trackByLinkId"
|
||||||
<ng-container *ngIf="item.component">
|
>
|
||||||
<adf-dynamic-component [data]="{ item: item, state: 'expanded' }" [id]="item.component" />
|
<ng-container *ngIf="!item.component">
|
||||||
</ng-container>
|
<app-expand-menu [item]="item" />
|
||||||
</mat-list-item>
|
</ng-container>
|
||||||
</div>
|
<ng-container *ngIf="item.component">
|
||||||
|
<adf-dynamic-component [data]="{ item: item, state: 'expanded' }" [id]="item.component" />
|
||||||
|
</ng-container>
|
||||||
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -35,9 +35,10 @@ import { MatListModule } from '@angular/material/list';
|
|||||||
import { ExpandMenuComponent } from './components/expand-menu.component';
|
import { ExpandMenuComponent } from './components/expand-menu.component';
|
||||||
import { NavigationEnd } from '@angular/router';
|
import { NavigationEnd } from '@angular/router';
|
||||||
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
||||||
|
import { TranslatePipe } from '@ngx-translate/core';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
imports: [CommonModule, SidenavHeaderComponent, MatListModule, ExpandMenuComponent, DynamicExtensionComponent],
|
imports: [CommonModule, SidenavHeaderComponent, MatListModule, ExpandMenuComponent, DynamicExtensionComponent, TranslatePipe],
|
||||||
selector: 'app-sidenav',
|
selector: 'app-sidenav',
|
||||||
templateUrl: './sidenav.component.html',
|
templateUrl: './sidenav.component.html',
|
||||||
styleUrls: ['./sidenav.component.scss'],
|
styleUrls: ['./sidenav.component.scss'],
|
||||||
|
|||||||
Reference in New Issue
Block a user