blob: b199228107fc4e4de5b3902642baafb243caa378 [file] [log] [blame]
<section class="app" fxLayout="column" fxFill>
<mat-toolbar *ngIf="headerEnabled" class="header mat-elevation-z7" color="primary">
<a mat-button routerLink="/">
<img class="helix-logo" src="assets/logo.png" />
<span class="helix-title">Helix</span>
</a>
<span fxFlex="1 1 auto"></span>
<a mat-button (click)="login()">
<mat-icon>person</mat-icon>
{{ currentUser | async }}
</a>
</mat-toolbar>
<mat-progress-bar *ngIf="isLoading" mode="indeterminate" [ngClass]="{'no-header': !headerEnabled}"></mat-progress-bar>
<section class="main-container" [ngClass]="{'no-header': !headerEnabled}">
<router-outlet></router-outlet>
</section>
<section *ngIf="footerEnabled" class="footer mat-elevation-z7" fxLayout="row" fxLayoutAlign="center center">
<span>&copy; 2018 Helix. All rights reserved.</span>
</section>
</section>