mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
da154bb58f
* Make aria label fron header sidenav toggle button translateable * Make aria label fron header sidenav toggle button translateable * Make aria label fron header sidenav toggle button translateable
54 lines
1.6 KiB
HTML
54 lines
1.6 KiB
HTML
<mat-toolbar
|
|
[color]="color"
|
|
[style.background-color]="color"
|
|
role="heading"
|
|
aria-level="1">
|
|
<button
|
|
*ngIf="showSidenavToggle && position === 'start'"
|
|
id="adf-sidebar-toggle-start"
|
|
data-automation-id="adf-menu-icon"
|
|
class="mat-icon-button adf-menu-icon"
|
|
mat-icon-button
|
|
(click)="toggleMenu()"
|
|
[attr.aria-label]="'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate">
|
|
<mat-icon
|
|
class="mat-icon material-icon"
|
|
role="img"
|
|
aria-hidden="true">menu</mat-icon>
|
|
</button>
|
|
|
|
<a [routerLink]="redirectUrl" title="{{ tooltip }}">
|
|
<img
|
|
src="{{ logo }}"
|
|
class="adf-app-logo"
|
|
alt="{{ 'CORE.HEADER.LOGO_ARIA' | translate }}"
|
|
/>
|
|
</a>
|
|
|
|
<span
|
|
role="link"
|
|
[attr.aria-label]="title | translate"
|
|
[routerLink]="redirectUrl"
|
|
fxFlex="1 1 auto"
|
|
fxShow
|
|
fxHide.lt-sm="true"
|
|
class="adf-app-title"
|
|
>{{ title }}</span>
|
|
<ng-content></ng-content>
|
|
|
|
<button
|
|
*ngIf="showSidenavToggle && position === 'end'"
|
|
id="adf-sidebar-toggle-end"
|
|
data-automation-id="adf-menu-icon"
|
|
class="mat-icon-button adf-menu-icon"
|
|
mat-icon-button
|
|
(click)="toggleMenu()"
|
|
[attr.aria-label]="'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate">
|
|
>
|
|
<mat-icon
|
|
class="mat-icon material-icon"
|
|
role="img"
|
|
aria-hidden="true">menu</mat-icon>
|
|
</button>
|
|
</mat-toolbar>
|