New dashboard look & feel

[src/xds/xds-agent.git] / webapp / src / app / @theme / layouts / two-columns / two-columns.layout.ts

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 (file)
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 {
+}