fix for ONOS-3428

Change-Id: I180ee4fb26383c017fbeff98c324d99dc21a34c4

@@ -23,7 +23,6 @@
 }
 }
 
 
 #ov-intent div.ctrl-btns {
 #ov-intent div.ctrl-btns {
-    width: 110px;
 }
 }
 
 
 
 

@@ -8,6 +8,23 @@
                  tooltip tt-msg="autoRefreshTip"
                  tooltip tt-msg="autoRefreshTip"
                  ng-click="toggleRefresh()"></div>
                  ng-click="toggleRefresh()"></div>
 
 
+
+            <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="separator"></div>
 
 
             <div ng-class="{active: !!selId}"
             <div ng-class="{active: !!selId}"
@@ -50,12 +67,12 @@
                 </tr>
                 </tr>
                 <tr ng-click="selectCallback($event, intent)"
                 <tr ng-click="selectCallback($event, intent)"
                     ng-class="{selected: intent.key === selId}"
                     ng-class="{selected: intent.key === selId}"
-                    row-id="{{intent.key}}">
+                    row-id="{{intent.key}}" ng-hide="brief" >
                     <td class="resources" colspan="5">{{intent.resources}}</td>
                     <td class="resources" colspan="5">{{intent.resources}}</td>
                 </tr>
                 </tr>
                 <tr ng-click="selectCallback($event, intent)"
                 <tr ng-click="selectCallback($event, intent)"
                     ng-class="{selected: intent.key === selId}"
                     ng-class="{selected: intent.key === selId}"
-                    row-id="{{intent.key}}" ng-repeat-end>
+                    row-id="{{intent.key}}" ng-hide="brief" ng-repeat-end>
                     <td class="details" colspan="5">{{intent.details}}</td>
                     <td class="details" colspan="5">{{intent.details}}</td>
                 </tr>
                 </tr>
             </table>
             </table>

@@ -26,7 +26,9 @@
         ['$log', '$scope', 'TableBuilderService', 'NavService',
         ['$log', '$scope', 'TableBuilderService', 'NavService',
 
 
         function ($log, $scope, tbs, ns) {
         function ($log, $scope, tbs, ns) {
-
+            $scope.briefTip = 'Switch to brief view';
+            $scope.detailTip = 'Switch to detailed view';
+            $scope.brief = true;
             function selCb($event, row) {
             function selCb($event, row) {
                 $log.debug('Got a click on:', row);
                 $log.debug('Got a click on:', row);
                 var m = /(\d+)\s:\s(.*)/.exec(row.appId),
                 var m = /(\d+)\s:\s(.*)/.exec(row.appId),
@@ -54,6 +56,10 @@
                 d && ns.navTo('topo', d);
                 d && ns.navTo('topo', d);
             };
             };
 
 
+            $scope.briefToggle = function () {
+                $scope.brief = !$scope.brief;
+            };
+
             $log.log('OvIntentCtrl has been created');
             $log.log('OvIntentCtrl has been created');
         }]);
         }]);
 }());
 }());