webapp/src/app/@theme/layouts/xds/xds.layout.html

   1 <nb-layout [center]="layout.id === 'center-column'" windowMode>
   2
   3   <nb-layout-header fixed>
   4     <ngx-header [position]="sidebar.id === 'left' ? 'normal': 'inverse'"></ngx-header>
   5   </nb-layout-header>
   6
   7   <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive [right]="sidebar.id === 'right'">
   8
   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>
  14       </nb-actions>
  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>
  18       </nb-actions>
  19     </nb-sidebar-header>
  20
  21     <ng-content select="nb-menu"></ng-content>
  22
  23     <nb-sidebar-footer>
  24     </nb-sidebar-footer>
  25   </nb-sidebar>
  26
  27   <nb-layout-column class="main-content">
  28     <ng-content select="router-outlet"></ng-content>
  29   </nb-layout-column>
  30
  31   <nb-layout-column left class="small" *ngIf="layout.id === 'two-column' || layout.id === 'three-column'">
  32     <nb-menu [items]="subMenu"></nb-menu>
  33   </nb-layout-column>
  34
  35   <nb-layout-column right class="small" *ngIf="layout.id === 'three-column'">
  36     <nb-menu [items]="subMenu"></nb-menu>
  37   </nb-layout-column>
  38
  39   <nb-layout-footer fixed>
  40     <ngx-footer></ngx-footer>
  41   </nb-layout-footer>
  42
  43   <nb-sidebar class="settings-sidebar" tag="settings-sidebar" state="collapsed" fixed [right]="sidebar.id !== 'right'">
  44     <ngx-theme-settings></ngx-theme-settings>
  45   </nb-sidebar>
  46 </nb-layout>