1 files changed, 37 insertions, 0 deletions
diff --git a/webapp/src/app/@theme/layouts/two-columns/two-columns.layout.ts b/webapp/src/app/@theme/layouts/two-columns/two-columns.layout.ts
new file mode 100644
index 0000000..b7f3a67
--- /dev/null
+++ b/webapp/src/app/@theme/layouts/two-columns/two-columns.layout.ts
@@ -0,0 +1,37 @@
+import { Component } from '@angular/core';
+
+// TODO: move layouts into the framework
+@Component({
+  selector: 'ngx-two-columns-layout',
+  styleUrls: ['./two-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-footer fixed>
+        <ngx-footer></ngx-footer>
+      </nb-layout-footer>
+
+    </nb-layout>
+  `,
+})
+export class TwoColumnsLayoutComponent {
+}