ADAM / AIAHTML5

Commit 7b28874827175cff69259d057401de0170bb6e32

Authored by unknown
1 parent 27193915

lGlobal > iPad > The drop-downs are not working in all the modules.

Inline Side-by-side
Showing 5 changed files with 342 additions and 280 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
  View file @7b28874
@@ -8465,7 +8465,14 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l @@ -8465,7 +8465,14 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l
8465 8465
8466 //body highlight options functinality 8466 //body highlight options functinality
8467 $scope.LoadBodySystemData = function () { 8467 $scope.LoadBodySystemData = function () {
8468 - 8468 + event.stopPropagation();
  8469 + $("#structureDropdown").toggle();
  8470 + $("#genderChangeId").css("display", "none");
  8471 + $("#viewID").css("display", "none");
  8472 + var $ua = navigator.userAgent;
  8473 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  8474 + $(".custom-tooltip").toggle();
  8475 + }
8469 var currentBodyViewId = $rootScope.voId; 8476 var currentBodyViewId = $rootScope.voId;
8470 var systemListHtml = '<ul class="dropdown-menu" aria-labelledby="dropdownMenu2"><li><a href="#" title="Current Structure">Current Structure</a></li> <li role="separator" class="divider"></li>' 8477 var systemListHtml = '<ul class="dropdown-menu" aria-labelledby="dropdownMenu2"><li><a href="#" title="Current Structure">Current Structure</a></li> <li role="separator" class="divider"></li>'
8471 var systemList = $rootScope.CommonData.DACommonData.BodySystems.Item; 8478 var systemList = $rootScope.CommonData.DACommonData.BodySystems.Item;
@@ -8493,8 +8500,21 @@ AIA.controller(&quot;DAController&quot;, [&quot;$scope&quot;, &quot;$rootScope&quot;, &quot;$compile&quot;, &quot;$http&quot;, &quot;$l @@ -8493,8 +8500,21 @@ AIA.controller(&quot;DAController&quot;, [&quot;$scope&quot;, &quot;$rootScope&quot;, &quot;$compile&quot;, &quot;$http&quot;, &quot;$l
8493 8500
8494 } 8501 }
8495 8502
8496 - $scope.HighlightBodyByBodySystem = function (event) { 8503 + angular.element(document).click(function () {
  8504 + $("#structureDropdown").css("display", "none");
  8505 + $("#genderChangeId").css("display", "none");
  8506 + $("#viewID").css("display", "none");
  8507 + var $ua = navigator.userAgent;
  8508 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  8509 + $(".custom-tooltip").css("display","none");
  8510 + $(".custom-tooltip1").css("display","none");
  8511 + $(".custom-tooltip2").css("display","none");
  8512 + }
  8513 +
  8514 + });
8497 8515
  8516 + $scope.HighlightBodyByBodySystem = function (event) {
  8517 + $("#structureDropdown").toggle();
8498 $scope.DisableUI(); 8518 $scope.DisableUI();
8499 8519
8500 //if listanager is visisble then close it 8520 //if listanager is visisble then close it
@@ -9872,3 +9892,26 @@ function onListManagerTermSelection(id, isTermListOptionClicked) { @@ -9872,3 +9892,26 @@ function onListManagerTermSelection(id, isTermListOptionClicked) {
9872 9892
9873 } 9893 }
9874 9894
  9895 +function genderChange(){
  9896 + event.stopPropagation();
  9897 + $("#structureDropdown").css("display", "none");
  9898 + $("#viewID").css("display", "none");
  9899 + $("#genderChangeId").toggle();
  9900 + var $ua = navigator.userAgent;
  9901 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  9902 + $(".custom-tooltip1").toggle();
  9903 + }
  9904 +}
  9905 +
  9906 +
  9907 +function viewChange() {
  9908 + event.stopPropagation();
  9909 + $("#structureDropdown").css("display", "none");
  9910 + $("#genderChangeId").css("display", "none");
  9911 + $("#viewID").toggle();
  9912 + var $ua = navigator.userAgent;
  9913 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  9914 + $(".custom-tooltip2").toggle();
  9915 + }
  9916 +
  9917 +}
9875 \ No newline at end of file 9918 \ No newline at end of file
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
  View file @7b28874
@@ -1815,6 +1815,20 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou @@ -1815,6 +1815,20 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
1815 } 1815 }
1816 } 1816 }
1817 1817
  1818 +
  1819 + angular.element(document).click(function () {
  1820 + $("#bodySystemList").css("display","none");
  1821 + var $ua = navigator.userAgent;
  1822 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  1823 + $(".custom-tooltip").css("display","none");
  1824 + }
  1825 + });
  1826 +
  1827 + //angulaar.element(document).click(function () {
  1828 + // $("#bodySystemList").css("display", "none");
  1829 + //});
  1830 +
  1831 +
