mirror of
https://github.com/johannesjo/super-productivity.git
synced 2026-07-21 02:20:12 +00:00
40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
<ng-container *ngIf="(isAllDataLoadedInitially$|async)" [dir]="isRTL ? 'rtl' : 'ltr'">
|
|
|
|
<!--TODO move inside page container somehow -->
|
|
<add-task-bar (blurred)="layoutService.hideAddTaskBar()"
|
|
*ngIf="layoutService.isShowAddTaskBar$|async"
|
|
[@blendInOut]
|
|
[isElevated]="true"
|
|
class="global"></add-task-bar>
|
|
<div *ngIf="(layoutService.isShowAddTaskBar$|async)"
|
|
@fade
|
|
class="backdrop"></div>
|
|
|
|
<mat-sidenav-container>
|
|
<mat-sidenav (closedStart)="layoutService.hideSideNav()"
|
|
[mode]="(layoutService.isNavOver$|async) ? 'over' : 'side'"
|
|
[opened]="(layoutService.isShowSideNav$|async)"
|
|
position="start">
|
|
<side-nav #sideNavElRef
|
|
(scrollToNotes)="scrollToNotes()"></side-nav>
|
|
<hr>
|
|
<notes #notesElRef
|
|
(scrollToSidenav)="scrollToSidenav()"></notes>
|
|
</mat-sidenav>
|
|
|
|
<mat-sidenav-content>
|
|
<header class="header-wrapper"
|
|
[class.isNotScrolled]="!(layoutService.isScrolled$|async)">
|
|
<main-header></main-header>
|
|
<bookmark-bar></bookmark-bar>
|
|
<banner></banner>
|
|
</header>
|
|
|
|
<div [@warpRoute]="getPage(o)"
|
|
#routeWrapper
|
|
class="route-wrapper">
|
|
<router-outlet #o="outlet"></router-outlet>
|
|
</div>
|
|
</mat-sidenav-content>
|
|
</mat-sidenav-container>
|
|
</ng-container>
|