argos/dmp-frontend/src/app/app.component.html

28 lines
1.2 KiB
HTML
Raw Normal View History

2020-07-03 11:45:52 +02:00
<div class="wrapper" *ngIf="!onlySplash">
<app-navbar (sidebarToggled)="sidenav.toggle(); toggleNavbar($event);"></app-navbar>
<mat-sidenav-container fullscreen class="main-container">
<mat-sidenav #sidenav mode="side" opened class="sidenav" [fixedInViewport]="true" [fixedTopGap]="80">
<app-sidebar></app-sidebar>
</mat-sidenav>
2020-06-30 18:40:01 +02:00
<mat-sidenav-content class="sidenav-content">
2020-07-07 12:12:57 +02:00
<div id="main-page">
<router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)'></router-outlet>
</div>
</mat-sidenav-content>
</mat-sidenav-container>
2020-07-03 11:45:52 +02:00
<!-- <div class="sidebar sidebar-shadow" data-color="danger" data-background-color="white" data-image="./assets/images/logan-troxell-9187-unsplash.jpg">
<app-sidebar></app-sidebar>
<div class="sidebar-background" style="background-image: url(./assets/images/logan-troxell-9187-unsplash.jpg)">
</div>
</div>
<div class="main-panel">
<app-navbar></app-navbar>
<div>
<router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)'></router-outlet>
</div>
</div> -->
2019-04-24 11:26:53 +02:00
</div>
2020-07-03 11:45:52 +02:00
<app-notification *ngIf="!onlySplash"></app-notification>
<router-outlet *ngIf="onlySplash"></router-outlet>
2020-07-30 17:29:20 +02:00
<ngx-guided-tour></ngx-guided-tour>