Fix for ONOS-3677

Change-Id: I95f87b93f18da98a0bd0b77d7c41b83aa9f7390e
(cherry picked from commit 9fa6da1)
diff --git a/web/gui/src/main/webapp/app/view/group/group.html b/web/gui/src/main/webapp/app/view/group/group.html
index 90af4ac..329b3e1 100644
--- a/web/gui/src/main/webapp/app/view/group/group.html
+++ b/web/gui/src/main/webapp/app/view/group/group.html
@@ -13,6 +13,22 @@
 
             <div class="separator"></div>
 
+            <span ng-if="brief">
+            <div class="active"
+                 icon icon-id="plus" icon-size="42"
+                 tooltip tt-msg="detailTip"
+                 ng-click="briefToggle()"> </div>
+            </span>
+
+            <span ng-if="!brief">
+            <div class="active"
+                 icon icon-id="minus" icon-size="42"
+                 tooltip tt-msg="briefTip"
+                 ng-click="briefToggle()"> </div>
+            </span>
+
+            <div class="separator"></div>
+
             <div class="active"
                  icon icon-id="deviceTable" icon-size="42"
                  tooltip tt-msg="deviceTip"
@@ -69,7 +85,7 @@
                     <td class="right">{{group.packets}}</td>
                     <td class="right">{{group.bytes}}</td>
                 </tr>
-                <tr row-id="{{group.id}}" ng-repeat-end>
+                <tr row-id="{{group.id}}" ng-hide="brief" ng-repeat-end>
                     <td class="buckets" colspan="6"
                         ng-bind-html="group.buckets"></td>
                 </tr>
diff --git a/web/gui/src/main/webapp/app/view/group/group.js b/web/gui/src/main/webapp/app/view/group/group.js
index ac039bf..f9c6cd7 100644
--- a/web/gui/src/main/webapp/app/view/group/group.js
+++ b/web/gui/src/main/webapp/app/view/group/group.js
@@ -41,7 +41,9 @@
             $scope.flowTip = 'Show flow view for this device';
             $scope.portTip = 'Show port view for this device';
             $scope.meterTip = 'Show meter view for selected device';
-
+            $scope.briefTip = 'Switch to brief view';
+            $scope.detailTip = 'Switch to detailed view';
+            $scope.brief = true;
             params = $location.search();
             if (params.hasOwnProperty('devId')) {
                 $scope.devId = params['devId'];
@@ -66,6 +68,9 @@
                     ns.navTo(path, { devId: $scope.devId });
                 }
             };
+            $scope.briefToggle = function () {
+                $scope.brief = !$scope.brief;
+            };
 
             $log.log('OvGroupCtrl has been created');
         }]);