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 | 8487 | |
| 8488 | 8488 | //body highlight options functinality |
| 8489 | 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 | 8498 | var currentBodyViewId = $rootScope.voId; |
| 8492 | 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 | 8500 | var systemList = $rootScope.CommonData.DACommonData.BodySystems.Item; |
| ... | ... | @@ -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 | 8540 | $scope.DisableUI(); |
| 8521 | 8541 | |
| 8522 | 8542 | //if listanager is visisble then close it |
| ... | ... | @@ -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 | 400 | $scope.handleDragStart = function (e) { |
| 401 | 401 | |
| 402 | 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 | 411 | $scope.dragableId = $(this).attr("Id"); |
| 405 | 412 | // alert($scope.dragableId); |
| 406 | 413 | $scope.dragableText = $("#" + $scope.dragableId).text(); |
| ... | ... | @@ -462,9 +469,14 @@ function ($scope, $rootScope, pages, log, $http,$timeout, DataService, $filter, |
| 462 | 469 | //console.log($rootScope.selectedDivArray); |
| 463 | 470 | |
| 464 | 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 | 480 | if (id == "divoptions" || id == "divleft" || id == "divright") { |
| 469 | 481 | |
| 470 | 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 | 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 | 1904 | $scope.activePinOnSliderChange = function () { |
| 1891 | 1905 | if ($scope.activePinArray.length == 1) { |
| 1892 | 1906 | for (var i = 0; i <= $scope.allPinDataArray.length - 1; i++) { |
| ... | ... | @@ -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 | 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
| ... | ... | @@ -630,12 +630,13 @@ if (typeof jQuery === 'undefined') { |
| 630 | 630 | |
| 631 | 631 | // APPLY TO STANDARD DROPDOWN ELEMENTS |
| 632 | 632 | // =================================== |
| 633 | + | |
| 633 | 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 | 640 | }(jQuery); |
| 640 | 641 | |
| 641 | 642 | /* ======================================================================== | ... | ... |