super-productivity/src/app/app.component.html

36 lines
1.2 KiB
HTML

<ng-container *ngIf="(isAllDataLoadedInitially$|async)">
<!--TODO move inside page container somehow -->
<add-task-bar (blurred)="layoutService.hideAddTaskBar()"
*ngIf="layoutService.isShowAddTaskBar$|async"
[@blendInOut]
class="global"></add-task-bar>
<div *ngIf="(layoutService.isShowAddTaskBar$|async)"
@fade
class="backdrop"></div>
<mat-drawer-container>
<header class="header-wrapper">
<main-header></main-header>
<bookmark-bar></bookmark-bar>
<banner></banner>
</header>
<div [@warpRoute]="getPage(o)"
class="route-wrapper">
<router-outlet #o="outlet"></router-outlet>
</div>
<mat-drawer [mode]="(layoutService.isNavOver$|async) ? 'over' : 'side'"
[opened]="(layoutService.isShowNav$|async)"
position="start">
<project-list></project-list>
</mat-drawer>
<mat-drawer (closedStart)="layoutService.hideNotes()"
[mode]="(layoutService.isNotesOver$|async) ? 'over' : 'side'"
[opened]="layoutService.isShowNotes$|async"
position="end">
<notes></notes>
</mat-drawer>
</mat-drawer-container>
</ng-container>