GUI -- Group view now accessible by button on topo and device views.

Change-Id: Ib439558a2e00895a8ac201d73d2bf05ed8518e98
diff --git a/web/gui/src/main/webapp/app/view/device/device.js b/web/gui/src/main/webapp/app/view/device/device.js
index 82348a7..b571d82 100644
--- a/web/gui/src/main/webapp/app/view/device/device.js
+++ b/web/gui/src/main/webapp/app/view/device/device.js
@@ -37,6 +37,7 @@
         portsTblPdg = 50,
         flowPath = 'flow',
         portPath = 'port',
+        groupPath = 'group',
 
         pName = 'device-details-panel',
         bName = 'dev-dets-p',
@@ -136,6 +137,15 @@
             },
             'Show port view for this device'
         );
+        bns.button(
+            btnsDiv,
+            bName + '-groups',
+            'groupTable',
+            function () {
+                ns.navTo(groupPath, { devId: details.id });
+            },
+            'Show group view for this device'
+        );
     }
 
     function addPortRow(tbody, port) {
diff --git a/web/gui/src/main/webapp/app/view/topo/topoSelect.js b/web/gui/src/main/webapp/app/view/topo/topoSelect.js
index 957c501..b8153c3 100644
--- a/web/gui/src/main/webapp/app/view/topo/topoSelect.js
+++ b/web/gui/src/main/webapp/app/view/topo/topoSelect.js
@@ -42,7 +42,8 @@
 
     // constants
     var flowPath = 'flow',
-        portPath ='port';
+        portPath ='port',
+        groupPath = 'group';
 
     // ==========================
 
@@ -263,6 +264,14 @@
                 },
                 tt: 'Show port view for this device'
             });
+            tps.addAction({
+                id: 'groups-table-btn',
+                gid: 'groupTable',
+                cb: function () {
+                    ns.navTo(groupPath, { devId: data.props['URI'] });
+                },
+                tt: 'Show group view for this device'
+            });
         }
 
         tps.displaySomething();