commit 8601627219294821c0381063bf2b3d2f75ba8ee2
author Viswanath KSP <kspviswa.github@gmail.com> Thu Oct 27 09:49:46 2016 +0530
committer Gerrit Code Review <gerrit@onlab.us> Thu Oct 27 19:40:36 2016 +0000
tree a547722f1375e2964c478c6f238d4913ebaeff9b
parent b7fd080f86ddb3014ae407c2fbb73c32d001cb8a

[onos-5470] Added esc key handlers for cluster details panel

Change-Id: Iaf94c3288ee14e26226648965daed453a2e87a76

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 37766c6..b4dd391 100644
--- a/web/gui/src/main/webapp/app/view/cluster/cluster.js
+++ b/web/gui/src/main/webapp/app/view/cluster/cluster.js
@@ -69,6 +69,10 @@
         div.on('click', closePanel);
     }
 
+    function handleEscape() {
+        return closePanel();
+    }
+
     function setUpPanel() {
         var container, closeBtn, tblDiv;
         detailsPanel.empty();
@@ -209,7 +213,15 @@
             } else {
                 initPanel();
             }
-
+            // create key bindings to handle panel
+            ks.keyBindings({
+                esc: [handleEscape, 'Close the details panel'],
+                _helpFormat: ['esc']
+            });
+            ks.gestureNotes([
+                ['click', 'Select a row to show cluster node details'],
+                ['scroll down', 'See available cluster nodes']
+            ]);
             // if the panelData changes
             scope.$watch('panelData', function () {
                 if (!fs.isEmptyObject(scope.panelData)) {