member_webapp/src/app/app.component.html

<div *ngIf="isAuthRouteActivated();else layout">
    <router-outlet></router-outlet>
</div>
<ng-template #layout>
    <div class="layout-wrapper" [ngClass]="{'layout-compact':layoutCompact}" (click)="onLayoutClick()">

        <div #layoutContainer class="layout-container" [ngClass]="{'menu-layout-static': !isOverlay(),
            'menu-layout-overlay': isOverlay(),
            'layout-menu-overlay-active': overlayMenuActive,
            'menu-layout-horizontal': isHorizontal(),
            'menu-layout-slim': isSlim(),
            'layout-menu-static-inactive': staticMenuDesktopInactive,
            'layout-menu-static-active': staticMenuMobileActive}">

            <of-topbar></of-topbar>

            <div class="layout-menu" [ngClass]="{'layout-menu-dark':darkMenu}" (click)="onMenuClick($event)">
                <p-scrollPanel #scrollPanel [style]="{height: '100%'}">
                    <of-inline-profile *ngIf="profileMode=='inline'&&!isHorizontal()"></of-inline-profile>
                    <of-menu [reset]="resetMenu"></of-menu>
                </p-scrollPanel>
            </div>

            <div class="layout-main">
                <of-breadcrumb></of-breadcrumb>

                <div class="layout-content">
                    <router-outlet></router-outlet>

                    <of-footer></of-footer>
                </div>
            </div>

            <of-rightpanel></of-rightpanel>

            <div class="layout-mask"></div>
        </div>
    </div>
</ng-template>