diff options
Diffstat (limited to 'webapp/src/app/@theme/layouts/three-columns/three-columns.layout.ts')
-rw-r--r-- | webapp/src/app/@theme/layouts/three-columns/three-columns.layout.ts | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/webapp/src/app/@theme/layouts/three-columns/three-columns.layout.ts b/webapp/src/app/@theme/layouts/three-columns/three-columns.layout.ts new file mode 100644 index 0000000..447b23e --- /dev/null +++ b/webapp/src/app/@theme/layouts/three-columns/three-columns.layout.ts @@ -0,0 +1,39 @@ +import { Component } from '@angular/core'; + +// TODO: move layouts into the framework +@Component({ + selector: 'ngx-three-columns-layout', + styleUrls: ['./three-columns.layout.scss'], + template: ` + <nb-layout> + <nb-layout-header fixed> + <ngx-header></ngx-header> + </nb-layout-header> + + <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive > + <nb-sidebar-header> + <a href="#" class="btn btn-hero-success main-btn"> + <i class="ion ion-social-github"></i> <span>Support Us</span> + </a> + </nb-sidebar-header> + <ng-content select="nb-menu"></ng-content> + </nb-sidebar> + + <nb-layout-column class="small"> + </nb-layout-column> + + <nb-layout-column right> + <ng-content select="router-outlet"></ng-content> + </nb-layout-column> + + <nb-layout-column class="small"> + </nb-layout-column> + + <nb-layout-footer fixed> + <ngx-footer></ngx-footer> + </nb-layout-footer> + </nb-layout> + `, +}) +export class ThreeColumnsLayoutComponent { +} |