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 8465  
8466 8466 //body highlight options functinality
8467 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 8476 var currentBodyViewId = $rootScope.voId;
8470 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 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 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 8518 $scope.DisableUI();
8499 8519  
8500 8520 //if listanager is visisble then close it
... ... @@ -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 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 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 1832 $scope.activePinOnSliderChange = function () {
1819 1833 if ($scope.activePinArray.length == 1) {
1820 1834 for (var i = 0; i <= $scope.allPinDataArray.length - 1; i++) {
... ... @@ -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 166  
167 167 <div class="col-xs-6 dropdown hover-tool">
168 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 171 <li ng-class="CurrentStructure" ><a href="#" title="Current Structure"
172 172 ng-click="removeBodySyetemSelectionClass('CurrentStructure')">Current Structure</a></li>
173 173  
... ... @@ -205,8 +205,8 @@
205 205 <div class="col-xs-12 pad0">
206 206 <div class="col-xs-6 hover-gender-tool" ng-init="switchGender()">
207 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 210 <li ng-class="male">
211 211 <!--<button type="button" id="btnMale" onclick="OnGenderChange('Male')" class="btn btn-link" >Male</button>-->
212 212 <a href="#" title="Male" onclick="OnGenderChange(event)">Male</a>
... ... @@ -224,8 +224,8 @@
224 224  
225 225 <div class="col-xs-6 tooltip-View-custom">
226 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 229 <!--<li ng-class="AnteriorView"><a href="#" title="Anterior" ng-click="OnViewChange($event)">Anterior</a></li>
230 230 <li ng-class="LateralView"><a href="#" title="Lateral" ng-click="OnViewChange($event)">Lateral</a></li>
231 231 <li ng-class="MedialView"><a href="#" title="Medial" ng-click="OnViewChange($event)">Medial</a></li>
... ... @@ -497,7 +497,12 @@
497 497 </script>
498 498 <script>
499 499 $(function () {
  500 + var $ua = navigator.userAgent;
  501 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
500 502  
  503 + }
  504 + else
  505 + {
501 506 $("#dropdownMenu2").mouseover(function () {
502 507 $(".custom-tooltip").css("display", "block");
503 508 });
... ... @@ -518,7 +523,7 @@
518 523 $("#dropdownMenu3").mouseout(function () {
519 524 $(".custom-tooltip2").css("display", "none");
520 525 });
521   -
  526 + }
522 527  
523 528 });
524 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 629  
630 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 639 }(jQuery);
655 640  
656 641 /* ========================================================================
... ...