ADAM / AIAHTML5

Commit d925da1aef1bdfc2af798797409b028f519d1314

Authored by Mukul Rajput
1 parent 591e3041

this is for Atlas A Highlight body System

Inline Side-by-side
Showing 2 changed files with 66 additions and 32 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
  View file @d925da1
... ... @@ -27,15 +27,17 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
27 27 selectedorientation: '',
28 28 selectedimagetype: '',
29 29 };
30   - $scope.loadForModuleById = function (moduleId) {
31 30  
  31 +
  32 + $scope.loadForModuleById = function (moduleId) {
  33 +
32 34 $scope.moduleId = moduleId;
33 35  
34 36 console.log('loadForModuleById is called')
35 37 $rootScope.moduleName = Modules[moduleId].Name;
36   -
37 38 $scope.AllBodyRegion = BodyRegions;
38 39 $scope.AllBodySystem = BodySystems;
  40 +
39 41 $scope.AllOrientation = ViewOrientations;
40 42 $scope.AllImageType = ImageTypes;
41 43 var promise = ModuleService.loadModuleDataBasedOnModuleName($scope.moduleName)
... ... @@ -43,6 +45,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
43 45 function (result) {
44 46  
45 47 $scope.moduleLandingData = result;
  48 +
46 49  
47 50 //console.log(JSON.stringify(result, null, 4));
48 51 },
... ... @@ -66,7 +69,8 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
66 69  
67 70 //1.Filter selected module ietem data and get the pushed opened moduile array object
68 71 $rootScope.OpenedTileData = ModuleService.GetOpenedTileData(moduleItemDataToBeSaved, $scope.moduleLandingData);
69   -
  72 + $rootScope.bodySystemName = $rootScope.OpenedTileData[2];
  73 +
70 74 //2. Pick the image name to create a source to open
71 75 $rootScope.imageName = $rootScope.OpenedTileData[3];
72 76 $rootScope.OpenItemImagePath = "../../../content/images/aa/images/" + $rootScope.OpenedTileData[3];
... ... @@ -82,6 +86,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
82 86 $scope.openModuleItem = function () {
83 87 var jsContentURL;
84 88 var moduleItemViewDivId;
  89 +
  90 +
  91 +
85 92  
86 93 //1. create a jsPanel and load the module item view
87 94 if ($rootScope.moduleName == ATLAS_ANATOMY) {
... ... @@ -103,7 +110,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
103 110 selector: '.aaBodyView',
104 111 theme: 'success',
105 112 currentController: 'TileViewListController',
106   - parentSlug: 'tile-view',
  113 + parentSlug: 'tile-view-list',
107 114 ajax: {
108 115 url: jsContentURL
109 116 },
... ... @@ -141,6 +148,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
141 148  
142 149 $scope.currentTitleFromJson = localStorage.getItem("currentViewTitle");
143 150 $("#modItemImage").attr('src', $rootScope.OpenItemImagePath);
  151 +
144 152  
145 153 //0.5 create canvas on the top of image so that I can draw a line over the canvas.
146 154 var canvas = document.createElement('canvas');
... ... @@ -155,9 +163,29 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
155 163  
156 164 //6. Show all pins on AA opened item
157 165 $scope.showAllPins();
  166 +
  167 + //7. Show all system body list in left side
  168 + $scope.selectBodySystem();
158 169 }
159 170 }, 1050);
160 171 }
  172 +
  173 + $scope.selectBodySystem = function()
  174 + {
  175 + $rootScope.bodySystemNames = $rootScope.bodySystemName.trim().split(/\s*,\s*/);
  176 + var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a");
  177 + var bodySystemListlength = bodySystemListObj.length;
  178 + for (var i = 0; i < bodySystemListlength; i++) {
  179 + //var boldTag = lis[i];
  180 + for (var j = 0; j < $rootScope.bodySystemNames.length; j++) {
  181 + if ((bodySystemListObj[i].innerHTML) == ($rootScope.bodySystemNames[j])) {
  182 + $("#" + i).removeClass("disabled");
  183 +
  184 + }
  185 + }
  186 +
  187 + }
  188 + }
161 189  
162 190 function loadFailure() {
163 191 console.log('unable to load opened module ietem');
... ... @@ -176,9 +204,10 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
176 204 });
177 205  
178 206 })
179   -
  207 +
