Merge branch 'AAbodysystemhighlight' into Develop

Amrita Vishnoi
2 parents fe4f6d78 b17f8fce
Showing 3 changed files with 50 additions and 17 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
@@ -322,12 +322,14 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a");
         var bodySystemListlength = bodySystemListObj.length;
         for (var i = 0; i < bodySystemListlength; i++) {
+           
             //var boldTag = lis[i];
             for (var j = 0; j < $rootScope.bodySystemNames.length; j++) {
                 if ((bodySystemListObj[i].innerHTML) == ($rootScope.bodySystemNames[j])) {
-                    $("#" + i).parent().removeClass("disabled");
-
+                    $("#" + i).parent().removeClass("disabledSelectedSystem");
+                    
                 }
+                
             }
         }
@@ -605,12 +607,22 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     $scope.showSelectedSystemPins = function (event) {
+
+        var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a");
+        var bodySystemListlength = bodySystemListObj.length;
+        for (var i = 0; i < bodySystemListlength; i++)
+        {
+            
+            $("#" + i).parent().removeClass("activeAASystemSelect");
+        }
+        $("#" + event.currentTarget.id).parent().addClass("activeAASystemSelect");
+       
         $rootScope.isLoading = true;
         $('#spinner').css('visibility', 'visible');
         $scope.removeSpeechBubble();
         if (event.currentTarget.id == "0") {
-
+           
             $scope.selectedSystemName = null;
             if ($scope.isHidePinBtnClicked) {
@@ -622,7 +634,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
             }
         }   
         else {
-
+           
             $scope.selectedSystemName = event.currentTarget.title;
             // get termText info
             var promise = ModuleService.getTermTextDataForPin($scope.moduleName)
@@ -80,18 +80,18 @@
                 <ul class="dropdown-menu" aria-labelledby="dropdownMenu221" id="bodySystemList">
                     <li><a id="0" href="#" title="Current Structure" onclick="showSelectedSystemPins(event)">All</a></li>
                     <li role="separator" class="divider"></li>
-                    <li class="disabled"><a id="1" href="#" title="Cardiovascular" onclick="showSelectedSystemPins(event)">Cardiovascular</a></li>
-                    <li class="disabled"><a id="2" href="#" title="Digestive" onclick="showSelectedSystemPins(event)">Digestive</a></li>
-                    <li class="disabled"><a id="3" href="#" title="Endocrine" onclick="showSelectedSystemPins(event)">Endocrine</a></li>
-                    <li class="disabled"><a id="4" href="#" title="Immune" onclick="showSelectedSystemPins(event)">Immune</a></li>
-                    <li class="disabled"><a id="5" href="#" title="Integumentary" onclick="showSelectedSystemPins(event)">Integumentary</a></li>
-                    <li class="disabled"><a id="6" href="#" title="Lymphatic" onclick="showSelectedSystemPins(event)">Lymphatic</a></li>
-                    <li class="disabled"><a id="7" href="#" title="Muscular" onclick="showSelectedSystemPins(event)">Muscular</a></li>
-                    <li class="disabled"><a id="8" href="#" title="Nervous" onclick="showSelectedSystemPins(event)">Nervous</a></li>
-                    <li class="disabled"><a id="9" href="#" title="Reproductive" onclick="showSelectedSystemPins(event)">Reproductive</a></li>
-                    <li class="disabled"><a id="10" href="#" title="Respiratory" onclick="showSelectedSystemPins(event)">Respiratory</a></li>
-                    <li class="disabled"><a id="11" href="#" title="Skeletal" onclick="showSelectedSystemPins(event)">Skeletal</a></li>
-                    <li class="disabled"><a id="12" href="#" title="Urinary" onclick="showSelectedSystemPins(event)">Urinary</a></li>
+                    <li class="disabledSelectedSystem"><a id="1" href="#" title="Cardiovascular" onclick="showSelectedSystemPins(event)">Cardiovascular</a></li>
+                    <li class="disabledSelectedSystem"><a id="2" href="#" title="Digestive" onclick="showSelectedSystemPins(event)">Digestive</a></li>
+                    <li class="disabledSelectedSystem"><a id="3" href="#" title="Endocrine" onclick="showSelectedSystemPins(event)">Endocrine</a></li>
+                    <li class="disabledSelectedSystem"><a id="4" href="#" title="Immune" onclick="showSelectedSystemPins(event)">Immune</a></li>
+                    <li class="disabledSelectedSystem"><a id="5" href="#" title="Integumentary" onclick="showSelectedSystemPins(event)">Integumentary</a></li>
+                    <li class="disabledSelectedSystem"><a id="6" href="#" title="Lymphatic" onclick="showSelectedSystemPins(event)">Lymphatic</a></li>
+                    <li class="disabledSelectedSystem"><a id="7" href="#" title="Muscular" onclick="showSelectedSystemPins(event)">Muscular</a></li>
+                    <li class="disabledSelectedSystem"><a id="8" href="#" title="Nervous" onclick="showSelectedSystemPins(event)">Nervous</a></li>
+                    <li class="disabledSelectedSystem"><a id="9" href="#" title="Reproductive" onclick="showSelectedSystemPins(event)">Reproductive</a></li>
+                    <li class="disabledSelectedSystem"><a id="10" href="#" title="Respiratory" onclick="showSelectedSystemPins(event)">Respiratory</a></li>
+                    <li class="disabledSelectedSystem"><a id="11" href="#" title="Skeletal" onclick="showSelectedSystemPins(event)">Skeletal</a></li>
+                    <li class="disabledSelectedSystem"><a id="12" href="#" title="Urinary" onclick="showSelectedSystemPins(event)">Urinary</a></li>
                 </ul>
             </div>
@@ -1047,4 +1047,25 @@ background-size:cover;
  	{	
      background: #8C8C8C!important;
     border: 1px solid #a2a2a2;
- 	}
 \ No newline at end of file
+ 	}
+
+.activeAASystemSelect{
+ 	background-color:#0095DA;
+   color:#ffffff;   
+}
+ 	
+.activeAASystemSelect a
+{
+color:#ffffff !important;   	
+}
+
+.disabledSelectedSystem a, .disabledSelectedSystem > a:hover, .dropdown-menu > .disabledSelectedSystem > a:focus
+ {
+    
+    text-decoration: none;
+    background-color: transparent !important;
+    background-image: none;
+    cursor: not-allowed;
+    color: #878787 !important;
+    pointer-events:none;
+}
 \ No newline at end of file