Show Hide Functionality In Atlas Anatomy

unknown
1 parent 53eceac9
Showing 2 changed files with 43 additions and 4 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
@@ -777,7 +777,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 var clickedPinId = clickedSpeechBubbleId.substring(12, clickedSpeechBubbleId.length);
                 $("#speechBubbleLine" + clickedPinId).css("visibility", "hidden");
-
+                $("#speechBubbleLine" + clickedPinId).css("display", "none");
                 for (var i = 0; i <= $rootScope.speechBubbleDimaensions.length - 1; i++) {
                     if ($rootScope.speechBubbleDimaensions[i].id == clickedPinId) {
@@ -1174,8 +1174,39 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         $scope.IsSearchVisible = false;
     }
-
-
+    $rootScope.isShowHideButtonClicked = true;
+    $scope.ShowHideAnnotation = function () {
+        if ($rootScope.isShowHideButtonClicked == true) {
+            $rootScope.annotationArray = [];
+            $("#canvasDiv").find(".common-drag").each(function () {
+                var speechBubbleID = $(this).attr("id");
+                var sppechBubbleId = $(this).attr("id").substring(12);
+                var b = $("#speechBubbleDraggedLine" + sppechBubbleId).css("display");
+                var speechBubbleLineDispProp = $("#speechBubbleLine" + sppechBubbleId).css("display");
+                var speechBubbleLineID = "speechBubbleLine" + sppechBubbleId;
+                var speechBubbleDraggedLineID = "speechBubbleDraggedLine" + sppechBubbleId;
+                if (speechBubbleLineDispProp == "block") {
+                    $rootScope.annotationArray.push({ "speechBuubleId": speechBubbleID, "speechBubbleLineId": speechBubbleLineID });
+                }
+                else {
+                    $rootScope.annotationArray.push({ "speechBuubleId": speechBubbleID, "speechBubbleLineId": speechBubbleDraggedLineID });
+                }
+            });
+            $rootScope.isShowHideButtonClicked = false;
+            for (var i = 0; i <= $rootScope.annotationArray.length - 1; i++) {
+                $("#" + $rootScope.annotationArray[i].speechBuubleId).css("display", "none");
+                $("#" + $rootScope.annotationArray[i].speechBubbleLineId).css("display", "none");
+            }
+        }
+        else
+        {
+            $rootScope.isShowHideButtonClicked = true;
+            for (var i = 0; i <= $rootScope.annotationArray.length - 1; i++) {
+                $("#" + $rootScope.annotationArray[i].speechBuubleId).css("display", "block");
+                $("#" + $rootScope.annotationArray[i].speechBubbleLineId).css("display", "block");
+            }
+        }
+    }
 }]);
 function showSelectedSystemPins(event) {
@@ -1225,3 +1256,11 @@ function onSearchItemSelection(event) {
         scope.highlightPinBasedOnSerachItem(event);
     });
 }
+
+function showHideAnnotation(event) {
+
+    var scope = angular.element(document.getElementById("aaDetailPageDiv")).scope();
+    scope.$apply(function () {
+        scope.ShowHideAnnotation(event);
+    });
+}
@@ -53,7 +53,7 @@
                 </ul>
             </div>
-            <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button class="btn btn-black btn-sm marginTop5 btn-block"> <img src="../../../content/images/aa/LeftMenu/comment-box.png" alt="" title=""></button> </div>
+            <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button onclick="showHideAnnotation(event)" class="btn btn-black btn-sm marginTop5 btn-block"> <img src="../../../content/images/aa/LeftMenu/comment-box.png" alt="" title=""></button> </div>
         </div>
         <div class="pips-slider" style="margin-top:125px">
             <h3>Zoom <i class="fa fa-search-plus"></i></h3>