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     (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)">
   9
  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>
  15       </nb-actions>
  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>
  19       </nb-actions>
  20     </nb-sidebar-header>
  21
  22     <ng-content select="nb-menu"></ng-content>
  23
  24     <nb-sidebar-footer>
  25     </nb-sidebar-footer>
  26   </nb-sidebar>
  27
  28   <nb-layout-column class="main-content">
  29     <ng-content select="router-outlet"></ng-content>
  30   </nb-layout-column>
  31
  32   <nb-layout-column left class="small" *ngIf="layout.id === 'two-column' || layout.id === 'three-column'">
  33     <nb-menu [items]="subMenu"></nb-menu>
  34   </nb-layout-column>
  35
  36   <nb-layout-column right class="small" *ngIf="layout.id === 'three-column'">
  37     <nb-menu [items]="subMenu"></nb-menu>
  38   </nb-layout-column>
  39
  40   <nb-layout-footer fixed>
  41     <ngx-footer></ngx-footer>
  42   </nb-layout-footer>
  43
  44   <nb-sidebar class="settings-sidebar" tag="settings-sidebar" state="collapsed" fixed [right]="sidebar.id !== 'right'">
  45     <ngx-theme-settings></ngx-theme-settings>
  46   </nb-sidebar>
  47 </nb-layout>