1 <nb-layout [center]="layout.id === 'center-column'" windowMode>
3 <nb-layout-header fixed>
4 <ngx-header [position]="sidebar.id === 'left' ? 'normal': 'inverse'"></ngx-header>
7 <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive [right]="sidebar.id === 'right'">
9 <nb-sidebar-header (click)="toogleSidebar()">
10 <!-- XXX - ugly rework -->
11 <nb-actions *ngIf="sidebar.id === 'left'" size="small" class="header-container right">
12 <nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-left" style="margin-left: 80%;"></nb-action>
13 <nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-right"></nb-action>
15 <nb-actions *ngIf="sidebar.id === 'right'" size="small" class="header-container left">
16 <nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-right" style="margin-right: 80%;"></nb-action>
17 <nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-left"></nb-action>
21 <ng-content select="nb-menu"></ng-content>
27 <nb-layout-column class="main-content">
28 <ng-content select="router-outlet"></ng-content>
31 <nb-layout-column left class="small" *ngIf="layout.id === 'two-column' || layout.id === 'three-column'">
32 <nb-menu [items]="subMenu"></nb-menu>
35 <nb-layout-column right class="small" *ngIf="layout.id === 'three-column'">
36 <nb-menu [items]="subMenu"></nb-menu>
39 <nb-layout-footer fixed>
40 <ngx-footer></ngx-footer>
43 <nb-sidebar class="settings-sidebar" tag="settings-sidebar" state="collapsed" fixed [right]="sidebar.id !== 'right'">
44 <ngx-theme-settings></ngx-theme-settings>