this is for Atlas A Highlight body System

Mukul Rajput
1 parent 591e3041
Showing 2 changed files with 66 additions and 32 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
@@ -27,15 +27,17 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         selectedorientation: '',
         selectedimagetype: '',
     };
-    $scope.loadForModuleById = function (moduleId) {
+    
+    $scope.loadForModuleById = function (moduleId) {
+     
         $scope.moduleId = moduleId;
         console.log('loadForModuleById is called')
         $rootScope.moduleName = Modules[moduleId].Name;
-
         $scope.AllBodyRegion = BodyRegions;
         $scope.AllBodySystem = BodySystems;
+      
         $scope.AllOrientation = ViewOrientations;
         $scope.AllImageType = ImageTypes;
         var promise = ModuleService.loadModuleDataBasedOnModuleName($scope.moduleName)
@@ -43,6 +45,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
               function (result) {
                   $scope.moduleLandingData = result;
+               
                   //console.log(JSON.stringify(result, null, 4));
               },
@@ -66,7 +69,8 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         //1.Filter selected module ietem data and get the pushed opened moduile array object
         $rootScope.OpenedTileData = ModuleService.GetOpenedTileData(moduleItemDataToBeSaved, $scope.moduleLandingData);
-
+        $rootScope.bodySystemName = $rootScope.OpenedTileData[2];
+       
         //2. Pick the image name to create a source to open
         $rootScope.imageName = $rootScope.OpenedTileData[3];
         $rootScope.OpenItemImagePath = "../../../content/images/aa/images/" + $rootScope.OpenedTileData[3];
@@ -82,6 +86,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     $scope.openModuleItem = function () {
         var jsContentURL;
         var moduleItemViewDivId;
+       
+
+      
         //1. create a jsPanel and load the module item view
         if ($rootScope.moduleName == ATLAS_ANATOMY) {
@@ -103,7 +110,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             selector: '.aaBodyView',
             theme: 'success',
             currentController: 'TileViewListController',
-            parentSlug: 'tile-view',
+            parentSlug: 'tile-view-list',
             ajax: {
                 url: jsContentURL
             },
@@ -141,6 +148,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 $scope.currentTitleFromJson = localStorage.getItem("currentViewTitle");
                 $("#modItemImage").attr('src', $rootScope.OpenItemImagePath);
+                
                 //0.5 create canvas on the top of image so that I can draw a line over the canvas.
                 var canvas = document.createElement('canvas');
@@ -155,9 +163,29 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 //6. Show all pins on AA opened item
                 $scope.showAllPins();
+
+                //7. Show all system body list in left side
+                $scope.selectBodySystem();
             }
         }, 1050);
     }
+   
+    $scope.selectBodySystem = function()
+    {
+        $rootScope.bodySystemNames = $rootScope.bodySystemName.trim().split(/\s*,\s*/);
+        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).removeClass("disabled");
+
+                }
+            }
+
+        }
+    }
     function loadFailure() {
         console.log('unable to load opened module ietem');
@@ -176,9 +204,10 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         });
     })
