Layouts

App pages loaded with App layout "src/app/layouts/App/app.component.ts". Login / Password restore with Auth layout "src/app/layouts/Auth/auth.component.html". Please check "src/app/app-routing.module.ts" for better understanding how layouts injection to routes works.

Main layout composition

src/app/layouts/App/app.component.html
<nz-layout>
<air-sidebar></air-sidebar>
<air-support-chat></air-support-chat>
<nz-sider *ngIf="menuLayoutType === 'left'">
<air-menu-left></air-menu-left>
</nz-sider>
<air-menu-top *ngIf="menuLayoutType === 'top'"></air-menu-top>
<nz-layout>
<nz-header>
<air-topbar></air-topbar>
<air-subbar></air-subbar>
</nz-header>
<nz-content style="height: 100%; position: relative;">
<div class="air__utils__content">
<router-outlet></router-outlet>
</div>
</nz-content>
<nz-footer>
<air-footer></cui-footer>
</nz-footer>
</nz-layout>
</nz-layout>