webapp/src/app/@theme/layouts/three-columns/three-columns.layout.ts

   1 import { Component } from '@angular/core';
   2
   3 // TODO: move layouts into the framework
   4 @Component({
   5   selector: 'ngx-three-columns-layout',
   6   styleUrls: ['./three-columns.layout.scss'],
   7   template: `
   8     <nb-layout>
   9       <nb-layout-header fixed>
  10         <ngx-header></ngx-header>
  11       </nb-layout-header>
  12
  13       <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive >
  14         <nb-sidebar-header>
  15           <a href="#" class="btn btn-hero-success main-btn">
  16             <i class="ion ion-social-github"></i> <span>Support Us</span>
  17           </a>
  18         </nb-sidebar-header>
  19         <ng-content select="nb-menu"></ng-content>
  20       </nb-sidebar>
  21
  22       <nb-layout-column class="small">
  23       </nb-layout-column>
  24
  25       <nb-layout-column right>
  26         <ng-content select="router-outlet"></ng-content>
  27       </nb-layout-column>
  28
  29       <nb-layout-column class="small">
  30       </nb-layout-column>
  31
  32       <nb-layout-footer fixed>
  33         <ngx-footer></ngx-footer>
  34       </nb-layout-footer>
  35     </nb-layout>
  36   `,
  37 })
  38 export class ThreeColumnsLayoutComponent {
  39 }