mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-26 17:24:56 +00:00
15950d27f2
* fix search component styles * remove obsolete styles and use routed viewer * cleanup demo shell search bar * fix app crashes
48 lines
2.5 KiB
HTML
48 lines
2.5 KiB
HTML
<mat-sidenav-container class="adf-nav-container">
|
|
<mat-sidenav #sidenav class="adf-sidenav" position="end" mode="push">
|
|
<mat-nav-list>
|
|
<a mat-list-item *ngFor="let link of links" [routerLink]="link.href" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }" (click)="sidenav.close()" class="adf-sidenav-link">
|
|
<mat-icon matListIcon>{{link.icon}}</mat-icon>
|
|
<span>{{link.title | translate }}</span>
|
|
</a>
|
|
<a mat-list-item adf-logout (click)="sidenav.close()">
|
|
<mat-icon matListIcon>exit_to_app</mat-icon>
|
|
<span>Logout</span>
|
|
</a>
|
|
</mat-nav-list>
|
|
</mat-sidenav>
|
|
|
|
<mat-toolbar color="primary" class="adf-app-layout-toolbar" md-no-ink>
|
|
<adf-userinfo
|
|
class="adf-app-layout-user-profile"
|
|
[menuPositionX]="'before'"
|
|
[menuPositionY]="'above'">
|
|
</adf-userinfo>
|
|
|
|
<span fxFlex="1 1 auto" fxShow fxHide.lt-sm="true">{{'APP_LAYOUT.APP_NAME' | translate }}</span>
|
|
|
|
<div class="adf-app-layout-menu-spacer"></div>
|
|
|
|
<adf-search-bar fxFlex="0 1 auto"></adf-search-bar>
|
|
|
|
<a fxFlex="0 0 auto" class="adf-toolbar-link" fxShow fxHide.lt-md="true" mat-button data-automation-id="home" href="" routerLink="/home" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">{{'APP_LAYOUT.HOME' | translate }}</a>
|
|
<a fxFlex="0 0 auto" class="adf-toolbar-link" fxShow fxHide.lt-md="true" mat-button data-automation-id="files" href="" routerLink="/files" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">{{'APP_LAYOUT.CONTENT_SERVICES' | translate }}</a>
|
|
<a fxFlex="0 0 auto" class="adf-toolbar-link" fxShow fxHide.lt-md="true" mat-button data-automation-id="activiti" href="" routerLink="/activiti" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">{{'APP_LAYOUT.PROCESS_SERVICES' | translate }}</a>
|
|
<a fxFlex="0 0 auto" class="adf-toolbar-link" fxShow fxHide.lt-md="true" mat-button data-automation-id="login" href="" routerLink="/login">Login</a>
|
|
|
|
<theme-picker></theme-picker>
|
|
<button mat-icon-button [matMenuTriggerFor]="langMenu">
|
|
<mat-icon>language</mat-icon>
|
|
</button>
|
|
<mat-menu #langMenu="matMenu">
|
|
<adf-language-menu></adf-language-menu>
|
|
</mat-menu>
|
|
|
|
<button mat-icon-button (click)="sidenav.open()">
|
|
<mat-icon>menu</mat-icon>
|
|
</button>
|
|
</mat-toolbar>
|
|
|
|
<router-outlet></router-outlet>
|
|
</mat-sidenav-container>
|