-
+  
     $scope.showAllPins = function () {
-
+      
+       
         var promise = ModuleService.getPinDataForImage($rootScope.imageName)
           .then(
@@ -259,7 +288,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         var promise = ModuleService.loadModuleDataBasedOnModuleName($scope.moduleName)
            .then(
              function (result) {
-                 alert("mukul");
+             
                  // alert(JSON.stringify($scope.moduleLandingData));
                  $scope.moduleLandingData = result;
                  $scope.selectedAAListViewData = new jinqJs()
 <div id="aaDetailPageDiv" class="bodyWrap row" ng-controller="TileViewListController">
-
+   
     <!--<div class="col-sm-12 pageHeading">
         <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
     <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->
@@ -11,29 +11,31 @@
     <div class="tools pull-left" style="top:44px;">
         <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
         <div class="">
-            <div class="col-sm-6" title="Hide Pins"><button class="btn btn-black btn-sm" > <img src="../../../content/images/aa/LeftMenu/hide-pin.png" alt="" title=""></button> </div>
+            <div class="col-sm-6" title="Hide Pins"><button class="btn btn-black btn-sm"> <img src="../../../content/images/aa/LeftMenu/hide-pin.png" alt="" title=""></button> </div>
             <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right"><img src="../../../content/images/aa/LeftMenu/draw-pin.png" alt="" title=""></button></div>
             <div class="col-sm-6" title="Show All Pins in System(s)"><button class="btn btn-primary btn-sm marginTop5"><img src="../../../content/images/aa/LeftMenu/all-pin.png" alt="" title=""></button></div>
+            
             <div class="col-sm-6" title="Select System">
                 <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="../../../content/images/aa/LeftMenu/icon-highlight.png" alt="" title=""></button>
-                <ul class="dropdown-menu" aria-labelledby="dropdownMenu221">
-                    <li><a href="#" title="Current Structure">All</a></li>
+               
+                <ul class="dropdown-menu" aria-labelledby="dropdownMenu221" id="bodySystemList">
+                    <li ><a href="#" title="Current Structure">All</a></li>
                     <li role="separator" class="divider"></li>
-                    <li><a href="#" title="Cardiovascular">Cardiovascular</a></li>
-                    <li><a href="#" title="Digestive">Digestive</a></li>
-                    <li class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>
-                    <li class="disabled"><a href="#" title="Immune">Immune</a></li>
-                    <li class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>
-                    <li class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>
-                    <li><a href="#" title="Muscular">Muscular</a></li>
-                    <li class="disabled"><a href="#" title="Nervous">Nervous</a></li>
-                    <li class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>
-                    <li class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>
-                    <li><a href="#" title="Skeletal">Skeletal</a></li>
-                    <li class="disabled"><a href="#" title="Urinary">Urinary</a></li>
+                    <li id="1" class="disabled"><a href="#" title="Cardiovascular">Cardiovascular</a></li>
+                    <li id="2" class="disabled"><a href="#" title="Digestive">Digestive</a></li>
+                    <li id="3" class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>
+                    <li id="4" class="disabled"><a href="#" title="Immune">Immune</a></li>
+                    <li id="5" class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>
+                    <li id="6" class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>
+                    <li id="7" class="disabled"><a href="#" title="Muscular">Muscular</a></li>
+                    <li id="8" class="disabled"><a href="#" title="Nervous">Nervous</a></li>
+                    <li id="9" class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>
+                    <li id="10" class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>
+                    <li id="11" class="disabled"><a href="#" title="Skeletal">Skeletal</a></li>
+                    <li id="12" class="disabled" ><a href="#" title="Urinary">Urinary</a></li>
                 </ul>
-            </div>
+</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>
         <div class="pips-slider" style="margin-top:125px">
@@ -71,7 +73,7 @@
                         </ul>
                     </div>
                     <div class="btn-group">
-                        <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="navigatorMan" ng-click="alert('hi nav')">
+                        <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="navigatorMan">
                             <i class="fa fa-male"></i>
                         </button>
                         <ul class="dropdown-menu" style="min-width:auto;">
@@ -88,13 +90,13 @@
             <div class="container-fluid">
                 <div class="row">
-                    <div class=" col-sm-12 img-thumbnail"  id="imageDiv" style="height: 478px; overflow: scroll;">
-                        <img id="modItemImage" alt="" title=""  style="left:0px;top:0px;position:absolute">
-                         <!--<div class="clearfix">
-                           <img id="modItemImage" ng-init="alert('hi')" alt="" title="" class="img-responsive">
-                        </div>
-                        <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="../../content/images/1000x600.jpg" alt="" title="" class="img-responsive"></div>
-        <div class="clearfix"></div>-->
+                    <div class=" col-sm-12 img-thumbnail" id="imageDiv" style="height: 478px; overflow: scroll;">
+                        <img id="modItemImage" alt="" title="" style="left:0px;top:0px;position:absolute">
+                        <!--<div class="clearfix">
+                                           <img id="modItemImage" ng-init="alert('hi')" alt="" title="" class="img-responsive">
+                                        </div>
+                                        <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="../../content/images/1000x600.jpg" alt="" title="" class="img-responsive"></div>
+                        <div class="clearfix"></div>-->
                     </div>
                 </div>
             </div>
@@ -152,6 +154,9 @@
 <script>
     $(function () {
         $("#draggable").draggable();
+
+       
     });
+    
 </script>