blob: bf2b4e6e3e5f9b3c8a1a68cac04985684a0113d3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
<nb-layout [center]="layout.id === 'center-column'" windowMode>
<nb-layout-header fixed>
<ngx-header [position]="sidebar.id === 'left' ? 'normal': 'inverse'"></ngx-header>
</nb-layout-header>
<nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive [right]="sidebar.id === 'right'">
<nb-sidebar-header (click)="toogleSidebar()">
<!-- XXX - ugly rework -->
<nb-actions *ngIf="sidebar.id === 'left'" size="small" class="header-container right">
<nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-left" style="margin-left: 80%;"></nb-action>
<nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-right"></nb-action>
</nb-actions>
<nb-actions *ngIf="sidebar.id === 'right'" size="small" class="header-container left">
<nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-right" style="margin-right: 80%;"></nb-action>
<nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-left"></nb-action>
</nb-actions>
</nb-sidebar-header>
<ng-content select="nb-menu"></ng-content>
<nb-sidebar-footer>
</nb-sidebar-footer>
</nb-sidebar>
<nb-layout-column class="main-content">
<ng-content select="router-outlet"></ng-content>
</nb-layout-column>
<nb-layout-column left class="small" *ngIf="layout.id === 'two-column' || layout.id === 'three-column'">
<nb-menu [items]="subMenu"></nb-menu>
</nb-layout-column>
<nb-layout-column right class="small" *ngIf="layout.id === 'three-column'">
<nb-menu [items]="subMenu"></nb-menu>
</nb-layout-column>
<nb-layout-footer fixed>
<ngx-footer></ngx-footer>
</nb-layout-footer>
<nb-sidebar class="settings-sidebar" tag="settings-sidebar" state="collapsed" fixed [right]="sidebar.id !== 'right'">
<ngx-theme-settings></ngx-theme-settings>
</nb-sidebar>
</nb-layout>
|