50 lines
1.7 KiB
HTML
50 lines
1.7 KiB
HTML
|
<div fxLayout="column" fxLayoutAlign="stretch" fxFlexFill>
|
||
|
|
<mat-toolbar fxFlex="2em" id='top-toolbar'>
|
||
|
|
<span
|
||
|
|
style='font-family:GisafSymbols'
|
||
|
|
matTooltip="Gisaf v. {{ version['version'] }} ({{ version['date'] | date: 'dd/MM/yyyy' }})"
|
||
|
|
matTooltipPosition="below"
|
||
|
|
class='gisafIcon'
|
||
|
|
>
|
||
|
|

|
||
|
|
</span>
|
||
|
|
<a id='title' routerLink="/admin"
|
||
|
|
matTooltip='Go to admin'
|
||
|
|
routerLinkActive="active"
|
||
|
|
>
|
||
|
|
{{ title }}
|
||
|
|
</a>
|
||
|
|
<span class="fill-space"></span>
|
||
|
|
<nav>
|
||
|
|
<a mat-raised-button
|
||
|
|
*ngFor="let route of routes"
|
||
|
|
[routerLink]="route.target"
|
||
|
|
routerLinkActive="active">
|
||
|
|
<mat-icon>{{ route.icon }}</mat-icon>
|
||
|
|
{{ route.text }}
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
<span class="fill-space"></span>
|
||
|
|
<span *ngIf="authenticationService.user$ | async; else login" class="auth-indicator">
|
||
|
|
<nav>
|
||
|
|
<a mat-icon-button
|
||
|
|
(click)='this.authenticationService.logout()'
|
||
|
|
aria-label="Log out"
|
||
|
|
matTooltip="User: {{ (authenticationService.user$ | async ).userName }}. Click to log out">
|
||
|
|
<mat-icon>verified_user</mat-icon>
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
</span>
|
||
|
|
</mat-toolbar>
|
||
|
|
<div fxFlex>
|
||
|
|
<router-outlet></router-outlet>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ng-template #login>
|
||
|
|
<nav>
|
||
|
|
<a mat-icon-button routerLink="/login" routerLinkActive="active" aria-label="Log in" matTooltip="Log in">
|
||
|
|
<mat-icon>account_circle</mat-icon>
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
</ng-template>
|