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'" state="compacted"
   8     (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)">
   9
  10     <nb-sidebar-header (click)="pinSidebar()">
  11       <!-- left sidebar -->
  12       <!-- FIXME - bug flicking menu
  13       <nb-actions *ngIf="sidebar.id === 'left'" size="small" class="header-container right">
  14         <nb-action id="pin-sidebar" [icon]="(!sidebarPinned || sidebarCompact) ? 'fa fa-angle-double-right':'fa fa-angle-double-left'"
  15         [ngbTooltip]="sidebarPinned ? 'Undock the sidebar so it is hidden when no being focused':'Dock the sidebar so you can always see it'" placement="bottom">
  16         </nb-action>
  17       </nb-actions>
  18       -->
  19       <nb-actions *ngIf="sidebar.id === 'left'" size="small" class="header-container right">
  20           <nb-action id="pin-sidebar" icon="fa fa-angle-double-left" placement="bottom" (click)="closeSidebar()">
  21           </nb-action>
  22       </nb-actions>
  23       <!-- right sidebar -->
  24       <!-- FIXME - bug flicking menu
  25       <nb-actions *ngIf="sidebar.id === 'right'" size="small" class="header-container left">
  26         <nb-action id="pin-sidebar" [icon]="(!sidebarPinned || sidebarCompact) ? 'fa fa-angle-double-left':'fa fa-angle-double-right'"
  27         [ngbTooltip]="sidebarPinned ? 'Undock the sidebar so it is hidden when no being focused':'Dock the sidebar so you can always see it'" placement="bottom">
  28         </nb-action>
  29       </nb-actions>
  30       -->
  31       <nb-actions *ngIf="sidebar.id === 'right'" size="small" class="header-container left">
  32           <nb-action id="pin-sidebar" icon="fa fa-angle-double-right" placement="bottom" (click)="closeSidebar()">
  33           </nb-action>
  34       </nb-actions>
  35     </nb-sidebar-header>
  36
  37     <ng-content select="nb-menu"></ng-content>
  38
  39     <nb-sidebar-footer>
  40     </nb-sidebar-footer>
  41   </nb-sidebar>
  42
  43   <nb-layout-column class="main-content">
  44     <ng-content select="router-outlet"></ng-content>
  45   </nb-layout-column>
  46
  47   <nb-layout-column left class="small" *ngIf="layout.id === 'two-column' || layout.id === 'three-column'">
  48     <nb-menu [items]="subMenu"></nb-menu>
  49   </nb-layout-column>
  50
  51   <nb-layout-column right class="small" *ngIf="layout.id === 'three-column'">
  52     <nb-menu [items]="subMenu"></nb-menu>
  53   </nb-layout-column>
  54
  55   <nb-layout-footer fixed>
  56     <ngx-footer></ngx-footer>
  57   </nb-layout-footer>
  58
  59   <nb-sidebar class="settings-sidebar" tag="settings-sidebar" state="collapsed" fixed [right]="sidebar.id !== 'right'">
  60     <ngx-theme-settings></ngx-theme-settings>
  61   </nb-sidebar>
  62 </nb-layout>