commit a271e0a1e19b3521da9b2bf27d0f04d91f7554d0
author Simon Hunt <simon@onlab.us> Wed Oct 26 10:59:14 2016 -0700
committer Simon Hunt <simon@onlab.us> Wed Oct 26 19:02:32 2016 +0000
tree 62fb690a29ce7caf1f38fad876beea2c69c27454
parent 171bce7252896560d32263acad4e8426fd1cc46d

Fixed cluster details panel
- renaming; data watch.

Change-Id: I19c3f57d78d3e1950c80f28ca8b2291e92852493

web/gui/src/main/webapp/app/view/cluster/cluster.js

diff --git a/web/gui/src/main/webapp/app/view/cluster/cluster.js b/web/gui/src/main/webapp/app/view/cluster/cluster.js
index 270ed59..c849c48 100644
--- a/web/gui/src/main/webapp/app/view/cluster/cluster.js
+++ b/web/gui/src/main/webapp/app/view/cluster/cluster.js
@@ -44,9 +44,9 @@
             htPdg = 479,
             wtPdg = 532,
 
-            pName = 'node-details-panel',
-            detailsReq = 'nodeDetailsRequest',
-            detailsResp = 'nodeDetailsResponse';
+            pName = 'cluster-details-panel',
+            detailsReq = 'clusterDetailsRequest',
+            detailsResp = 'clusterDetailsResponse';
 
         function closePanel() {
             if (detailsPanel.isVisible()) {
@@ -110,14 +110,14 @@
             detailsPanel.width(wtPdg);
 
             //Todo : remove this when server implementation is done
-            detailsPanel.show();
+            // detailsPanel.show();
         }
 
         function respDetailsCb(data) {
             $scope.panelData = data.details;
             $scope.$apply();
             //TODO Use populateDetails() when merging server code
-            $log.debug('Get the details:', $scope.panelData.id);
+            $log.debug('Get the details:', $scope.panelData);
         }
 
 
@@ -158,7 +158,7 @@
                     wss.sendEvent(detailsReq, {id: row.id});
 
                     //ToDo : Remove this line when server implmentation is complete
-                    populateDetails($scope.selId);
+                    // populateDetails($scope.selId);
                 } else {
                     $scope.hidePanel();
                 }
@@ -173,7 +173,7 @@
             }])
 
 
-    .directive('nodeDetailsPanel',
+    .directive('clusterDetailsPanel',
     ['$rootScope', '$window', '$timeout', 'KeyService',
     function ($rootScope, $window, $timeout, ks) {
         return function (scope) {
@@ -199,6 +199,14 @@
                 initPanel();
             }
 
+            // if the panelData changes
+            scope.$watch('panelData', function () {
+                if (!fs.isEmptyObject(scope.panelData)) {
+                    populateDetails(scope.panelData);
+                    detailsPanel.show();
+                }
+            });
+
             // if the window size changes
             unbindWatch = $rootScope.$watchCollection(
                 function () {