1818 $scope.activePinOnSliderChange = function () { 1832 $scope.activePinOnSliderChange = function () {
1819 if ($scope.activePinArray.length == 1) { 1833 if ($scope.activePinArray.length == 1) {
1820 for (var i = 0; i <= $scope.allPinDataArray.length - 1; i++) { 1834 for (var i = 0; i <= $scope.allPinDataArray.length - 1; i++) {
@@ -2061,3 +2075,11 @@ function onZoom(scope) { @@ -2061,3 +2075,11 @@ function onZoom(scope) {
2061 } 2075 }
2062 2076
2063 2077
  2078 +function systemChange() {
  2079 + event.stopPropagation();
  2080 + $("#bodySystemList").toggle();
  2081 + var $ua = navigator.userAgent;
  2082 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  2083 + $(".custom-tooltip").toggle();
  2084 + }
  2085 +}
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
  View file @7b28874
1 -๏ปฟ<style>  
2 - .canvas-annotationStyle {  
3 - display: none;  
4 - background-color: transparent;  
5 - z-index: 12001;  
6 - position: absolute;  
7 - left: 0;  
8 - right: 0;  
9 - }  
10 -  
11 - .canvas-annotationStyle1 {  
12 - display: none;  
13 - background-color: transparent;  
14 - z-index: 12000;  
15 - position: absolute;  
16 - left: 0;  
17 - right: 0;  
18 - }  
19 -  
20 - /*.active {  
21 - margin-left: 15px !important;  
22 - }*/  
23 -  
24 - .tools1 {  
25 - left: -96px;  
26 - }  
27 -  
28 - .tooltip-custom + .tooltip > .tooltip-inner {  
29 - background-color: #fff;  
30 - border: 1px solid #000;  
31 - color: #000;  
32 - border-radius: 0;  
33 - }  
34 -  
35 - .tooltip-custom + .tooltip > .tooltip-arrow {  
36 - display: none;  
37 - }  
38 -  
39 -  
40 - .custom-tooltip {  
41 - background-color: #333;  
42 - border: 0 none;  
43 - color: #fff !important;  
44 - left: -52px;  
45 - /*opacity: 0.9;*/  
46 - padding: 7px;  
47 - position: absolute;  
48 - text-align: center;  
49 - top: 45px;  
50 - width: 120px;  
51 - display: none;  
52 - z-index: 120000;  
53 - border: 1px solid #000;  
54 - color: #000;  
55 - border-radius: 0;  
56 - }  
57 -  
58 - .pad0 {  
59 - padding: 0;  
60 - }  
61 -</style>  
62 -<div id="aaDetailPageDiv" class="bodyWrap row" ng-controller="TileViewListController">  
63 -  
64 - <!--<div class="col-sm-12 pageHeading">  
65 - <!--<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>-->  
66 - <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->  
67 - <!--<h4 class="pull-left">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</h4>-->  
68 - <!--<div class="pull-right btn-group paddTop4 hidden-xs"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>  
69 - <div class="clearfix"></div>-->  
70 - <!--</div>-->  
71 - <div class="tools pull-left" style="top:44px;">  
72 - <div class="toggle-icon toggleBar toggleHeadingButton" id="sideBarToggle" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>  
73 - <div class="sprit-icon">  
74 - <div class="col-sm-6"><button onclick="hidePins(event)" id="hidePinBtn" class="btn btn-black btn-sm tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Hide Pins"></button> </div>  
75 - <div class="col-sm-6"><button class="btn btn-black btn-sm pull-right tooltip-custom" id="selectedPin" onclick="showSelectedPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show Selected Pins"></button></div>  
76 - <div class="col-sm-6"><button class="btn btn-primary btn-sm marginTop5 tooltip-custom" id="allPinBtn" onclick="showAllPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show All Pins in System(s)"></button></div>  
77 - <div class="col-sm-6">  
78 - <div class="custom-tooltip">Select System</div>  
79 - <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"></button>  
80 - <ul class="dropdown-menu" aria-labelledby="dropdownMenu221" id="bodySystemList">  
81 - <li><a id="0" href="#" title="Current Structure" onclick="showSelectedSystemPins(event)">All</a></li>  
82 - <li role="separator" class="divider"></li>  
83 - <li class="disabledSelectedSystem"><a id="1" href="#" title="Cardiovascular" onclick="showSelectedSystemPins(event)">Cardiovascular</a></li>  
84 - <li class="disabledSelectedSystem"><a id="2" href="#" title="Digestive" onclick="showSelectedSystemPins(event)">Digestive</a></li>  
85 - <li class="disabledSelectedSystem"><a id="3" href="#" title="Endocrine" onclick="showSelectedSystemPins(event)">Endocrine</a></li>  
86 - <li class="disabledSelectedSystem"><a id="4" href="#" title="Immune" onclick="showSelectedSystemPins(event)">Immune</a></li>  
87 - <li class="disabledSelectedSystem"><a id="5" href="#" title="Integumentary" onclick="showSelectedSystemPins(event)">Integumentary</a></li>  
88 - <li class="disabledSelectedSystem"><a id="6" href="#" title="Lymphatic" onclick="showSelectedSystemPins(event)">Lymphatic</a></li>  
89 - <li class="disabledSelectedSystem"><a id="7" href="#" title="Muscular" onclick="showSelectedSystemPins(event)">Muscular</a></li>  
90 - <li class="disabledSelectedSystem"><a id="8" href="#" title="Nervous" onclick="showSelectedSystemPins(event)">Nervous</a></li>  
91 - <li class="disabledSelectedSystem"><a id="9" href="#" title="Reproductive" onclick="showSelectedSystemPins(event)">Reproductive</a></li>  
92 - <li class="disabledSelectedSystem"><a id="10" href="#" title="Respiratory" onclick="showSelectedSystemPins(event)">Respiratory</a></li>  
93 - <li class="disabledSelectedSystem"><a id="11" href="#" title="Skeletal" onclick="showSelectedSystemPins(event)">Skeletal</a></li>  
94 - <li class="disabledSelectedSystem"><a id="12" href="#" title="Urinary" onclick="showSelectedSystemPins(event)">Urinary</a></li>  
95 - </ul>  
96 - </div>  
97 - <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" id="comment-box"></button> </div>  
98 - </div>  
99 - <div class="pips-slider" style="margin-top:125px">  
100 - <h3>Zoom <i class="fa fa-search-plus"></i></h3>  
101 - <div class="slider" id="vertical-slider"></div>  
102 - </div>  
103 - </div>  
104 -  
105 - <div class="main2">  
106 - <div class="col-sm-12 stickey-area">  
107 - <div class="breadcrumb">  
108 - <div class="">  
109 - <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">  
110 - <!--<input class="form-control input-sm " type="text" placeholder="Anterior cutaneous branch of first intercostal nerve">-->  
111 - <!--<select class="form-control input-sm ">  
112 - <option>---Select---</option>  
113 - <option selected>Anterior cutaneous branch of first intercostal nerve</option>  
114 - <option>Anterior cutaneous branch of second intercostal nerve</option>  
115 - <option>Anterior cutaneous branch of third intercostal nerve</option>  
116 - <option>Anterior intercostal artery</option>  
117 - <option>Anterior intercostal vein</option>  
118 - </select>-->  
119 - <!--<div class="input-group-addon btn btn-primary btn-sm"></div>-->  
120 - <input type="text" class="form-control input-sm pull-left" id="selectedTermName" onclick="onSearchAA()" ondblclick="onSearchAA()" onblur="hideSearchList()" ng-model="searchFilter" placeholder=" search...">  
121 -  
122 - <div id="backdrop" ng-show="IsSearchVisible">  
123 - <div id="searchListDivAA" class="col-sm-12 col-xs-12 col-md-12 col-lg-12 pull-left">  
124 - <ul id="termlistfilter" class="form-control dropdown-menu" style="height:90px;width:100%;overflow-y:scroll;position:absolute;display:none;z-index:60001;"></ul>  
125 - </div>  
126 - </div>  
127 - </div>  
128 - &nbsp;  
129 - <!-- Single button -->  
130 - <div class="btn-group pull-left" style="vertical-align:top;">  
131 -  
132 - <button type="button" style="padding: 5px 10px 4px 10px !important;border: none;" class="btn btn-success btn-sm" onclick="onSearchAA()" onblur="hideSearchList()">  
133 - <!--<img src="~/../content/images/DA/go-to.png" style="height: 30px;width:50px">-->  
134 - <i class="fa fa-caret-down" style="font-size:20px;"></i>  
135 - </button>  
136 -  
137 -  
138 - <!--<button type="button" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">  
139 - <i class="fa fa-arrow-circle-right"></i>  
140 - </button>-->  
141 - <!--<ul class="dropdown-menu">  
142 - <li><a href="#">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</a></li>  
143 - <li role="separator" class="divider"></li>  
144 - <li><a href="#">All</a></li>  
145 - </ul>-->  
146 - </div>  
147 - <!--<div class="btn-group">  
148 - <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="navigatorMan">  
149 - <i class="fa fa-male"></i>  
150 - </button>  
151 - <ul class="dropdown-menu" style="min-width:auto;">  
152 - <li><img src="{navImg}"class="img-responsive"></li>  
153 - </ul>  
154 - </div>-->  
155 -  
156 -  
157 - <div class="btn-group open" id="da-body-nav">  
158 - <button id="navigatorBtn" type="button" style="padding:0px 0px 10px 1px !important;background-color:rgba(255,255,255,0.0); border:none;" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">  
159 - <img src="~/../content/images/DA/navigator-view.png" style="height:30px; width:50px" />  
160 - </button>  
161 -  
162 - <div class="dropdown-menu" id="navigatorDiv" style="min-height: auto; min-width: auto; margin-left: 15px !important;">  
163 - <div id="containment-wrapper" align="center" style="min-width:auto;height:119px; ">  
164 - <img id="navimg" alt="" />  
165 - <div id="draggable" class="draggable ui-widget-content" ng-mouseup="ScrollCanvasDiv()" ng-style="dragdivposition">  
166 - </div>  
167 - </div>  
168 -  
169 - </div>  
170 - </div>  
171 -  
172 -  
173 - </div>  
174 - </div>  
175 - </div>  
176 - <!--<img id="scream" width="220" height="277" src="~/../../../content/images/noraml-pin.png" style="visibility:hidden" alt="The Scream">-->  
177 - <!--<img src="../../../content/images/noraml-pin.png" style="visibility:hidden" id="normal-pin"/>-->  
178 - <div class="col-sm-12">  
179 - <div class="container-fluid">  
180 - <div class="row">  
181 -  
182 - <div class=" col-sm-12 img-thumbnail canvasDivClass" id="canvasDiv" style="overflow: scroll;">  
183 - <canvas id="canvasPaint" ng-click="FreeStylePaint($event)" width="2277" height="725" class="canvas-annotationStyle1"></canvas>  
184 - <canvas id="canvas" ng-click="onDrawingCanvasClick($event)" width="2277" height="725" class="canvas-annotationStyle"></canvas>  
185 -  
186 - <img id="modItemImage" alt="" title="" style="left:0px;top:0px;position:absolute">  
187 - <!--<div class="clearfix">  
188 -  
189 - <img id="modItemImage" ng-init="alert('hi')" alt="" title="" class="img-responsive">  
190 - </div>  
191 - <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="../../content/images/1000x600.jpg" alt="" title="" class="img-responsive"></div>  
192 - <div class="clearfix"></div>-->  
193 - </div>  
194 - </div>  
195 - </div>  
196 -  
197 -  
198 - </div>  
199 -  
200 - </div>  
201 -</div>  
202 -<script>  
203 - $(window).load(function () {  
204 - $(".stickey-area").sticky();  
205 - });  
206 -</script>  
207 -<script>  
208 - $(".tooltip-custom").tooltip({  
209 - tooltipClass: 'customTooltip'  
210 - });  
211 -</script>  
212 -<script>  
213 - $(function () {  
214 -  
215 - $("#dropdownMenu221").mouseover(function () {  
216 - $(".custom-tooltip").css("display", "block");  
217 - });  
218 - $("#dropdownMenu221").mouseout(function () {  
219 - $(".custom-tooltip").css("display", "none");  
220 - });  
221 - });  
222 -</script>  
223 -  
224 -<script>  
225 - var isSideBarBtnClicked = true;  
226 - $(document).ready(function () {  
227 - $('[data-toggle="tooltip"]').tooltip();  
228 - $("#sideBarToggle").click(function () {  
229 - if (isSideBarBtnClicked == true) {  
230 - $(".main2").addClass("active");  
231 - $(".tools").addClass("tools1");  
232 - isSideBarBtnClicked = false;  
233 -  
234 - }  
235 - else {  
236 - $(".main2").removeClass("active");  
237 - $(".tools").removeClass("tools1");  
238 - isSideBarBtnClicked = true;  
239 - }  
240 -  
241 - });  
242 - });  
243 -</script>  
244 -  
245 -  
246 -<script>  
247 - $(function () {  
248 - $("#draggable").draggable();  
249 - });  
250 -</script> 1 +๏ปฟ<style>
  2 + .canvas-annotationStyle {
  3 + display: none;
  4 + background-color: transparent;
  5 + z-index: 12001;
  6 + position: absolute;
  7 + left: 0;
  8 + right: 0;
  9 + }
  10 +
  11 + .canvas-annotationStyle1 {
  12 + display: none;
  13 + background-color: transparent;
  14 + z-index: 12000;
  15 + position: absolute;
  16 + left: 0;
  17 + right: 0;
  18 + }
  19 +
  20 + /*.active {
  21 + margin-left: 15px !important;
  22 + }*/
  23 +
  24 + .tools1 {
  25 + left: -96px;
  26 + }
  27 +
  28 + .tooltip-custom + .tooltip > .tooltip-inner {
  29 + background-color: #fff;
  30 + border: 1px solid #000;
  31 + color: #000;
  32 + border-radius: 0;
  33 + }
  34 +
  35 + .tooltip-custom + .tooltip > .tooltip-arrow {
  36 + display: none;
  37 + }
  38 +
  39 +
  40 + .custom-tooltip {
  41 + background-color: #333;
  42 + border: 0 none;
  43 + color: #fff !important;
  44 + left: -52px;
  45 + /*opacity: 0.9;*/
  46 + padding: 7px;
  47 + position: absolute;
  48 + text-align: center;
  49 + top: 45px;
  50 + width: 120px;
  51 + display: none;
  52 + z-index: 10000;
  53 + border: 1px solid #000;
  54 + color: #000;
  55 + border-radius: 0;
  56 + }
  57 +
  58 + .pad0 {
  59 + padding: 0;
  60 + }
  61 +</style>
  62 +<div id="aaDetailPageDiv" class="bodyWrap row" ng-controller="TileViewListController">
  63 +
  64 + <!--<div class="col-sm-12 pageHeading">
  65 + <!--<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>-->
  66 + <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->
  67 + <!--<h4 class="pull-left">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</h4>-->
  68 + <!--<div class="pull-right btn-group paddTop4 hidden-xs"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>
  69 + <div class="clearfix"></div>-->
  70 + <!--</div>-->
  71 + <div class="tools pull-left" style="top:44px;">
  72 + <div class="toggle-icon toggleBar toggleHeadingButton" id="sideBarToggle" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
  73 + <div class="sprit-icon">
  74 + <div class="col-sm-6"><button onclick="hidePins(event)" id="hidePinBtn" class="btn btn-black btn-sm tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Hide Pins"></button> </div>
  75 + <div class="col-sm-6"><button class="btn btn-black btn-sm pull-right tooltip-custom" id="selectedPin" onclick="showSelectedPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show Selected Pins"></button></div>
  76 + <div class="col-sm-6"><button class="btn btn-primary btn-sm marginTop5 tooltip-custom" id="allPinBtn" onclick="showAllPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show All Pins in System(s)"></button></div>
  77 + <div class="col-sm-6">
  78 + <div class="custom-tooltip">Select System</div>
  79 + <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" onclick="systemChange()"></button>
  80 + <ul class="dropdown-menu" id="bodySystemList">
  81 + <li><a id="0" href="#" title="Current Structure" onclick="showSelectedSystemPins(event)">All</a></li>
  82 + <li role="separator" class="divider"></li>
  83 + <li class="disabledSelectedSystem"><a id="1" href="#" title="Cardiovascular" onclick="showSelectedSystemPins(event)">Cardiovascular</a></li>
  84 + <li class="disabledSelectedSystem"><a id="2" href="#" title="Digestive" onclick="showSelectedSystemPins(event)">Digestive</a></li>
  85 + <li class="disabledSelectedSystem"><a id="3" href="#" title="Endocrine" onclick="showSelectedSystemPins(event)">Endocrine</a></li>
  86 + <li class="disabledSelectedSystem"><a id="4" href="#" title="Immune" onclick="showSelectedSystemPins(event)">Immune</a></li>
  87 + <li class="disabledSelectedSystem"><a id="5" href="#" title="Integumentary" onclick="showSelectedSystemPins(event)">Integumentary</a></li>
  88 + <li class="disabledSelectedSystem"><a id="6" href="#" title="Lymphatic" onclick="showSelectedSystemPins(event)">Lymphatic</a></li>
  89 + <li class="disabledSelectedSystem"><a id="7" href="#" title="Muscular" onclick="showSelectedSystemPins(event)">Muscular</a></li>
  90 + <li class="disabledSelectedSystem"><a id="8" href="#" title="Nervous" onclick="showSelectedSystemPins(event)">Nervous</a></li>
  91 + <li class="disabledSelectedSystem"><a id="9" href="#" title="Reproductive" onclick="showSelectedSystemPins(event)">Reproductive</a></li>
  92 + <li class="disabledSelectedSystem"><a id="10" href="#" title="Respiratory" onclick="showSelectedSystemPins(event)">Respiratory</a></li>
  93 + <li class="disabledSelectedSystem"><a id="11" href="#" title="Skeletal" onclick="showSelectedSystemPins(event)">Skeletal</a></li>
  94 + <li class="disabledSelectedSystem"><a id="12" href="#" title="Urinary" onclick="showSelectedSystemPins(event)">Urinary</a></li>
  95 + </ul>
  96 + </div>
  97 + <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" id="comment-box"></button> </div>
  98 + </div>
  99 + <div class="pips-slider" style="margin-top:125px">
  100 + <h3>Zoom <i class="fa fa-search-plus"></i></h3>
  101 + <div class="slider" id="vertical-slider"></div>
  102 + </div>
  103 + </div>
  104 +
  105 + <div class="main2">
  106 + <div class="col-sm-12 stickey-area">
  107 + <div class="breadcrumb">
  108 + <div class="">
  109 + <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
  110 + <!--<input class="form-control input-sm " type="text" placeholder="Anterior cutaneous branch of first intercostal nerve">-->
  111 + <!--<select class="form-control input-sm ">
  112 + <option>---Select---</option>
  113 + <option selected>Anterior cutaneous branch of first intercostal nerve</option>
  114 + <option>Anterior cutaneous branch of second intercostal nerve</option>
  115 + <option>Anterior cutaneous branch of third intercostal nerve</option>
  116 + <option>Anterior intercostal artery</option>
  117 + <option>Anterior intercostal vein</option>
  118 + </select>-->
  119 + <!--<div class="input-group-addon btn btn-primary btn-sm"></div>-->
  120 + <input type="text" class="form-control input-sm pull-left" id="selectedTermName" onclick="onSearchAA()" ondblclick="onSearchAA()" onblur="hideSearchList()" ng-model="searchFilter" placeholder=" search...">
  121 +
  122 + <div id="backdrop" ng-show="IsSearchVisible">
  123 + <div id="searchListDivAA" class="col-sm-12 col-xs-12 col-md-12 col-lg-12 pull-left">
  124 + <ul id="termlistfilter" class="form-control dropdown-menu" style="height:90px;width:100%;overflow-y:scroll;position:absolute;display:none;z-index:60001;"></ul>
  125 + </div>
  126 + </div>
  127 + </div>
  128 + &nbsp;
  129 + <!-- Single button -->
  130 + <div class="btn-group pull-left" style="vertical-align:top;">
  131 +
  132 + <button type="button" style="padding: 5px 10px 4px 10px !important;border: none;" class="btn btn-success btn-sm" onclick="onSearchAA()" onblur="hideSearchList()">
  133 + <!--<img src="~/../content/images/DA/go-to.png" style="height: 30px;width:50px">-->
  134 + <i class="fa fa-caret-down" style="font-size:20px;"></i>
  135 + </button>
  136 +
  137 +
  138 + <!--<button type="button" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  139 + <i class="fa fa-arrow-circle-right"></i>
  140 + </button>-->
  141 + <!--<ul class="dropdown-menu">
  142 + <li><a href="#">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</a></li>
  143 + <li role="separator" class="divider"></li>
  144 + <li><a href="#">All</a></li>
  145 + </ul>-->
  146 + </div>
  147 + <!--<div class="btn-group">
  148 + <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="navigatorMan">
  149 + <i class="fa fa-male"></i>
  150 + </button>
  151 + <ul class="dropdown-menu" style="min-width:auto;">
  152 + <li><img src="{navImg}"class="img-responsive"></li>
  153 + </ul>
  154 + </div>-->
  155 +
  156 +
  157 + <div class="btn-group open" id="da-body-nav">
  158 + <button id="navigatorBtn" type="button" style="padding:0px 0px 10px 1px !important;background-color:rgba(255,255,255,0.0); border:none;" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  159 + <img src="~/../content/images/DA/navigator-view.png" style="height:30px; width:50px" />
  160 + </button>
  161 +
  162 + <div class="dropdown-menu" id="navigatorDiv" style="min-height: auto; min-width: auto; margin-left: 15px !important;">
  163 + <div id="containment-wrapper" align="center" style="min-width:auto;height:119px; ">
  164 + <img id="navimg" alt="" />
  165 + <div id="draggable" class="draggable ui-widget-content" ng-mouseup="ScrollCanvasDiv()" ng-style="dragdivposition">
  166 + </div>
  167 + </div>
  168 +
  169 + </div>
  170 + </div>
  171 +
  172 +
  173 + </div>
  174 + </div>
  175 + </div>
  176 + <!--<img id="scream" width="220" height="277" src="~/../../../content/images/noraml-pin.png" style="visibility:hidden" alt="The Scream">-->
  177 + <!--<img src="../../../content/images/noraml-pin.png" style="visibility:hidden" id="normal-pin"/>-->
  178 + <div class="col-sm-12">
  179 + <div class="container-fluid">
  180 + <div class="row">
  181 +
  182 + <div class=" col-sm-12 img-thumbnail canvasDivClass" id="canvasDiv" style="overflow: scroll;">
  183 + <canvas id="canvasPaint" ng-click="FreeStylePaint($event)" width="2277" height="725" class="canvas-annotationStyle1"></canvas>
  184 + <canvas id="canvas" ng-click="onDrawingCanvasClick($event)" width="2277" height="725" class="canvas-annotationStyle"></canvas>
  185 +
  186 + <img id="modItemImage" alt="" title="" style="left:0px;top:0px;position:absolute">
  187 + <!--<div class="clearfix">
  188 +
  189 + <img id="modItemImage" ng-init="alert('hi')" alt="" title="" class="img-responsive">
  190 + </div>
  191 + <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="../../content/images/1000x600.jpg" alt="" title="" class="img-responsive"></div>
  192 + <div class="clearfix"></div>-->
  193 + </div>
  194 + </div>
  195 + </div>
  196 +
  197 +
  198 + </div>
  199 +
  200 + </div>
  201 +</div>
  202 +<script>
  203 + $(window).load(function () {
  204 + $(".stickey-area").sticky();
  205 + });
  206 +</script>
  207 +<script>
  208 + $(".tooltip-custom").tooltip({
  209 + tooltipClass: 'customTooltip'
  210 + });
  211 +</script>
  212 +<script>
  213 + $(function () {
  214 + var $ua = navigator.userAgent;
  215 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  216 +
  217 + }
  218 + else
  219 + {
  220 + $("#dropdownMenu221").mouseover(function () {
  221 + $(".custom-tooltip").css("display", "block");
  222 + });
  223 + $("#dropdownMenu221").mouseout(function () {
  224 + $(".custom-tooltip").css("display", "none");
  225 + });
  226 + }
  227 +
  228 + });
  229 +</script>
  230 +
  231 +<script>
  232 + var isSideBarBtnClicked = true;
  233 + $(document).ready(function () {
  234 + $('[data-toggle="tooltip"]').tooltip();
  235 + $("#sideBarToggle").click(function () {
  236 + if (isSideBarBtnClicked == true) {
  237 + $(".main2").addClass("active");
  238 + $(".tools").addClass("tools1");
  239 + isSideBarBtnClicked = false;
  240 +
  241 + }
  242 + else {
  243 + $(".main2").removeClass("active");
  244 + $(".tools").removeClass("tools1");
  245 + isSideBarBtnClicked = true;
  246 + }
  247 +
  248 + });
  249 + });
  250 +</script>
  251 +
  252 +
  253 +<script>
  254 + $(function () {
  255 + $("#draggable").draggable();
  256 + });
  257 +</script>
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
  View file @7b28874
@@ -166,8 +166,8 @@ @@ -166,8 +166,8 @@
166 166
167 <div class="col-xs-6 dropdown hover-tool"> 167 <div class="col-xs-6 dropdown hover-tool">
168 <div class="custom-tooltip">Highlight Options</div> 168 <div class="custom-tooltip">Highlight Options</div>
169 - <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" ng-click="LoadBodySystemData()"><img src="content/images/icon-highlight.png" alt="" title=""></button>  
170 - <ul class="dropdown-menu" aria-labelledby="dropdownMenu2"> 169 + <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu2" ng-click="LoadBodySystemData()"><img src="content/images/icon-highlight.png" alt="" title=""></button>
  170 + <ul class="dropdown-menu" id="structureDropdown">
171 <li ng-class="CurrentStructure" ><a href="#" title="Current Structure" 171 <li ng-class="CurrentStructure" ><a href="#" title="Current Structure"
172 ng-click="removeBodySyetemSelectionClass('CurrentStructure')">Current Structure</a></li> 172 ng-click="removeBodySyetemSelectionClass('CurrentStructure')">Current Structure</a></li>
173 173
@@ -205,8 +205,8 @@ @@ -205,8 +205,8 @@
205 <div class="col-xs-12 pad0"> 205 <div class="col-xs-12 pad0">
206 <div class="col-xs-6 hover-gender-tool" ng-init="switchGender()"> 206 <div class="col-xs-6 hover-gender-tool" ng-init="switchGender()">
207 <div class=" custom-tooltip1">Gender</div> 207 <div class=" custom-tooltip1">Gender</div>
208 - <button class="btn btn-black btn-sm marginTop5 dropdown-toggle" type="button" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class=" fa fa-intersex font16"></i></button>  
209 - <ul class="dropdown-menu" aria-labelledby="dropdownMenu3"> 208 + <button class="btn btn-black btn-sm marginTop5 dropdown-toggle" type="button" id="dropdownMenu4" onclick="genderChange()"> <i class=" fa fa-intersex font16"></i></button>
  209 + <ul class="dropdown-menu" id="genderChangeId">
210 <li ng-class="male"> 210 <li ng-class="male">
211 <!--<button type="button" id="btnMale" onclick="OnGenderChange('Male')" class="btn btn-link" >Male</button>--> 211 <!--<button type="button" id="btnMale" onclick="OnGenderChange('Male')" class="btn btn-link" >Male</button>-->
212 <a href="#" title="Male" onclick="OnGenderChange(event)">Male</a> 212 <a href="#" title="Male" onclick="OnGenderChange(event)">Male</a>
@@ -224,8 +224,8 @@ @@ -224,8 +224,8 @@
224 224
225 <div class="col-xs-6 tooltip-View-custom"> 225 <div class="col-xs-6 tooltip-View-custom">
226 <div class="custom-tooltip2">View</div> 226 <div class="custom-tooltip2">View</div>
227 - <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="content/images/view.png" alt="" title=""></button>  
228 - <ul class="dropdown-menu" aria-labelledby="dropdownMenu3"> 227 + <button class="btn btn-black btn-sm pull-right marginTop5" type="button" id="dropdownMenu3" onclick="viewChange()"><img src="content/images/view.png" alt="" title=""></button>
  228 + <ul class="dropdown-menu" id="viewID">
229 <!--<li ng-class="AnteriorView"><a href="#" title="Anterior" ng-click="OnViewChange($event)">Anterior</a></li> 229 <!--<li ng-class="AnteriorView"><a href="#" title="Anterior" ng-click="OnViewChange($event)">Anterior</a></li>
230 <li ng-class="LateralView"><a href="#" title="Lateral" ng-click="OnViewChange($event)">Lateral</a></li> 230 <li ng-class="LateralView"><a href="#" title="Lateral" ng-click="OnViewChange($event)">Lateral</a></li>
231 <li ng-class="MedialView"><a href="#" title="Medial" ng-click="OnViewChange($event)">Medial</a></li> 231 <li ng-class="MedialView"><a href="#" title="Medial" ng-click="OnViewChange($event)">Medial</a></li>
@@ -497,7 +497,12 @@ @@ -497,7 +497,12 @@
497 </script> 497 </script>
498 <script> 498 <script>
499 $(function () { 499 $(function () {
  500 + var $ua = navigator.userAgent;
  501 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
500 502
  503 + }
  504 + else
  505 + {
501 $("#dropdownMenu2").mouseover(function () { 506 $("#dropdownMenu2").mouseover(function () {
502 $(".custom-tooltip").css("display", "block"); 507 $(".custom-tooltip").css("display", "block");
503 }); 508 });
@@ -518,7 +523,7 @@ @@ -518,7 +523,7 @@
518 $("#dropdownMenu3").mouseout(function () { 523 $("#dropdownMenu3").mouseout(function () {
519 $(".custom-tooltip2").css("display", "none"); 524 $(".custom-tooltip2").css("display", "none");
520 }); 525 });
521 - 526 + }
522 527
523 }); 528 });
524 </script> 529 </script>
400-SOURCECODE/AIAHTML5.Web/themes/default/scripts/bootstrap/3.3.5/bootstrap.js
  View file @7b28874
@@ -629,28 +629,13 @@ if (typeof jQuery === &#39;undefined&#39;) { @@ -629,28 +629,13 @@ if (typeof jQuery === &#39;undefined&#39;) {
629 629
630 // APPLY TO STANDARD DROPDOWN ELEMENTS 630 // APPLY TO STANDARD DROPDOWN ELEMENTS
631 // =================================== 631 // ===================================
632 - var $ua = navigator.userAgent;  
633 - if (($ua.match(/(iPod|iPhone|iPad)/i))) {  
634 - $(document)  
635 - .on('click.bs.dropdown.data-api', clearMenus)  
636 - .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })  
637 - .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)  
638 - .on('touchstart.bs.dropdown.data-api', clearMenus)  
639 - .on('touchstart.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })  
640 - .on('touchstart.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)  
641 - .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)  
642 - .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)  
643 -}  
644 -else  
645 -{  
646 - $(document)  
647 - .on('click.bs.dropdown.data-api', clearMenus)  
648 - .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })  
649 - .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)  
650 - .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)  
651 - .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)  
652 -}  
653 632
  633 + $(document)
  634 + .on('click.bs.dropdown.data-api', clearMenus)
  635 + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
  636 + .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
  637 + .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
  638 + .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)
654 }(jQuery); 639 }(jQuery);
655 640
656 /* ======================================================================== 641 /* ========================================================================