webapp/src/app/@theme/layouts/one-column/one-column.layout.ts

   1 import { Component } from '@angular/core';
   2
   3 // TODO: move layouts into the framework
   4 @Component({
   5   selector: 'ngx-one-column-layout',
   6   styleUrls: ['./one-column.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         <!-- XDS_MODS
  16           <a href="#" class="btn btn-hero-success main-btn">
  17             <i class="ion ion-social-github"></i> <span>Support Us</span>
  18           </a>
  19         -->
  20         </nb-sidebar-header>
  21         <ng-content select="nb-menu"></ng-content>
  22       </nb-sidebar>
  23
  24       <nb-layout-column>
  25         <ng-content select="router-outlet"></ng-content>
  26       </nb-layout-column>
  27
  28       <nb-layout-footer fixed>
  29         <ngx-footer></ngx-footer>
  30       </nb-layout-footer>
  31     </nb-layout>
  32   `,
  33 })
  34 export class OneColumnLayoutComponent {
  35 }