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

<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>
		<mat-sidenav-content class="sidenav-content">
			<div id="main-page">
				<router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)'></router-outlet>
			</div>
		</mat-sidenav-content>
	</mat-sidenav-container>
	<!-- <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> -->
</div>
<app-notification *ngIf="!onlySplash"></app-notification>
<router-outlet *ngIf="onlySplash"></router-outlet>

<ngx-guided-tour [skipText]="'DASHBOARD.TOUR-GUIDE.LEAVE-TOUR'| translate" [nextText]="'DASHBOARD.TOUR-GUIDE.GOT-IT'| translate"></ngx-guided-tour>