Refs: #6615

Should highlight left menu bar button only one at a time

Refs: #6615
Should highlight left menu bar button only one at a time
Amrita Vishnoi
1 parent ef51a5f7
Showing 4 changed files with 21 additions and 4 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
400-SOURCECODE/AIAHTML5.Web/content/css/main.css
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
@@ -252,6 +252,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         var view_list = angular.element($event.currentTarget);
         var view_list_male_female = view_list.attr('title');
+        $rootScope.Normal = "LeftButtonsDefaultState";
         if (view_list_male_female == "Male") {
@@ -4446,6 +4447,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             $timeout(function () { $scope.highLightBody() }, 50);
         }
+
+        // unhighlight other
+        $scope.Normal = "";
     }
     $scope.enableNormalMode = function () {
@@ -4503,7 +4507,11 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             //1.
             $scope.highLightBody();
+
         }
+
+        // unhighlight other
+        $scope.Normal = "";
     }
     $scope.enableShowHideStructureBox = function () {
@@ -113,13 +113,13 @@
                 <button id="btnTranparency" class="btn btn-black btn-sm btn-block marginTop5 tooltip-custom" ng-click="createTransparencyBox()" data-toggle="tooltip" data-placement="bottom" title="Transparency Box"><img src="content/images/icon-transparency.png" alt="" title=""></button>
             </div>
             <div class="col-sm-6">
-                <button class="btn btn-primary btn-sm marginTop5 tooltip-custom" ng-click="enableNormalMode()" data-toggle=" tooltip" data-placement="bottom" title="Normal"> <img src="content/images/bulb1.png" alt="" title=""></button>
+                <button ng-class="Normal" class="btn btn-black btn-sm marginTop5 tooltip-custom" ng-click="enableNormalMode()" data-toggle=" tooltip" data-placement="bottom" title="Normal"> <img src="content/images/bulb1.png" alt="" title=""></button>
             </div>
             <div class="col-sm-6">
-                <button class="btn btn-black btn-sm pull-right marginTop5 tooltip-custom" ng-click="enableExtract()" data-toggle="tooltip" data-placement="bottom" title="Extract"><img src="content/images/bulb1.png" alt="" title=""></button>
+                <button ng-class="Extract" class="btn btn-black btn-sm pull-right marginTop5 tooltip-custom" ng-click="enableExtract()" data-toggle="tooltip" data-placement="bottom" title="Extract"><img src="content/images/bulb1.png" alt="" title=""></button>
             </div>
             <div class="col-sm-6">
-                <button id="btnHighLight" class="btn btn-black btn-sm marginTop5 tooltip-custom btn-resize" ng-click="enableHighlight()" data-toggle="tooltip" data-placement="bottom" title="Highlight"> <img src="content/images/bulb.png" alt="" title=""></button>
+                <button ng-class="Highlight" id="btnHighLight" class="btn btn-black btn-sm marginTop5 tooltip-custom btn-resize" ng-click="enableHighlight()" data-toggle="tooltip" data-placement="bottom" title="Highlight"> <img src="content/images/bulb.png" alt="" title=""></button>
             </div>
             <div class="col-sm-6 dropdown hover-tool">
                 <div class="custom-tooltip">Highlight Options</div>
@@ -696,4 +696,5 @@ textarea {
 .daBodyView{}
 .ciView {
-}
 \ No newline at end of file
+}
+
@@ -813,3 +813,11 @@ cursor:pointer;
     max-width: 300px;
     width: 100%;
 }
+
+.LeftButtonsDefaultState
+{
+    background-color: #0095da;
+    border-color: #007ab3;
+    color: #ffffff;
+}
+