<md-sidenav-layout class="sidenav-primary" fullscreen>

<md-sidenav #start  mode="side" align="start" opened>
<div class="sidenav-menu">
<sidebar></sidebar>
</div>
</md-sidenav>

<main-menu></main-menu>

<div class="sidenav-primary-content">
<div class="container-fluid">

<div *ngIf="!Service.LOADED" class="text-center">
<i class="fa fa-spinner fa-spin fa-4x" aria-hidden="true"></i>
</div>

<router-outlet></router-outlet>

</div>

</div>
</md-sidenav-layout>

<!--In case the user is not logged in, show the intro page-->
<div *ngIf="Service.LOADED && !Service.userData">
<intro></intro>
</div>