aboutsummaryrefslogtreecommitdiffstats
path: root/webapp/src/app/@theme/layouts/one-column/one-column.layout.ts
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/app/@theme/layouts/one-column/one-column.layout.ts')
-rw-r--r--webapp/src/app/@theme/layouts/one-column/one-column.layout.ts35
1 files changed, 35 insertions, 0 deletions
diff --git a/webapp/src/app/@theme/layouts/one-column/one-column.layout.ts b/webapp/src/app/@theme/layouts/one-column/one-column.layout.ts
new file mode 100644
index 0000000..beeaf30
--- /dev/null
+++ b/webapp/src/app/@theme/layouts/one-column/one-column.layout.ts
@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+
+// TODO: move layouts into the framework
+@Component({
+ selector: 'ngx-one-column-layout',
+ styleUrls: ['./one-column.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>
+ <!-- XDS_MODS
+ <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>
+ <ng-content select="router-outlet"></ng-content>
+ </nb-layout-column>
+
+ <nb-layout-footer fixed>
+ <ngx-footer></ngx-footer>
+ </nb-layout-footer>
+ </nb-layout>
+ `,
+})
+export class OneColumnLayoutComponent {
+}