ADAM / AIAHTML5

Commit d3eb6b31ea927ff6c89c4f968132b07ddbf31c33

Authored by Amrita Vishnoi
1 parent 2a3d208f

delted

Inline Side-by-side
Showing 1 changed file with 0 additions and 465 deletions
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html.orig deleted
View file @2a3d208
1   -<!--<style>
2   - .slider label {
3   - position: absolute;
4   - width: 20px;
5   - margin-left: -10px;
6   - text-align: center;
7   - margin-top: 20px;
8   - }
9   -
10   - /* below is not necessary, just for style */
11   - .slider {
12   - width: 50%;
13   - margin: 2em auto;
14   - }
15   -</style>-->
16   -<style>
17   - /*Dated:22-07-2016 Issue#4958:In Open body view, the side buttons are getting disturbed on layer change. */
18   - .btn-resize {
19   - padding: 6px 11px;
20   - border: 0px solid #000;
21   - border-radius: 1px;
22   - }
23   -</style>
24   -<style>
25   - /*Dated:22-07-2016 Issue#4958:In Open body view, the side buttons are getting disturbed on layer change. */
26   - .btn-resize {
27   - padding: 6px 11px;
28   - border: 0px solid #000;
29   - border-radius: 1px;
30   - }
31   -</style>
32   -
33   -<style>
34   - #draggable { opacity: 0.2;border:solid;position:absolute;}
35   - #wrapper {
36   - position: relative;
37   - width: 100%;
38   - height: 100%;
39   - margin: 20px auto;
40   - }
41   -
42   - .tooltip-custom + .tooltip > .tooltip-inner {
43   - background-color: #fff;
44   - border: 1px solid #000;
45   - color: #000;
46   - border-radius: 0;
47   - }
48   -
49   - .tooltip-custom + .tooltip > .tooltip-arrow {
50   - display: none;
51   - }
52   -
53   - .custom-tooltip {
54   - background-color: #fff;
55   - border: 0 none;
56   - color: #000;
57   - left: -52px;
58   - opacity: 0.9;
59   - padding: 3px 0;
60   - position: absolute;
61   - text-align: center;
62   - top: 45px;
63   - width: 120px;
64   - display: none;
65   - z-index: 10000;
66   - border: 1px solid #000;
67   - color: #000;
68   - border-radius: 0;
69   - }
70   -
71   - .custom-tooltip1 {
72   - background-color: #fff;
73   - border: 0 none;
74   - color: #000;
75   - left: 52px;
76   - opacity: 0.9;
77   - padding: 3px 0;
78   - position: absolute;
79   - text-align: center;
80   - top: 45px;
81   - width: 70px;
82   - display: none;
83   - z-index: 10000;
84   - border: 1px solid #000;
85   - color: #000;
86   - border-radius: 0;
87   - }
88   -
89   - .custom-tooltip2 {
90   - background-color: #fff;
91   - border: 0 none;
92   - color: #000;
93   - right: 10px;
94   - opacity: 0.9;
95   - padding: 3px 0;
96   - position: absolute;
97   - text-align: center;
98   - top: 45px;
99   - width: 60px;
100   - display: none;
101   - z-index: 10000;
102   - border: 1px solid #000;
103   - color: #000;
104   - border-radius: 0;
105   - }
106   -</style>
107   - <!--Annotation Toolbar: Jcanvas-->
108   -<style>
109   - .canvas-annotationStyle {
110   - display: none;
111   - background-color: transparent;
112   - z-index: 12000;
113   - position: absolute;
114   - left: 0;
115   - right: 0;
116   - }
117   -</style>
118   -<div class=" " id="daView" ng-controller="DAController">
119   - <div class="pos-relative leftToolBar tools pull-left">
120   - <div class="toggle-icon toggleBar toggleHeadingButton" title="Show/Hide Sidebar" style="top:20px;"></div>
121   - <div class="" style="top:20px">
122   - <div class="col-sm-6">
123   - <button id="btnIdentity" class="btn btn-primary btn-sm tooltip-custom" ng-click="OnIdentityClick()" data-toggle="tooltip" data-placement="bottom" title="Identify"> <img src="content/images/icon-identity.png" alt="" title=""></button>
124   - </div>
125   - <div class="col-sm-6 pull-right">
126   - <button class="btn btn-black btn-sm pull-right tooltip-custom" ng-click="enableZoom()" data-toggle="tooltip" data-placement="bottom" title="Zoom-in/Zoom-out">
127   - <img src="content/images/icon-zoom.png" alt="" title="">
128   - </button>
129   - </div>
130   - <div class="col-sm-12">
131   - <button id="btnTranparency" class="btn btn-black btn-sm btn-block marginTop5 tooltip-custom" ng-click="createTransparencyBox()" data-toggle="tooltip" data-placement="bottom" title="Transparency Box"><img src="content/images/icon-transparency.png" alt="" title=""></button>
132   - </div>
133   - <div class="col-sm-6">
134   - <button ng-class="Normal" class="btn btn-black btn-sm marginTop5 tooltip-custom" ng-click="enableNormalMode()" data-toggle=" tooltip" data-placement="bottom" title="Normal"> <img src="content/images/bulb1.png" alt="" title=""></button>
135   - </div>
136   - <div class="col-sm-6">
137   - <button ng-class="Extract" class="btn btn-black btn-sm pull-right marginTop5 tooltip-custom" ng-click="enableExtract()" data-toggle="tooltip" data-placement="bottom" title="Extract"><img src="content/images/bulb1.png" alt="" title=""></button>
138   - </div>
139   - <div class="col-sm-6">
140   - <button ng-class="Highlight" id="btnHighLight" class="btn btn-black btn-sm marginTop5 tooltip-custom btn-resize" ng-click="enableHighlight()" data-toggle="tooltip" data-placement="bottom" title="Highlight"> <img src="content/images/bulb.png" alt="" title=""></button>
141   - </div>
142   - <div class="col-sm-6 dropdown hover-tool">
143   - <div class="custom-tooltip">Highlight Options</div>
144   - <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>
145   - <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
146   - <li ng-class="CurrentStructure"><a href="#" title="Current Structure">Current Structure</a></li>
147   - <li role="separator" class="divider"></li>
148   - <li ng-class="Cardiovascular"><a href="#" title="Cardiovascular" id="1" ng-click="HighlightBodysystem($event)">Cardiovascular</a></li>
149   - <li ng-class="Digestive"><a href="#" title="Digestive" id="2" ng-click="HighlightBodysystem($event)">Digestive</a></li>
150   - <li ng-class="Endocrine"><a href="#" title="Endocrine" id="3" ng-click="HighlightBodysystem($event)">Endocrine</a></li>
151   - <li ng-class="Immune"><a href="#" title="Immune" id="4" ng-click="HighlightBodysystem($event)">Immune</a></li>
152   - <li ng-class="Integumentary"><a href="#" title="Integumentary" id="5" ng-click="HighlightBodysystem($event)">Integumentary</a></li>
153   - <li ng-class="Lymphatic"><a href="#" title="Lymphatic" id="6" ng-click="HighlightBodysystem($event)">Lymphatic</a></li>
154   - <li ng-class="Muscular"><a href="#" title="Muscular" id="7" ng-click="HighlightBodysystem($event)">Muscular</a></li>
155   - <li ng-class="Nervous"><a href="#" title="Nervous" id="8" ng-click="HighlightBodysystem($event)">Nervous</a></li>
156   - <li ng-class="Reproductive"><a href="#" title="Reproductive" id="9" ng-click="HighlightBodysystem($event)">Reproductive</a></li>
157   - <li ng-class="Respiratory"><a href="#" title="Respiratory" id="10" ng-click="HighlightBodysystem($event)">Respiratory</a></li>
158   - <li ng-class="Skeletal"><a href="#" title="Skeletal" id="11" ng-click="HighlightBodysystem($event)">Skeletal</a></li>
159   - <li ng-class="Urinary"><a href="#" title="Urinary" id="12" ng-click="HighlightBodysystem($event)">Urinary</a></li>
160   - </ul>
161   - </div>
162   - <div class="col-sm-6 hover-gender-tool" ng-init="switchGender()">
163   - <div class=" custom-tooltip1">Gender</div>
164   - <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>
165   - <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
166   - <li ng-class="male"><a href="#" title="Male" ng-click="OnGenderChange($event)">Male</a></li>
167   - <li ng-class="female"><a href="#" title="Female" ng-click="OnGenderChange($event)">Female</a></li>
168   - </ul>
169   - </div>
170   - <div class="col-sm-6 tooltip-View-custom">
171   - <div class="custom-tooltip2">View</div>
172   - <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>
173   - <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
174   - <li ng-class="AnteriorView"><a href="#" title="Anterior" ng-click="OnViewChange($event)">Anterior</a></li>
175   - <li ng-class="LateralView"><a href="#" title="Lateral" ng-click="OnViewChange($event)">Lateral</a></li>
176   - <li ng-class="MedialView"><a href="#" title="Medial" ng-click="OnViewChange($event)">Medial</a></li>
177   - <li ng-class="PosteriorView"><a href="#" title="Posterior" ng-click="OnViewChange($event)">Posterior</a></li>
178   - <li ng-class="LateralArmView"><a href="#" title="Lateral Arm" ng-click="OnViewChange($event)">Lateral Arm</a></li>
179   - <li ng-class="MedialArmView"><a href="#" title="Medial Arm" ng-click="OnViewChange($event)">Medial Arm</a></li>
180   - </ul>
181   - </div>
182   - <div class="col-sm-12">
183   - <button id="btnStrutureBox" ng-click="enableShowHideStructureBox()" class="btn btn-primary btn-sm marginTop5 btn-block tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Show/Hide Structure Name Boxes"> <img src="content/images/comment-box.png" alt="" title=""></button>
184   - </div>
185   - </div>
186   - <div class="">
187   - <p>
188   - <input type="number" id="txtlayerNumber" value="0" step="1" min="0" style="width:80px; margin:10px 0 0 15px;" ng-model="layerNumber" ng-change="LayerChange()" />
189   - </p>
190   - <div id="layerChangeSlider" style="height:140px;" class="vert_slider " ng-model="layerNumber"></div>
191   - </div>
192   - </div>
193   -
194   - <div class="main2">
195   - <div class="col-sm-12 stickey-area">
196   - <div class="breadcrumb ">
197   - <div class="">
198   - <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
199   -
200   - <input type="text" class="form-control input-sm pull-left" id="typedtermname" ng-blur="HideSearch()" ng-click="ShowSearch()" ng-dblclick="ShowSearch()" ng-model="searchFilter" ng-change="textChange(searchFilter)" placeholder="Search...">
201   -
202   - <div id="backdrop" ng-show="IsSearchVisible">
203   - <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12 pull-left">
204   - <ul id="termlistfilter" class="form-control dropdown-menu" style="height:100px;width:100%;overflow-y:scroll;position:absolute;display:none;z-index:1000;">
205   - <li ng-repeat="item in VocabTermTxt| filter:{ _TermText: searchFilter}">
206   - <a id="{{item._ActualTermNumber}}" href="" ng-click="jumpToTerm($event)">{{item._TermText}}</a>
207   - </li>
208   - </ul>
209   - </div>
210   - </div>
211   - <!--</div>-->
212   -
213   - </div>
214   - <div class="btn-group">
215   - <button type="button" style="padding-left:15px;padding-right:15px;" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
216   - <i class="fa fa-arrow-circle-right"></i>
217   - </button>
218   - <ul class="dropdown-menu" style="width:100%;">
219   - <li><a href="#">{{currentTitleFromJson}}</a></li>
220   - <li role="separator" class="divider"></li>
221   - <li><a href="#">All</a></li>
222   - </ul>
223   - </div>
224   - <div class="btn-group open" id="da-body-nav">
225   - <button type="button" style="padding-left:15px;padding-right:15px;" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
226   - <i class="fa fa-male"></i>
227   - </button>
228   -
229   - <div class="dropdown-menu active" id="navigatorDiv" style="min-height:auto; min-width:auto; ">
230   - <div id="containment-wrapper" align="center" style="min-width:auto;height:119px; ">
231   - <img id="navimg" src="{{navimgsrc}}" alt=""></img>
232   - <div id="draggable" class="draggable ui-widget-content" ng-mouseup="ScrollCanvasDiv()" ng-style="dragdivposition">
233   - </div>
234   - </div>
235   - </div>
236   - </div>
237   - </div>
238   - </div>
239   - </div>
240   - <div class=" canavsParent col-sm-12 " id="cp">
241   - <div class="container-fluid">
242   - <div class="row">
243   - <div id="canvasDiv" class="col-sm-12 img-thumbnail" align="center">
244   -<<<<<<< HEAD
245   - <canvas id="canvas" ng-click="doClick($event)" width="2277" height="3248" style="display:none;background-color:transparent;z-index:12000;position:absolute;left:0;right:0;"></canvas>
246   -=======
247   - <canvas id="canvas" ng-click="doClick($event)" width="2277" height="3248" class="canvas-annotationStyle"></canvas>
248   ->>>>>>> 98e905fcd7730a4ac9a42c79fa962809bae7bc88
249   - </div>
250   - <!--<div id="canvasDiv" style=" width: 95% !important;top:0px;overflow:scroll;background-color:white;">-->
251   - <!--<div id="daLoaderLabel">Loading....</div>-->
252   -
253   - </div>
254   - <div class="clearfix"></div>
255   - </div>
256   - </div>
257   - </div>
258   - <div class="clearfix"></div>
259   - <!--to prevent transparency scale from closing on click anywhere outside set data-backdrop="static" data-keyboard="false" -->
260   - <!--<div class="modal fade bs-example-modal-sm" tabindex="-1" aria-labelledby="mySmallModalLabel" id="transparencyScale" data-backdrop="static" data-keyboard="false">
261   - <div class="modal-dialog modal-sm">
262   - <div class="modal-content">
263   - <div class="modal-header annotation-modal-header">
264   - <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>
265   - <h4 class="modal-title">Transparency</h4>
266   - </div>
267   - <div class="modal-body">
268   - <div class="row">
269   - <div class="col-sm-12">
270   - <div class="padded25">
271   - <div class="slider"></div>
272   - </div>
273   - </div>
274   - </div>
275   - </div>
276   - </div>
277   - </div>
278   - </div>-->
279   - <!--<div class="ui-widget-content" id="transparencyScale" style="width: 350px; height: 130px;visibility:hidden;display:block;float:left">
280   - <div class="modal-dialog modal-sm">
281   - <div class="modal-content">
282   - <div class="modal-header annotation-modal-header">
283   - <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>
284   - <h4>Transparency</h4>
285   - </div>
286   - <div>
287   - <div class="row">
288   - <div class="col-sm-12">
289   - <div class="padded25">
290   - <div class="slider"></div>
291   - </div>
292   - </div>
293   - </div>
294   - </div>
295   - </div>
296   - </div>
297   - </div>-->
298   - <div class="ui-widget-content" id="transparencyScale" style="width: 350px; height: 150px;visibility:hidden;display:block;float:left">
299   - <div>
300   - <div>
301   - <div class="modal-header annotation-modal-header">
302   - <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>
303   - <h4>Transparency</h4>
304   - </div>
305   - <div>
306   - <div class="row">
307   - <div class="col-sm-12">
308   - <div class="padded25">
309   - <!--<div class="slider" id="sliderScale"></div>-->
310   - <div class="slider"></div>
311   - </div>
312   - </div>
313   - </div>
314   - </div>
315   - </div>
316   - </div>
317   - </div>
318   -</div>
319   -
320   -
321   -<!--<script src="../../../libs/jquery/1.11.4/jquery-ui.js"></script>-->
322   -<script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
323   -
324   -<script>
325   - $(window).load(function () {
326   - $(".stickey-area").sticky();
327   - });</script>
328   -<script>
329   - $(function () {
330   - $("#layerChangeSlider").slider({
331   - orientation: "vertical",
332   - range: "max", // <--- needed...
333   - min: 0,
334   - // max: 100,
335   - //value: 0,
336   - slide: function (event, ui) {
337   - // $("#txtlayerNumber").val(100 - ui.value); // basic math operation..
338   -
339   - // $("#txtlayerNumber").val($("#layerChangeSlider").slider("value"));
340   - },
341   - stop: function (event, ui) {
342   - var la;
343   - var rootScope = angular.element(document.getElementById("bo")).scope();
344   - rootScope.$apply(function () {
345   - rootScope.isLoading = true;
346   - })
347   - var scope = angular.element(document.getElementById("daView")).scope();
348   - scope.$apply(function () {
349   - if (scope.isTransparencyActivated) {
350   - rootScope.isLoading = false;
351   - }
352   - la = parseInt(scope.totalLayers) //- parseInt(scope.layerNumber);
353   - // $('#layerChangeSlider').slider("option", "value", la - ui.value);
354   - var slideVal = la - ui.value;
355   - $("#txtlayerNumber").val(slideVal);
356   - scope.layerNumber = slideVal;
357   - scope.LayerChange();
358   - });
359   - },
360   -
361   - })
362   - });
363   -
364   -</script>
365   -<!--<script>
366   - $(function () {
367   - $('#layerChangeSlider').slider().on('slideStop', function () {
368   - alert('fjkjksdbgjkgjkfgk')
369   - })
370   -</script>
371   - });-->
372   -
373   -<script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
374   -<script>
375   - $(function () {
376   - $("#transparencyScale").draggable();
377   - $("#draggable").draggable({ containment: "#containment-wrapper", scroll: false });
378   - });
379   -</script>
380   -<script>
381   - $(function () {
382   -
383   - $("#dropdownMenu2").mouseover(function () {
384   - $(".custom-tooltip").css("display", "block");
385   - });
386   - $("#dropdownMenu2").mouseout(function () {
387   - $(".custom-tooltip").css("display", "none");
388   - });
389   -
390   - $("#dropdownMenu4").mouseover(function () {
391   - $(".custom-tooltip1").css("display", "block");
392   - });
393   - $("#dropdownMenu4").mouseout(function () {
394   - $(".custom-tooltip1").css("display", "none");
395   - });
396   -
397   - $("#dropdownMenu3").mouseover(function () {
398   - $(".custom-tooltip2").css("display", "block");
399   - });
400   - $("#dropdownMenu3").mouseout(function () {
401   - $(".custom-tooltip2").css("display", "none");
402   - });
403   -
404   -
405   -
406   - $("#slider-range-min-2").slider({
407   - range: "min",
408   - min: 1,
409   - max: 60,
410   - value: 10,
411   - slide: function (event, ui) {
412   - $("#amount-2").val(ui.value);
413   - }
414   - });
415   - $("#amount-2").val($("#slider-vertical-2").slider("value"));
416   - });
417   -</script>
418   -<script>
419   - $(".slider")
420   - .slider({
421   - min: 0,
422   - max: 100,
423   - value: 50,
424   - range: "min",
425   - orientation: "horizontal",
426   - stop: function (event, ui) {
427   - //alert('trans changed')
428   - var scope = angular.element(document.getElementById("daView")).scope();
429   - scope.$apply(function () {
430   - scope.onTransparencyChange(event, ui);
431   - });
432   - }
433   - })
434   - .slider("pips", {
435   - rest: "label",
436   - step: "10"
437   - });
438   -
439   -</script>
440   -<script>
441   - $(document).ready(function () {
442   - $('[data-toggle="tooltip"]').tooltip({ trigger: 'hover', 'placement': 'bottom' });
443   - });
444   -</script>
445   -<script>
446   - $(function () {
447   - $(".modal").draggable();
448   - });
449   -</script>
450   -<script>
451   - $(function () {
452   - "use strict";
453   - /*** Sidebar Toggle ***/
454   - var barPos = 0;
455   - var bar = $('.tools');
456   - var main = $('.main2');
457   - $('.toggleBar').click(function () {
458   -
459   - bar.toggleClass('active');
460   - main.toggleClass('active');
461   - });
462   - });
463   -</script>
464   -
465   -