Commit 23aef373614a28dfa753d98e1be9908af9925588
Showing
6 changed files
with
358 additions
and
268 deletions
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("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l | @@ -8515,8 +8522,21 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$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> & 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 | - | ||
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> & 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> & 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 | + | ||
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> & 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 === 'undefined') { | @@ -630,12 +630,13 @@ if (typeof jQuery === 'undefined') { | ||
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 | /* ======================================================================== |