Commit 23aef373614a28dfa753d98e1be9908af9925588

Authored by Nikita Kulshreshtha
2 parents 22fa7186 d6828313
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -8487,7 +8487,14 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l @@ -8487,7 +8487,14 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l
8487 8487
8488 //body highlight options functinality 8488 //body highlight options functinality
8489 $scope.LoadBodySystemData = function () { 8489 $scope.LoadBodySystemData = function () {
8490 - 8490 + event.stopPropagation();
  8491 + $("#structureDropdown").toggle();
  8492 + $("#genderChangeId").css("display", "none");
  8493 + $("#viewID").css("display", "none");
  8494 + var $ua = navigator.userAgent;
  8495 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  8496 + $(".custom-tooltip").toggle();
  8497 + }
8491 var currentBodyViewId = $rootScope.voId; 8498 var currentBodyViewId = $rootScope.voId;
8492 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>' 8499 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>'
8493 var systemList = $rootScope.CommonData.DACommonData.BodySystems.Item; 8500 var systemList = $rootScope.CommonData.DACommonData.BodySystems.Item;
@@ -8515,8 +8522,21 @@ AIA.controller(&quot;DAController&quot;, [&quot;$scope&quot;, &quot;$rootScope&quot;, &quot;$compile&quot;, &quot;$http&quot;, &quot;$l @@ -8515,8 +8522,21 @@ AIA.controller(&quot;DAController&quot;, [&quot;$scope&quot;, &quot;$rootScope&quot;, &quot;$compile&quot;, &quot;$http&quot;, &quot;$l
8515 8522
8516 } 8523 }
8517 8524
8518 - $scope.HighlightBodyByBodySystem = function (event) { 8525 + angular.element(document).click(function () {
  8526 + $("#structureDropdown").css("display", "none");
  8527 + $("#genderChangeId").css("display", "none");
  8528 + $("#viewID").css("display", "none");
  8529 + var $ua = navigator.userAgent;
  8530 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  8531 + $(".custom-tooltip").css("display","none");
  8532 + $(".custom-tooltip1").css("display","none");
  8533 + $(".custom-tooltip2").css("display","none");
  8534 + }
  8535 +
  8536 + });
8519 8537
  8538 + $scope.HighlightBodyByBodySystem = function (event) {
  8539 + $("#structureDropdown").toggle();
8520 $scope.DisableUI(); 8540 $scope.DisableUI();
8521 8541
8522 //if listanager is visisble then close it 8542 //if listanager is visisble then close it
@@ -9894,3 +9914,26 @@ function onListManagerTermSelection(id, isTermListOptionClicked) { @@ -9894,3 +9914,26 @@ function onListManagerTermSelection(id, isTermListOptionClicked) {
9894 9914
9895 } 9915 }
9896 9916
  9917 +function genderChange(){
  9918 + event.stopPropagation();
  9919 + $("#structureDropdown").css("display", "none");
  9920 + $("#viewID").css("display", "none");
  9921 + $("#genderChangeId").toggle();
  9922 + var $ua = navigator.userAgent;
  9923 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  9924 + $(".custom-tooltip1").toggle();
  9925 + }
  9926 +}
  9927 +
  9928 +
  9929 +function viewChange() {
  9930 + event.stopPropagation();
  9931 + $("#structureDropdown").css("display", "none");
  9932 + $("#genderChangeId").css("display", "none");
  9933 + $("#viewID").toggle();
  9934 + var $ua = navigator.userAgent;
  9935 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  9936 + $(".custom-tooltip2").toggle();
  9937 + }
  9938 +
  9939 +}
400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js
@@ -400,7 +400,14 @@ function ($scope, $rootScope, pages, log, $http,$timeout, DataService, $filter, @@ -400,7 +400,14 @@ function ($scope, $rootScope, pages, log, $http,$timeout, DataService, $filter,
400 $scope.handleDragStart = function (e) { 400 $scope.handleDragStart = function (e) {
401 401
402 this.style.opacity = '0.4'; 402 this.style.opacity = '0.4';
403 - e.dataTransfer.setData('text/plain', this.innerHTML); 403 + if ($.browser.msie) {
  404 + localStorage.setItem("text", this.innerHTML);
  405 + }
  406 + else
  407 + {
  408 + e.dataTransfer.setData('text/plain', this.innerHTML);
  409 + }
  410 +
404 $scope.dragableId = $(this).attr("Id"); 411 $scope.dragableId = $(this).attr("Id");
405 // alert($scope.dragableId); 412 // alert($scope.dragableId);
406 $scope.dragableText = $("#" + $scope.dragableId).text(); 413 $scope.dragableText = $("#" + $scope.dragableId).text();
@@ -462,9 +469,14 @@ function ($scope, $rootScope, pages, log, $http,$timeout, DataService, $filter, @@ -462,9 +469,14 @@ function ($scope, $rootScope, pages, log, $http,$timeout, DataService, $filter,
462 //console.log($rootScope.selectedDivArray); 469 //console.log($rootScope.selectedDivArray);
463 470
464 var keywords = $location.search(); 471 var keywords = $location.search();
465 - $scope.labExercideIdentifier = (keywords.labexercise.replace('.json', '')).split('dat_')[1];  
466 -  
467 - var dataText = e.dataTransfer.getData('text/plain'); 472 + if ($.browser.msie) {
  473 + dataText = localStorage.getItem("text");
  474 + localStorage.setItem("text", '');
  475 + }
  476 + else {
  477 + var dataText = e.dataTransfer.getData('text/plain');
  478 + }
  479 +
468 if (id == "divoptions" || id == "divleft" || id == "divright") { 480 if (id == "divoptions" || id == "divleft" || id == "divright") {
469 481
470 var item = $('#' + $scope.dragableId).html(); 482 var item = $('#' + $scope.dragableId).html();
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
@@ -1887,6 +1887,20 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou @@ -1887,6 +1887,20 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
1887 } 1887 }
1888 } 1888 }
1889 1889
  1890 +
  1891 + angular.element(document).click(function () {
  1892 + $("#bodySystemList").css("display","none");
  1893 + var $ua = navigator.userAgent;
  1894 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  1895 + $(".custom-tooltip").css("display","none");
  1896 + }
  1897 + });
  1898 +
  1899 + //angulaar.element(document).click(function () {
  1900 + // $("#bodySystemList").css("display", "none");
  1901 + //});
  1902 +
  1903 +
1890 $scope.activePinOnSliderChange = function () { 1904 $scope.activePinOnSliderChange = function () {
1891 if ($scope.activePinArray.length == 1) { 1905 if ($scope.activePinArray.length == 1) {
1892 for (var i = 0; i <= $scope.allPinDataArray.length - 1; i++) { 1906 for (var i = 0; i <= $scope.allPinDataArray.length - 1; i++) {
@@ -2133,3 +2147,11 @@ function onZoom(scope) { @@ -2133,3 +2147,11 @@ function onZoom(scope) {
2133 } 2147 }
2134 2148
2135 2149
  2150 +function systemChange() {
  2151 + event.stopPropagation();
  2152 + $("#bodySystemList").toggle();
  2153 + var $ua = navigator.userAgent;
  2154 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  2155 + $(".custom-tooltip").toggle();
  2156 + }
  2157 +}
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
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
@@ -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
@@ -630,12 +630,13 @@ if (typeof jQuery === &#39;undefined&#39;) { @@ -630,12 +630,13 @@ if (typeof jQuery === &#39;undefined&#39;) {
630 630
631 // APPLY TO STANDARD DROPDOWN ELEMENTS 631 // APPLY TO STANDARD DROPDOWN ELEMENTS
632 // =================================== 632 // ===================================
  633 +
633 $(document) 634 $(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) 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('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
  639 + .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)
639 }(jQuery); 640 }(jQuery);
640 641
641 /* ======================================================================== 642 /* ========================================================================