Moved back to ng1
Change-Id: I43b284e3b3cb3ac19d43c088de988c89a7ea8807
diff --git a/src/app/core/nav/nav.html b/src/app/core/nav/nav.html
new file mode 100644
index 0000000..6256369
--- /dev/null
+++ b/src/app/core/nav/nav.html
@@ -0,0 +1,7 @@
+<div class="nav">
+ <ul>
+ <li ng-repeat="route in vm.routes" ui-sref-active="active">
+ <a ui-sref="{{route.state}}">{{route.label}}</a>
+ </li>
+ </ul>
+</div>
diff --git a/src/app/core/nav/nav.scss b/src/app/core/nav/nav.scss
new file mode 100644
index 0000000..8591c15
--- /dev/null
+++ b/src/app/core/nav/nav.scss
@@ -0,0 +1,37 @@
+xos-nav {
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ flex-basis: 10%;
+ background: darken(grey, 10);
+
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ background: grey;
+
+ > li {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 20px;
+ border-bottom: 1px solid darken(grey, 20);
+
+ &.active {
+ background: darken(grey, 10);
+
+ > a {
+ color: #5aadbb;
+ }
+ }
+
+ &:hover {
+ background: darken(grey, 10);
+ }
+
+ > a {
+ cursor: pointer;
+ }
+ }
+ }
+}
diff --git a/src/app/core/nav/nav.ts b/src/app/core/nav/nav.ts
new file mode 100644
index 0000000..d90df10
--- /dev/null
+++ b/src/app/core/nav/nav.ts
@@ -0,0 +1,37 @@
+import './nav.scss';
+
+interface INavItem {
+ label: string;
+ state: string;
+}
+
+class NavCtrl {
+ public routes: INavItem[];
+
+ constructor() {
+ this.routes = [
+ {
+ label: 'Home',
+ state: 'xos.dashboard'
+ },
+ {
+ label: 'Instances',
+ state: 'xos.instances'
+ },
+ {
+ label: 'Slices',
+ state: 'xos.slices'
+ },
+ {
+ label: 'Nodes',
+ state: 'xos.nodes'
+ }
+ ];
+ }
+}
+
+export const xosNav: angular.IComponentOptions = {
+ template: require('./nav.html'),
+ controllerAs: 'vm',
+ controller: NavCtrl
+};