From 01b04703856fdf5f6de08c42b555b0c1176554fb Mon Sep 17 00:00:00 2001
From: Endre Karlson <endre.karlson@gmail.com>
Date: Tue, 12 Nov 2013 11:49:11 +0100
Subject: [PATCH] Connection Manager

Change-Id: Iaedfd87cbd13b4c5c39cf96efda153f3a42864b3
Signed-off-by: Endre Karlson <endre.karlson@gmail.com>
---
 src/app/app.js                                |  1 +
 .../connection_manager/connection_manager.js  | 70 +++++++++++++++++++
 .../discover.tpl.html                         |  1 +
 src/app/connection_manager/index.tpl.html     |  3 +
 src/app/connection_manager/root.tpl.html      | 11 +++
 src/app/navigation.js                         |  3 +-
 src/app/node/nodes.js                         | 22 ------
 src/app/node/root.tpl.html                    |  1 -
 src/common/api-services.js                    |  2 +-
 src/config.js                                 |  2 +-
 src/index.html                                |  3 +
 src/less/main.less                            |  1 +
 12 files changed, 93 insertions(+), 27 deletions(-)
 create mode 100644 src/app/connection_manager/connection_manager.js
 rename src/app/{node => connection_manager}/discover.tpl.html (99%)
 create mode 100644 src/app/connection_manager/index.tpl.html
 create mode 100644 src/app/connection_manager/root.tpl.html

diff --git a/src/app/app.js b/src/app/app.js
index f69c7f10..8669273a 100644
--- a/src/app/app.js
+++ b/src/app/app.js
@@ -18,6 +18,7 @@ var dlux = angular.module('dlux', [
   'dlux.directives.general',
   'dlux.directives.topology',
   'dlux.container',
+  'dlux.connection_manager',
   'dlux.flow',
   'dlux.node',
   'dlux.networking',
diff --git a/src/app/connection_manager/connection_manager.js b/src/app/connection_manager/connection_manager.js
new file mode 100644
index 00000000..f0cc66c3
--- /dev/null
+++ b/src/app/connection_manager/connection_manager.js
@@ -0,0 +1,70 @@
+angular.module('dlux.connection_manager', [])
+
+.config(function ($stateProvider) {
+  $stateProvider.state('connection_manager', {
+    abstract: true,
+    url: '/connection_manager',
+    templateUrl: 'connection_manager/root.tpl.html'
+  });
+
+  $stateProvider.state('connection_manager.index', {
+    url: '/index',
+    templateUrl: 'connection_manager/index.tpl.html',
+    views: {
+      '': {
+        templateUrl: 'connection_manager/index.tpl.html',
+        controller: function ($scope, ConnectionManagerSvc) {
+          $scope.svc = ConnectionManagerSvc;
+
+          $scope.gridOptions = {
+            data: 'data["node"]',
+            selectedItems: [],
+            enableRowSelection: true,
+            showSelectionCheckbox: true,
+            selectWithCheckboxOnly: true,
+            columnDefs: [
+              {
+                field: 'id', displayName: 'ID',
+              },
+              {
+                field: 'type', displayName: 'Type',
+              }
+            ]
+          };
+
+          $scope.$watch(
+            function () {
+              return ConnectionManagerSvc.data;
+            },
+            function (data) {
+              $scope.data = data;
+            }
+          );
+        }
+      }
+    }
+  });
+
+  $stateProvider.state('connection_manager.discover', {
+    url: '/discover',
+    views: {
+      '': {
+        templateUrl: 'connection_manager/discover.tpl.html',
+        controller: function ($scope, SwitchSvc, ConnectionManagerSvc) {
+          $scope.nodePort = 6633;
+
+          $scope.doDiscover = function () {
+            ConnectionManagerSvc.discover($scope.nodeId, $scope.nodeAddress, $scope.nodePort).then(
+              function () {
+                $scope.$state.go('connection_manager.index');
+              },
+              function (error) {
+                $scope.error = error.data;
+              }
+            );
+          };
+        }
+      }
+    }
+  });
+});
diff --git a/src/app/node/discover.tpl.html b/src/app/connection_manager/discover.tpl.html
similarity index 99%
rename from src/app/node/discover.tpl.html
rename to src/app/connection_manager/discover.tpl.html
index 419b1463..86d9a19d 100644
--- a/src/app/node/discover.tpl.html
+++ b/src/app/connection_manager/discover.tpl.html
@@ -5,6 +5,7 @@
             <label for="nodeId" class="control-label">ID / Name</label>
             <input type="text" class="form-control input-sm" id="nodeId" ng-model="nodeId" placeholder="Example: management-switch01" required>
         </div>
+
         <div class="form-group">
             <label for="nodeAddress" class="control-label">Address</label>
             <input type="text" class="form-control input-sm" id="nodeAddress" ng-model="nodeAddress" placeholder="Example: 10.0.0.1" required>
diff --git a/src/app/connection_manager/index.tpl.html b/src/app/connection_manager/index.tpl.html
new file mode 100644
index 00000000..0efd419d
--- /dev/null
+++ b/src/app/connection_manager/index.tpl.html
@@ -0,0 +1,3 @@
+<ctrl-reload service="svc"></ctrl-reload>
+<show-selected data="gridOptions.selectedItems"></show-selected>
+<div class="indexGrid" ng-grid="gridOptions"></div>
diff --git a/src/app/connection_manager/root.tpl.html b/src/app/connection_manager/root.tpl.html
new file mode 100644
index 00000000..1cdbe7f2
--- /dev/null
+++ b/src/app/connection_manager/root.tpl.html
@@ -0,0 +1,11 @@
+<div class="menu">
+  <ul class="nav nav-pills">
+    <li ng-class="{ active: $state.includes('connection_manager.index') }"><a ui-sref="connection_manager.index()">Home</a></li>
+    <li ng-class="{ active: $state.includes('connection_manager.discover') }"><a ui-sref="connection_manager.discover()">Discover</a></li>
+  </ul>
+
+  <!-- For child state use-->
+  <div ui-view="submenu"></div>
+</div>
+
+<div ui-view></div>
diff --git a/src/app/navigation.js b/src/app/navigation.js
index 8facc3d1..0ee55ccd 100644
--- a/src/app/navigation.js
+++ b/src/app/navigation.js
@@ -54,10 +54,9 @@ angular.module('dlux.navigation', [])
     if (stateToServices[stateBase] !== undefined) {
       svcName = stateToServices[stateBase];
     } else {
-      svcName = _.str.capitalize(stateBase) + 'Svc';
+      svcName = _.string.capitalize(_.string.camelize(stateBase)) + 'Svc';
     }
 
-
     if (!$injector.has(svcName)) {
       $scope.menu = null;
       return;
diff --git a/src/app/node/nodes.js b/src/app/node/nodes.js
index c50e1d2e..b7d22af5 100644
--- a/src/app/node/nodes.js
+++ b/src/app/node/nodes.js
@@ -55,28 +55,6 @@ angular.module('dlux.node', [])
     }
   });
 