180 208 $scope.showAllPins = function () {
181   -
  209 +
  210 +
182 211 var promise = ModuleService.getPinDataForImage($rootScope.imageName)
183 212  
184 213 .then(
... ... @@ -259,7 +288,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
259 288 var promise = ModuleService.loadModuleDataBasedOnModuleName($scope.moduleName)
260 289 .then(
261 290 function (result) {
262   - alert("mukul");
  291 +
263 292 // alert(JSON.stringify($scope.moduleLandingData));
264 293 $scope.moduleLandingData = result;
265 294 $scope.selectedAAListViewData = new jinqJs()
... ...
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
  View file @d925da1
1 1 
2 2 <div id="aaDetailPageDiv" class="bodyWrap row" ng-controller="TileViewListController">
3   -
  3 +
4 4 <!--<div class="col-sm-12 pageHeading">
5 5 <!--<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>-->
6 6 <!--<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 @@
11 11 <div class="tools pull-left" style="top:44px;">
12 12 <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
13 13 <div class="">
14   - <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>
  14 + <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>
15 15 <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>
16 16 <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>
  17 +
17 18 <div class="col-sm-6" title="Select System">
18 19 <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>
19   - <ul class="dropdown-menu" aria-labelledby="dropdownMenu221">
20   - <li><a href="#" title="Current Structure">All</a></li>
  20 +
  21 + <ul class="dropdown-menu" aria-labelledby="dropdownMenu221" id="bodySystemList">
  22 + <li ><a href="#" title="Current Structure">All</a></li>
21 23 <li role="separator" class="divider"></li>
22   - <li><a href="#" title="Cardiovascular">Cardiovascular</a></li>
23   - <li><a href="#" title="Digestive">Digestive</a></li>
24   - <li class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>
25   - <li class="disabled"><a href="#" title="Immune">Immune</a></li>
26   - <li class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>
27   - <li class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>
28   - <li><a href="#" title="Muscular">Muscular</a></li>
29   - <li class="disabled"><a href="#" title="Nervous">Nervous</a></li>
30   - <li class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>
31   - <li class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>
32   - <li><a href="#" title="Skeletal">Skeletal</a></li>
33   - <li class="disabled"><a href="#" title="Urinary">Urinary</a></li>
  24 + <li id="1" class="disabled"><a href="#" title="Cardiovascular">Cardiovascular</a></li>
  25 + <li id="2" class="disabled"><a href="#" title="Digestive">Digestive</a></li>
  26 + <li id="3" class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>
  27 + <li id="4" class="disabled"><a href="#" title="Immune">Immune</a></li>
  28 + <li id="5" class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>
  29 + <li id="6" class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>
  30 + <li id="7" class="disabled"><a href="#" title="Muscular">Muscular</a></li>
  31 + <li id="8" class="disabled"><a href="#" title="Nervous">Nervous</a></li>
  32 + <li id="9" class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>
  33 + <li id="10" class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>
  34 + <li id="11" class="disabled"><a href="#" title="Skeletal">Skeletal</a></li>
  35 + <li id="12" class="disabled" ><a href="#" title="Urinary">Urinary</a></li>
34 36 </ul>
35 37  
36   - </div>
  38 +</div>
37 39 <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>
38 40 </div>
39 41 <div class="pips-slider" style="margin-top:125px">
... ... @@ -71,7 +73,7 @@
71 73 </ul>
72 74 </div>
73 75 <div class="btn-group">
74   - <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')">
  76 + <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="navigatorMan">
75 77 <i class="fa fa-male"></i>
76 78 </button>
77 79 <ul class="dropdown-menu" style="min-width:auto;">
... ... @@ -88,13 +90,13 @@
88 90 <div class="container-fluid">
89 91 <div class="row">
90 92  
91   - <div class=" col-sm-12 img-thumbnail" id="imageDiv" style="height: 478px; overflow: scroll;">
92   - <img id="modItemImage" alt="" title="" style="left:0px;top:0px;position:absolute">
93   - <!--<div class="clearfix">
94   - <img id="modItemImage" ng-init="alert('hi')" alt="" title="" class="img-responsive">
95   - </div>
96   - <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="../../content/images/1000x600.jpg" alt="" title="" class="img-responsive"></div>
97   - <div class="clearfix"></div>-->
  93 + <div class=" col-sm-12 img-thumbnail" id="imageDiv" style="height: 478px; overflow: scroll;">
  94 + <img id="modItemImage" alt="" title="" style="left:0px;top:0px;position:absolute">
  95 + <!--<div class="clearfix">
  96 + <img id="modItemImage" ng-init="alert('hi')" alt="" title="" class="img-responsive">
  97 + </div>
  98 + <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="../../content/images/1000x600.jpg" alt="" title="" class="img-responsive"></div>
  99 + <div class="clearfix"></div>-->
98 100 </div>
99 101 </div>
100 102 </div>
... ... @@ -152,6 +154,9 @@
152 154 <script>
153 155 $(function () {
154 156 $("#draggable").draggable();
  157 +
  158 +
155 159 });
  160 +
156 161 </script>
157 162  
... ...