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'"
8 (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)">
10 <nb-sidebar-header (click)="toogleSidebar()">
11 <!-- XXX - ugly rework -->
12 <nb-actions *ngIf="sidebar.id === 'left'" size="small" class="header-container right">
13 <nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-left" style="margin-left: 80%;"></nb-action>
14 <nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-right"></nb-action>
16 <nb-actions *ngIf="sidebar.id === 'right'" size="small" class="header-container left">
17 <nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-right" style="margin-right: 80%;"></nb-action>
18 <nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-left"></nb-action>
22 <ng-content select="nb-menu"></ng-content>
28 <nb-layout-column class="main-content">
29 <ng-content select="router-outlet"></ng-content>
32 <nb-layout-column left class="small" *ngIf="layout.id === 'two-column' || layout.id === 'three-column'">
33 <nb-menu [items]="subMenu"></nb-menu>
36 <nb-layout-column right class="small" *ngIf="layout.id === 'three-column'">
37 <nb-menu [items]="subMenu"></nb-menu>
40 <nb-layout-footer fixed>
41 <ngx-footer></ngx-footer>
44 <nb-sidebar class="settings-sidebar" tag="settings-sidebar" state="collapsed" fixed [right]="sidebar.id !== 'right'">
45 <ngx-theme-settings></ngx-theme-settings>