-  $stateProvider.state('node.discover', {
-    url: '/discover',
-    views: {
-      '': {
-        templateUrl: 'node/discover.tpl.html',
-        controller: function ($scope, SwitchSvc, ConnectionManagerSvc) {
-          $scope.nodePort = 6633;
-
-          $scope.doDiscover = function () {
-            ConnectionManagerSvc.discover($scope.nodeId, $scope.nodeAddress, $scope.nodePort).then(
-              function () {
-                $scope.$state.go('node.index');
-              },
-              function (error) {
-                $scope.error = error.data;
-              }
-            );
-          };
-        }
-      }
-    }
-  });
 
   $stateProvider.state('node.detail', {
     url: '/{nodeType}/{nodeId}/detail',
diff --git a/src/app/node/root.tpl.html b/src/app/node/root.tpl.html
index d395de6b..4a3c7b55 100644
--- a/src/app/node/root.tpl.html
+++ b/src/app/node/root.tpl.html
@@ -1,7 +1,6 @@
 <div class="menu">
   <ul class="nav nav-pills">
     <li ng-class="{ active: $state.includes('node.index') }"><a ui-sref="node.index()">Home</a></li>
-    <li ng-class="{ active: $state.includes('node.discover') }"><a ui-sref="node.discover()">Discover</a></li>
   </ul>
 
   <!-- For child state use-->
diff --git a/src/common/api-services.js b/src/common/api-services.js
index 6266bf5c..3f179d09 100644
--- a/src/common/api-services.js
+++ b/src/common/api-services.js
@@ -135,7 +135,7 @@ angular.module('dlux.nbapi', [])
   };
 
   svc.getAll = function () {
-    Restangular.one('connectionmanager').one('nodes').then(function (data) {
+    Restangular.one('connectionmanager').one('nodes').getList().then(function (data) {
       svc.data = data;
     });
   };
diff --git a/src/config.js b/src/config.js
index 220989e4..79367061 100644
--- a/src/config.js
+++ b/src/config.js
@@ -3,7 +3,7 @@ NOTE: Configure these values before doing any grunt task to build the applicatio
 These are available from the root scope and elsewhere.
 */
 var endpoint_proto = 'http';
-var endpoint_host = 'localhost';
+var endpoint_host = 'odl.cloudistic.me';
 var endpoint_port = '8080';
 var endpoint_path = '/controller/nb/v2';
 
diff --git a/src/index.html b/src/index.html
index 84c43e3e..317768db 100644
--- a/src/index.html
+++ b/src/index.html
@@ -60,6 +60,9 @@
               <li is-active state="node">
                 <brd-anchor label="Nodes" state="node.index"></brd-anchor>
               </li>
+              <li is-active state="connection_manager">
+                <brd-anchor label="Connection Manager" state="connection_manager.index">
+              </brd-anchor>
               <li is-active state="flow">
                 <brd-anchor label="Flows" state="flow.index"></brd-anchor>
               <li>
diff --git a/src/less/main.less b/src/less/main.less
index 59e53b9b..1c1d791f 100644
--- a/src/less/main.less
+++ b/src/less/main.less
@@ -97,6 +97,7 @@ body, html {
         border-radius: 5px 5px 0 0;
         border: 1px solid #ccc;
         height: 175px;
+        overflow-y: auto;
         .title {
           background-image: linear-gradient(to bottom, #eee, #ccc);
           color: #222;
-- 
2.36.6