ADAM / AIAHTML5

Commit 4bf6b477c4fcb7b7076aa2f8680ab369061de88f

Authored by Amrita Vishnoi
1 parent 3e101343

delete .org

Inline Side-by-side
Showing 1 changed file with 0 additions and 1226 deletions
400-SOURCECODE/AIAHTML5.Web/index.html.orig deleted
View file @3e10134
1   -<!DOCTYPE html>
2   -<html lang="en" ng-cloak ng-app="AIA">
3   -<head>
4   - <base href="/AIA/" />
5   - <meta charset="utf-8">
6   - <meta http-equiv="X-UA-Compatible" content="IE=edge">
7   - <!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">-->
8   - <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0 maximum-scale=1.0" />
9   - <title>A.D.A.M. Interactive Anatomy</title>
10   -
11   - <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" />
12   -
13   -
14   -
15   - <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" />
16   -
17   - <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" />
18   -
19   - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
20   - <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic">
21   -
22   - <link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" />
23   -
24   - <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
25   - <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
26   - <!--[if lt IE 9]>
27   - <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
28   - <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
29   - <![endif]-->
30   - <link href="themes/default/css/bootstrap/3.3.6/jquery.mCustomScrollbar.css" rel="stylesheet" />
31   -
32   - <link href="themes/default/css/bootstrap/3.3.6/jquery-ui.css" rel="stylesheet" />
33   -
34   - <link href="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.css" rel="stylesheet" />
35   - <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" />
36   - <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" />
37   - <link href="themes/default/css/bootstrap/3.3.6/jquery.minicolors.css" rel="stylesheet" />
38   -
39   - <!--Annotation Toolbar: Jcanvas-->
40   - <style>
41   - .activebtncolor {
42   - background-color: #1B92D0 !important;
43   - border-color: #1B92D0 !important;
44   - color: #ffffff !important;
45   - }
46   -
47   - .btn-black-annotation {
48   - background-color: #4b4b4b;
49   - border-color: #3f3f3f;
50   - color: #ffffff;
51   - }
52   -
53   - /*.btn-black-annotation:hover {
54   - background-color: #1B92D0 !important;
55   - border-color: #1B92D0 !important;
56   - color: #ffffff !important;
57   - }*/
58   - </style>
59   -
60   -
61   -
62   -</head>
63   -<body ng-controller="HomeController" id="bo">
64   - <div class="container-fluid ">
65   - <!--Header-->
66   -
67   - <nav class="navbar navbar-inverse navbar-fixed-top">
68   - <div class="container-fluid">
69   - <!-- Brand and toggle get grouped for better mobile display -->
70   - <div class="navbar-header">
71   - <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false">
72   - <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
73   - </button>
74   - <a class="frameLogo navbar-brand" href="home"><img src="content/images/logo-main.png" class="img-responsive" alt=""></a>
75   - </div>
76   - <div ng-include="'app/widget/TopMenu.html'"></div>
77   - </div>
78   - </nav>
79   - <div class="bodyWrap row container-fluid">
80   -
81   - <div id="spinner" class="spinner" ng-show="isLoading">
82   - <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" />
83   - </div>
84   - <div ng-view></div>
85   -
86   - </div>
87   - </div>>
88   -
89   -
90   - <!--list manager Modal-->
91   - <div class="modal fade" id="ShowListManager" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" ng-init="tab = 1" style="width:27%;left:50%;overflow:hidden;height:500px;top:100px">
92   - <div class="modal-dialog" role="document" style="width:400px;">
93   - <div class="modal-content" style="width:100%;max-width:400px;">
94   - <div class="modal-header setting-modal-header" style="padding: 5px 10px; border-bottom: 1px solid #e5e5e5;">
95   - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
96   - <h4 class="modal-title" id="myModalLabel">Setting</h4>
97   - </div>
98   - <div class="modal-body">
99   - <div class="row" style="padding-top:20px;">
100   - <div class="col-sm-12">
101   -
102   - <div aria-label="..." role="group" class="btn-group btn-group-justified">
103   - <div role="group" class="btn-group">
104   - <button class="btn btn-sm btn-success" type="button" ng-click="tab = 1">Appearance</button>
105   - </div>
106   - <div role="group" class="btn-group">
107   - <button class="btn btn-sm btn-success" type="button" ng-click="tab = 2">Lexicons</button>
108   - </div>
109   - <div role="group" class="btn-group">
110   - <button class="btn btn-sm btn-success" type="button" ng-click="tab = 3">Dissectible</button>
111   - </div>
112   - </div>
113   -
114   - </div>
115   -
116   -
117   - <div class="col-sm-12" ng-show="tab === 1">
118   -
119   -
120   - <div class="row">
121   - <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
122   - <div class="row" style="padding-top: 22px;">
123   - <div class="center-block col-md-10" style="float: none; ">
124   - <h5><strong>System Font</strong></h5>
125   -
126   - <div style="border:2px solid #ACACAC;float:left;padding:15px;background-color:#CCCCCC;">
127   - <div class="col-md-3" style="padding-left:0px;">
128   - Sample
129   - </div>
130   - <div class="col-md-6" style="padding-right:0px;">
131   - <input type="text" value="" style="width:85%;">
132   - </div>
133   - <div class="col-md-3" style="padding-left:0px;">
134   - <button class="btn btn-primary" style="margin-bottom:5px;">Change</button>
135   - <button class="btn btn-primary" style="margin-bottom:5px;">Default</button>
136   - </div>
137   -
138   - </div>
139   - </div>
140   - </div>
141   -
142   - </div>
143   - </div>
144   -
145   - </div>
146   - <div class="col-sm-12" ng-show="tab === 2">
147   -
148   -
149   - <div class="row">
150   - <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
151   - <div class="col-md-6">
152   - <h6><strong>Primary Lexicon</strong></h6>
153   - <input type="text" value="English" style="width:90%;">
154   - <button class="btn btn-primary" style="float:right;margin-bottom:5px;margin-top:5px;">Change</button>
155   - <h6>Secondry Lexicon</h6>
156   - <textarea style="width:90%;"></textarea>
157   - <button>Change</button>
158   - <button>Change</button>
159   - </div>
160   - <div class="col-md-6">
161   - <h6>Available Lexicon</h6>
162   - <select multiple class="form-control" id="sel2">
163   - <option>1</option>
164   - <option>2</option>
165   - <option>3</option>
166   - <option>4</option>
167   - <option>5</option>
168   - </select>
169   -
170   - <p>Note: Some languages require special system fonts to display correctly</p>
171   - </div>
172   -
173   - </div>
174   - </div>
175   -
176   - </div>
177   - <div class="col-sm-12" ng-show="tab === 3">
178   -
179   - <div class="row">
180   - <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
181   - <h6>Skin Tones</h6>
182   - <div class="center-block col-md-8" style="float: none;">
183   - <div class="col-md-6">
184   - <img class="img-responsive" alt="" src="http://placehold.it/400x300">
185   - </div>
186   - <div class="col-md-6">
187   - <img class="img-responsive" alt="" src="http://placehold.it/400x300">
188   - </div>
189   - <div class="col-md-6">
190   - <img class="img-responsive" alt="" src="http://placehold.it/400x300">
191   - </div>
192   - <div class="col-md-6">
193   - <img class="img-responsive" alt="" src="http://placehold.it/400x300">
194   - </div>
195   -
196   - </div>
197   - <h6>Modesty Setting</h6>
198   - <div class="col-md-6">
199   - <div class="col-md-4">
200   - <img class="img-responsive" alt="" src="http://placehold.it/400x300">
201   - </div>
202   - <div class="col-md-8">
203   -
204   - <div class="radio">
205   - <label><input type="radio" name="optradio" checked>On</label>
206   - </div>
207   - <div class="radio">
208   - <label><input type="radio" name="optradio">Off</label>
209   - </div>
210   -
211   - </div>
212   - </div>
213   - <div class="col-md-6">
214   - <h6>Annotaion</h6>
215   - <div class="checkbox">
216   - <label><input type="checkbox" value="" checked>Erase Annotations when changeing layers</label>
217   - </div>
218   - </div>
219   - </div>
220   -
221   - </div>
222   -
223   -
224   -
225   - </div>
226   - </div>
227   - <div class="modal-footer">
228   - <button type="button" class="btn btn-primary">Ok</button>
229   - <button type="button" class="btn btn-primary" data-dismiss="modal">Cancle</button>
230   - <button type="button" class="btn btn-primary">Apply</button>
231   - </div>
232   - </div>
233   - </div>
234   - </div>
235   - </div>
236   -
237   - <!--Settings modal-->
238   - <div class="modal fade" id="modal-settings" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
239   - <div class="modal-dialog modal-sm" role="document">
240   - <form>
241   - <div ng-init="loadsettings()" class="modal-content" id="setting-modal-dark">
242   - <div class="modal-header annotation-modal-header">
243   - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
244   - <h4 class="modal-title" id="myModalLabel2">Settings</h4>
245   - </div>
246   - <div class="modal-body">
247   - <div class="paddTop15">
248   - <!-- Nav tabs -->
249   - <ul class="nav nav-tabs" role="tablist">
250   - <li role="presentation" ng-class="{'active':SettingsTab==1}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(1)">Appearance</a></li>
251   - <li role="presentation" ng-class="{'active':SettingsTab==2}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(2)">Lexicons</a></li>
252   - <li role="presentation" ng-class="{'active':SettingsTab==3}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(3)">Dissectible</a></li>
253   -
254   - </ul>
255   - <!-- Tab panes -->
256   - <div class="tab-content">
257   - <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 1,'tab-pane' : SettingsTab !==1 }" id="appearance">
258   - <div class="row">
259   - <div class="col-sm-12">
260   - <div class="well well-sm no-margin-btm">
261   - <h5>System Font</h5>
262   - <div class="form-group">
263   - <label for="SystemFont" class="font13">Sample</label>
264   - <input type="text" class="form-control" id="SystemFont" value="AaBbYyZz" disabled>
265   - </div>
266   - <button class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal-change">Change</button>
267   - <button class="btn btn-success btn-sm">Default</button>
268   - </div>
269   - </div>
270   - </div>
271   - </div>
272   - <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 2,'tab-pane' : SettingsTab !==2 }" id="lexicons">
273   - <div class="row paddingTopBtm10">
274   - <div class="col-sm-6">
275   - <div class="form-group">
276   - <label for="SystemFont" class="font13">Primary Lexicon</label>
277   - <input type="text" class="form-control" value="English" disabled>
278   - <button class="btn btn-sm btn-success btn-block marginTop5">Change</button>
279   - </div>
280   -
281   - <div class="form-group">
282   - <label for="SystemFont" class="font13">Secondary Lexicon</label>
283   - <textarea class="form-control" rows="3"></textarea>
284   - </div>
285   - <div class="form-group">
286   - <button class="btn btn-sm btn-success" disabled>Add</button>
287   - <button class="btn btn-sm btn-success">Remove</button>
288   - </div>
289   - </div>
290   - <div class="col-sm-6">
291   - <div class="form-group">
292   - <label for="SystemFont" class="font13">Available Lexicon</label>
293   - <select multiple class="form-control" size="8">
294   - <option selected value="1">English</option>
295   - <option>French</option>
296   - <option>German</option>
297   - <option>Hungarian</option>
298   - <option>Italian</option>
299   - <option>Japanese (Kanji)</option>
300   - <option>Japanese (Yomi)</option>
301   - <option>Portuguese</option>
302   - <option>Spanish</option>
303   - <option>Swedish</option>
304   - </select>
305   - </div>
306   - <p class="font11"><strong>Note :</strong> Some languages require special system fonts to display correctly</p>
307   - </div>
308   - <div class="clearfix"></div>
309   - </div>
310   - </div>
311   - <div role="tabpanel" id="dissectible" ng-class="{'tab-pane active' : SettingsTab === 3,'tab-pane' : SettingsTab !==3 }">
312   - <div class="">
313   - <div class="col-sm-12">
314   - <h5 class="bolder font13 no-margin-top">Skin Tones</h5>
315   - <div class="skin-tones">
316   - <div align="center">
317   - <div class="col-sm-5">
318   - <button id="btnEthnicW" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'W')">
319   - <img src="~/../content/images/common/skin1.jpg" alt="">
320   - </button>
321   - </div>
322   - <div class="col-sm-5">
323   - <button id="btnEthnicB" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'B')">
324   - <img src="~/../content/images/common/skin2.jpg" alt="">
325   - </button>
326   - </div>
327   - <div class="col-sm-5">
328   - <button id="btnEthnicL" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'A')">
329   - <img src="~/../content/images/common/skin3.jpg" alt="">
330   - </button>
331   - </div>
332   - <div class="col-sm-5">
333   - <button id="btnEthnicA" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'L')">
334   - <img src="~/../content/images/common/skin4.jpg" alt="">
335   - </button>
336   - </div>
337   - </div>
338   - </div>
339   -
340   - </div>
341   - </div>
342   - <div class="">
343   - <div class="col-sm-6">
344   - <h5 class="font13 bolder">Modesty Setting</h5>
345   - <!--<img src="img/adam-leaf.png" alt="">-->
346   - <div class="radio">
347   - <label>
348   - <input type="radio" ng-checked="isModestyOn" ng-model="formsetting.modesty" value="Y" name="modestyRadios" id="modon" ng-click="ChangeModesty(formsetting,'Y')">
349   - <span class="">On</span>
350   - </label>
351   - </div>
352   - <div class="radio">
353   - <label>
354   - <input type="radio" ng-checked="isModestyOff" ng-model="formsetting.modesty" value="N" name="modestyRadios" id="modoff" ng-click="ChangeModesty(formsetting,'N')">
355   - <span class="">Off</span>
356   - </label>
357   - </div>
358   - </div>
359   - <div class="col-sm-6">
360   - <h5 class="font13 bolder">Annotation</h5>
361   - <div class="checkbox no-margin">
362   - <label>
363   - <input type="checkbox" value="" checked>
364   - <label class="font11 padd-left0 no-margin-btm">Erase Annotations when changing layers</label>
365   - </label>
366   - </div>
367   - </div>
368   - </div>
369   - </div>
370   - </div>
371   - </div>
372   - </div>
373   - <div class="modal-footer">
374   - <button type="button" class="btn btn-primary" ng-click="UpdateAndCloseSetting(formsetting)">OK</button>
375   - <!--<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>-->
376   - <button type="button" class="btn btn-primary" ng-click="CloseSetting()">Cancel</button>
377   - <button type="button" class="btn btn-primary" ng-click="UpdateSetting(formsetting)">Apply</button>
378   - </div>
379   - </div>
380   - </form>
381   - </div>
382   - </div>
383   -
384   - <!--Annotation Modal-->
385   - <div class="annotationTollbar" style="position:fixed;top:80px;right:20px;display:none;z-index:1200000;">
386   - <div class="annotationbar">
387   - <div class="modal-content">
388   - <div class="modal-header annotation-modal-header">
389   - <button type="button" class="close" aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">&times;</span></button>
390   - <h4 class="modal-title" id="myModalLabel">Annotation</h4>
391   - </div>
392   - <div class="modal-body">
393   - <div class="row">
394   - <div class="col-sm-12">
395   - <h5>Mode</h5>
396   -
397   - <div class="btn-group btn-group-justified" role="group" aria-label="...">
398   - <div class="btn-group" role="group">
399   - <button type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button>
400   - </div>
401   - <div class="btn-group" role="group">
402   - <button type="button" class="btn btn-sm btn-success" ng-click="DrawingMode()">Draw</button>
403   - </div>
404   - </div>
405   -
406   - </div>
407   - <div class="col-sm-12">
408   - <h5>Tools</h5>
409   - <div class="well well-popup">
410   - <div class="" role="" aria-label="...">
411   - <div class="" role="group" align="center">
412   - <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btnCursor" data-toggle="tooltip" data-placement="top" title="Select Shapes(S)" ng-click="Cursor()"><img src="content/images/icon-identity.png" alt="" title=""></button>
413   - <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-pin" data-toggle="tooltip" data-placement="top" title="Draw Pin" ng-click="DrawPin($event)"><img src="content/images/draw-pin.png" alt="" title=""></button>
414   - <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-arrow" data-toggle="tooltip" data-placement="top" title="Draw Arrow" ng-click="DrawArrow($event)"><img src="content/images/draw-arrow.png" alt="" title=""></button>
415   - <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-Text" data-toggle="tooltip" data-placement="top" title="Draw Text" ng-click="DrawText($event)"><img src="content/images/draw-text.png" alt="" title=""></button>
416   - </div>
417   - <div class="" role="group" align="center">
418   - <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-line" data-toggle="tooltip" data-placement="top" title="Draw Line" ng-click="DrawLine($event)"><img src="content/images/draw-line.png" alt="" title=""></button>
419   - <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-rectangle" data-toggle="tooltip" data-placement="top" title="Draw Rectangle" ng-click="DrawRectangle($event)"><img src="content/images/draw-rec.png" alt="" title=""></button>
420   - <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-circle" data-toggle="tooltip" data-placement="top" title="Draw Circle" ng-click="DrawCircle($event)"><img src="content/images/draw-cir.png" alt="" title=""></button>
421   - <button type="button" class="btn btn-black-annotation btn-xs btn-annotation" data-toggle="tooltip" data-placement="top" title="Draw Polygon" ng-click="DrawPolygon($event)"><img src="content/images/draw-poly.png" alt="" title=""></button>
422   - </div>
423   - </div>
424   - </div>
425   - <div class="well-popup well">
426   - <img src="content/images/blank-shape.jpg" alt="..." class="img-rounded img-responsive" ng-click="enableAnnotationToolBar()">
427   - </div>
428   - <div class="well well-popup">
429   - <div class="" role="group" aria-label="...">
430   - <div>
431   - <button type="button" class="btn btn-primary btn-xs pull-left btn-annotation" id="paintLine" data-toggle="tooltip" data-placement="top" title="Paint" style="margin-right:1%;" ng-click="paintBrush()"><i class="fa fa-paint-brush"></i></button>
432   - <button type="button" class="btn btn-primary btn-xs pull-left btn-annotation" data-toggle="tooltip" data-placement="top" title="Erase" ng-click="EraseDrawing()"><i class="fa fa-eraser"></i></button>&nbsp;
433   - <div class="marginL2 pull-left"><input type="number" id="amount-2" value="25" step="1" style="width:60px;"></div>&nbsp;
434   - <div class="pull-left" style="width:45%; margin-left:2%;">
435   - <div id="slider-range-min-2"></div>
436   - </div>
437   - <div class="clearfix"></div>
438   - </div>
439   -
440   - </div>
441   -
442   -
443   - </div>
444   -
445   - </div>
446   - </div>
447   - </div>
448   -
449   - </div>
450   - </div>
451   - </div>
452   -
453   - <!--Modal For Annotation Text Box-->
454   - <div class="modal fade" id="annotationTextModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 1200000!important;">
455   - <div class="modal-dialog" role="document">
456   - <div class="modal-content">
457   - <div class="modal-header" style="background-color: #808D43;padding:10px;border-bottom:0;">
458   - <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
459   - <h4 class="modal-title" id="myModalLabel" style="font-weight:bold;">Enter Text to be put in a box</h4>
460   - </div>
461   - <div class="modal-body">
462   - <div class="col-xs-12" style="padding:20px 0;">
463   - <div class="form-inline">
464   - <select class="form-control" id="selected-font-family">
465   - <option>Arial</option>
466   - <option>Agency FB</option>
467   - <option>Algerian</option>
468   - <option>Arabic Trans</option>
469   - <option>Arial Baltic</option>
470   - <option>Arial Black</option>
471   - <option>Arial CE</option>
472   - <option>Arial CYR</option>
473   - <option>Arial Greek</option>
474   - <option>Arial Narrow</option>
475   - <option>Arial Rounded</option>
476   - <option>Arial TUR</option>
477   -
478   - </select>
479   - <select class="form-control" id="selected-font-size">
480   - <option>14</option>
481   - <option>16</option>
482   - <option>18</option>
483   - <option>20</option>
484   - <option>22</option>
485   - <option>24</option>
486   - <option>26</option>
487   - <option>28</option>
488   - <option>36</option>
489   - <option>48</option>
490   - <option>72</option>
491   - </select>
492   - <span style="vertical-align:middle;">
493   - <span id="text-bold" style="background: #4B4B4B;padding:4px;cursor:pointer;margin-right:2px;">
494   - <i aria-hidden="true" class="fa fa-bold" style="color: #fff"></i>
495   - </span>
496   - <span id="text-italic" style="background: #4B4B4B; padding: 4px; cursor: pointer; margin-right: 2px;">
497   - <i class="fa fa-italic" aria-hidden="true" style="color: #fff"></i>
498   -
499   - </span>
500   - <span id="text-underline" style="background: #4B4B4B; padding: 4px; cursor: pointer; margin-right: 5px;">
501   - <i class="fa fa-underline" aria-hidden="true" style="color: #fff"></i>
502   - </span>
503   - </span>
504   -
505   - <div class="form-group" id="font-color" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
506   -
507   - <input type="text" id="saturation-demo" class="form-control demo" data-control="saturation" style="display:none;" value="#0088cc">
508   - </div>
509   -
510   - <span style="vertical-align:middle;">
511   - <span id="text-left" style="background: #4B4B4B;padding:4px;cursor:pointer;margin-right:2px;">
512   - <i aria-hidden="true" class="fa fa-align-left" style="color: #fff"></i>
513   - </span>
514   - <span id="text-center" style="background: #4B4B4B; padding: 4px; cursor: pointer; margin-right: 2px;">
515   - <i class="fa fa-align-center" aria-hidden="true" style="color: #fff"></i>
516   -
517   -
518   - </span>
519   - <span id="text-right" style="background: #4B4B4B; padding: 4px; cursor: pointer; margin-right: 5px;">
520   - <i class="fa fa-align-right" aria-hidden="true" style="color: #fff"></i>
521   -
522   -
523   - </span>
524   - </span>
525   -
526   -
527   - </div>
528   - </div>
529   - <textarea class="form-control" id="text_area" rows="3" style="font-family: 'Verdana, sans-serif';font-size:14px; font-weight: normal; font-style: normal; color: #000; text-align: left; text-decoration: none;"></textarea>
530   - </div>
531   - <div class="modal-footer">
532   - <button type="button" class="btn btn-default" ng-click="closeModal()" data-dismiss="modal">Close</button>
533   - <button type="button" id="saveBtn" class="btn btn-primary" data-dismiss="modal" ng-click="saveText()">Save</button>
534   - </div>
535   - </div>
536   - </div>
537   - </div>
538   -
539   -
540   -
541   -
542   - <!--List manager-->
543   - <!--List manager-->
544   - <style>
545   - #listManager {
546   - background: #fff;
547   - border-radius: 3px;
548   - border: 1px solid #ededed;
549   - -webkit-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
550   - -moz-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
551   - box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
552   - width: 350px;
553   - position: absolute;
554   - top: 170px;
555   - left: 140px;
556   - display: none;
557   - z-index: 1100;
558   - }
559   -
560   - #listManager .annotation-modal-header {
561   - background: #818f44;
562   - padding: 2px 10px;
563   - }
564   -
565   - #listManager .annotation-modal-header h4 {
566   - color: #fff;
567   - font-size: 15px;
568   - line-height: 20px;
569   - }
570   -
571   - #listManager .modal-header .close {
572   - color: #fff;
573   - margin: 0;
574   - opacity: 10;
575   - text-shadow: none;
576   - }
577   -
578   - #listManager .modal-footer {
579   - padding: 5px 10px;
580   - }
581   - </style>
582   - <div id="listManager" style="">
583   - <div class="modal-header annotation-modal-header">
584   - <button type="button" class="close" aria-label="Close" ng-click="CloseListManager()"><span aria-hidden="true">&times;</span></button>
585   - <h4 class="modal-title" id="myModalLabel">List Manager</h4>
586   - </div>
587   - <div class="modal-body">
588   - <div class="row paddingTopBtm10">
589   - <div class="col-sm-12" ng-init="FillListManager()">
590   -
591   - <div class="form-group">
592   - <label for="sel1">Window</label>
593   - <select class="form-control" id="viewName" disabled>
594   - <!--<option>Male Lateral</option>-->
595   -
596   - </select>
597   - </div>
598   - <div style="">
599   - <div class="form-group">
600   - <div onclick="mytoggle()" class="btn btn-success btn-block" style="padding:3px 12px;">
601   - <i class=" fa fa-caret-right"></i> <span>Restrict List to</span>
602   - </div>
603   - </div>
604   -
605   - <div id="divSection" style="display:none;">
606   -
607   -
608   -
609   - <div class="well well-sm marginTopBtm10">
610   - <div class="form-horizontal">
611   - <div class="form-group">
612   - <label class="col-sm-4 control-label" for="System">System</label>
613   - <div class="col-sm-8">
614   - <select id="bodySystems" class="form-control"></select>
615   - </div>
616   - </div>
617   - <div class="form-group">
618   - <label class="col-sm-4 control-label" for="inputPassword3">Area</label>
619   - <div class="col-sm-8">
620   - <select class="form-control" disabled>
621   - <option value="1" selected="">Entire View</option>
622   - </select>
623   - </div>
624   - </div>
625   - </div>
626   - </div>
627   -
628   -
629   - </div>
630   -
631   -
632   -
633   - <div class="form-group">
634   - <select id="termList" class="form-control" multiple="" size="10"></select>
635   - </div>
636   -
637   - </div>
638   - <div style="clear:both;"></div>
639   -
640   -
641   -
642   -
643   - </div>
644   - </div>
645   -
646   - </div>
647   - <div class="modal-footer" id="totalTerms">
648   - <!--<span class="pull-left marginTop5">424 Structures</span>-->
649   - <button data-dismiss="modal" class="btn btn-primary" type="button"><i class="fa fa-arrow-circle-right"></i></button>
650   - </div>
651   - </div>
652   -
653   - <!--background disable div-->
654   -
655   - <div id="modelbackground"></div>
656   -
657   -
658   - <!--Edit Shape Modal-->
659   - <div class="modal fade" id="editshapestyle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel33" style="z-index:1000000000;width:302px;margin-left:auto;margin-right:auto;overflow:hidden;height:460px;">
660   - <div class="modal-dialog modal-sm" role="document">
661   - <div class="modal-content">
662   - <div class="modal-header annotation-modal-header">
663   - <h4 class="modal-title" id="myModalLabel33">Edit Shape Style</h4>
664   - </div>
665   - <div class="modal-body">
666   - <div class="marginTopBtm10">
667   - <div class="well well-sm no-margin-btm">
668   - <div class="row">
669   - <div class="col-sm-12">
670   - <div class="checkbox no-margin">
671   - <label>
672   - <input id="fill-option" type="checkbox" checked onclick="enableDisableFillOption()"> Fill Option
673   - </label>
674   - </div>
675   - </div>
676   - <div class="col-sm-6 enableDisableOpacity">
677   - <div class="radio">
678   - <label>
679   - <input type="radio" name="filloption" id="filloption1" value="filloption1">
680   - <span class="">Texture</span>
681   -<<<<<<< HEAD
682   - <img src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern">
683   -=======
684   - <img id="editstyleTexture" src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern">
685   ->>>>>>> db0b2ac40dc61ee08fb471800773516967978732
686   - </label>
687   - </div>
688   - <div class="radio">
689   - <label>
690   - <input type="radio" name="filloption" id="filloption2" value="filloption2" checked style="margin-top:8px;">
691   -
692   -
693   -<<<<<<< HEAD
694   - <div class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
695   -=======
696   - <div id="editstylebackgroundcolor" class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
697   ->>>>>>> db0b2ac40dc61ee08fb471800773516967978732
698   - <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span>
699   - <input type="text" class="form-control outerBackgroundColor" data-control="saturation" style="display:none;" value="#0088cc">
700   - </div>
701   -
702   -
703   - <!--<span class="">Color</span> <img src="img/color-picker.png" alt="" class="color-picker">-->
704   - <!--<span class="demo2" data-control="hue" style="font-weight:normal;">Color</span>-->
705   - <!--<img src="img/color-picker.png" alt="" class="color-picker">-->
706   - </label>
707   - </div>
708   - </div>
709   - <div class="col-sm-6 no-padding marginTop10 enableDisableOpacity">
710   - <div class="row">
711   - <label class="pull-left" style="font-weight:normal;">Scale</label>
712   - <div id="edit-slider-3" class="pull-left" style="width:62%; margin-left:3%; margin-top:2%;">
713   - <div id="slider-range-min-3"></div>
714   - <!--<p>Your slider has a value of <span id="slider-value"></span></p>-->
715   - </div>
716   - </div>
717   -
718   - <div class="row">
719   - <label class="pull-left" style="font-weight:normal;">Opacity</label>
720   - <div id="edit-slider-4" class="pull-left" style="width:53%; margin-left:3%; margin-top:2%;">
721   - <div id="slider-range-min-4"></div>
722   - </div>
723   - </div>
724   -
725   - <div class="clearfix"></div>
726   -
727   -
728   - </div>
729   - </div>
730   -
731   - </div>
732   - </div>
733   - <div class="marginTopBtm10">
734   - <div class="well well-sm no-margin-btm">
735   - <div class="row">
736   - <div class="col-sm-12">
737   - <div class="checkbox no-margin">
738   - <label>
739   - <input id="Outline-Option" onclick="enableDisableOutline()" type="checkbox" checked> Outline Option
740   - </label>
741   - </div>
742   - </div>
743   - <div class="col-sm-6 setEnableDisableForEditShapeStyle">
744   - <label class="marginTop5">
745   - <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span>
746   - <!--<span class="demo " data-control="hue" style="float:left;">&nbsp;</span>-->
747   -<<<<<<< HEAD
748   -
749   -
750   - <div class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
751   -=======
752   - <div class="form-group" id="outlineColor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
753   ->>>>>>> db0b2ac40dc61ee08fb471800773516967978732
754   -
755   - <input type="text" class="form-control borderColorCanvasPreview" data-control="saturation" style="display:none;" value="#0088cc">
756   - </div>
757   -
758   -
759   - <!--<img src="img/color-picker.png" alt="" class="color-picker">-->
760   - </label>
761   - </div>
762   -
763   - <div class="col-sm-6 setEnableDisableForEditShapeStyle">
764   - <div class="form-horizontal">
765   - <div class="form-group">
766   - <label class="col-sm-3 control-label" style=" font-weight:normal; padding-top:9px;">Size</label>
767   - <div class="col-sm-9 marginTop5">
768   - <select id="borderWidthCanvasElement" class="form-control input-sm">
769   - <option value="1">1</option>
770   - <option value="2">2</option>
771   - <option value="3">3</option>
772   - <option value="4">4</option>
773   - <option value="5">5</option>
774   - </select>
775   - </div>
776   - </div>
777   - </div>
778   - </div>
779   -
780   - </div>
781   - </div>
782   - </div>
783   -
784   - <div class="marginTopBtm10">
785   - <div class="well well-sm no-margin-btm">
786   - <img id="imgOpacity" class="img-rounded img-responsive imgopacity" alt="..." src="content/images/blank-shape.jpg">
787   - </div>
788   - </div>
789   - </div>
790   - <div class="modal-footer">
791   - <button type="button" class="btn btn-primary btn-sm" ng-click="shapestyle('imgOpacity')">
792   - OK
793   - </button>
794   - <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button>
795   - </div>
796   - </div>
797   - </div>
798   - </div>
799   -
800   - <script>
801   - function enableDisableFillOption()
802   - {
803   -
804   - if (document.getElementById('fill-option').checked)
805   - {
806   -
807   - //$("#filloption1").css({ "pointer-events": "auto" });
808   - //$("#filloption12").css({ "pointer-events": "auto" });
809   - $("#edit-slider-3").css({ "pointer-events": "auto" });
810   - $("#edit-slider-4").css({ "pointer-events": "auto" });
811   - $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
812   - $("#editstyleTexture").css({ "pointer-events": "auto" });
813   - $(".enableDisableOpacity label").css({ "cursor": "pointer" });
814   - $(".enableDisableOpacity").css({ "opacity": "1" })
815   - document.getElementById("filloption1").disabled = false;
816   - document.getElementById("filloption2").disabled = false;
817   - document.getElementById("filloption1").style.cursor = "default";
818   - document.getElementById("filloption2").style.cursor = "default";
819   -
820   -
821   -
822   - }
823   - else
824   - {
825   -
826   - //$("#filloption1").css({ "pointer-events": "none" });
827   - //$("#filloption2").css({ "pointer-events": "none" });
828   - $("#edit-slider-3").css({ "pointer-events": "none"});
829   - $("#edit-slider-4").css({ "pointer-events": "none"});
830   - $("#editstylebackgroundcolor").css({ "pointer-events": "none"});
831   - $("#editstyleTexture").css({ "pointer-events": "none" });
832   - $(".enableDisableOpacity label").css({ "cursor": "default" });
833   - $(".enableDisableOpacity").css({ "opacity": ".5" })
834   - document.getElementById("filloption1").disabled = true;
835   - document.getElementById("filloption2").disabled = true;
836   - document.getElementById("filloption1").style.cursor = "default";
837   - document.getElementById("filloption2").style.cursor = "default";
838   -
839   -
840   -
841   - }
842   -
843   - }
844   - function enableDisableOutline() {
845   -
846   - if (document.getElementById('Outline-Option').checked) {
847   -
848   - $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
849   - $("#outlineColor").css({ "pointer-events": "auto" });
850   - $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" })
851   - }
852   - else {
853   - $("#borderWidthCanvasElement").css({ "pointer-events": "none" });
854   - $("#outlineColor").css({ "pointer-events": "none" });
855   - $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" })
856   - }
857   - }
858   -
859   - </script>
860   -
861   - <script>
862   - function mytoggle() {
863   - var div = document.getElementById("divSection");
864   - if (div.style.display == 'block') {
865   - div.style.display = 'none';
866   - return;
867   - }
868   - div.style.display = 'block';
869   - }
870   - </script>
871   -
872   -
873   - <script>
874   - function mytoggle() {
875   - var div = document.getElementById("divSection");
876   - if (div.style.display == 'block') {
877   - div.style.display = 'none';
878   - return;
879   - }
880   - div.style.display = 'block';
881   - }
882   - </script>
883   -
884   -
885   - <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>-->
886   - <script src="libs/jquery/2.1.3/jquery.min.js"></script>
887   - <script src="libs/jquery/1.11.4/jquery-ui.js"></script>
888   - <script src="libs/jquery/jquery_plugin/jquery.mCustomScrollbar.concat.min.js"></script>
889   - <script src="themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script>
890   - <script src="libs/angular/1.4.9/angular.min.js"></script>
891   - <script src="libs/angular/1.4.9/angular-route.min.js"></script>
892   - <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script>
893   - <script src="libs/angular/1.4.9/ngStorage.js"></script>
894   - <script src="content/js/custom/custom.js"></script>
895   - <!--Annotation Toolbar : jcanvas Library-->
896   -
897   - <script src="libs/jcanvas/jcanvas.min.js"></script>
898   - <script src="libs/jcanvas/jcanvas.handle.min.js"></script>
899   -
900   - <script src="libs/jinqJs.js"></script>
901   - <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script>
902   - <script src="libs/jquery/jquery_plugin/SpeechBubble/bubble.js"></script>
903   - <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
904   - <!--<script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.js"></script>-->
905   - <script src="app/main/AIA.js"></script>
906   - <script src="app/main/Link.js"></script>
907   - <script src="content/scripts/js/custom/custom.js"></script>
908   - <script src="app/filters/ColorMatrixFilter.js"></script>
909   - <script src="app/utility/Matrix.js"></script>
910   - <script src="app/utility/Point.js"></script>
911   - <script src="app/utility/Rectangle.js"></script>
912   - <script src="app/utility/BitmapData.js"></script>
913   - <script src="app/utility/Paint.js"></script>
914   - <script src="app/controllers/DAController.js"></script>
915   - <script src="app/controllers/CIController.js"></script>
916   - <script src="app/controllers/CAController.js"></script>
917   - <script src="app/controllers/3dAController.js"></script>
918   - <script src="app/controllers/CurrBuildController.js"></script>
919   - <script src="app/controllers/AnatTestController.js"></script>
920   - <script src="app/controllers/LabExercController.js"></script>
921   - <script src="app/controllers/ADAMImgController.js"></script>
922   - <script src="app/controllers/AODController.js"></script>
923   - <script src="app/controllers/HomeController.js"></script>
924   - <script src="app/controllers/LinkController.js"></script>
925   - <script src="app/services/DataService.js"></script>
926   - <script src="libs/jquery/jquery_plugin/jqueryui.js"></script>
927   -
928   - <script src="libs/jquery/jquery_plugin/color-picker/jquery.minicolors.min.js"></script>
929   - <!--<script src="libs/colorpicker/jquery.minicolors.min.js"></script>-->
930   - <script src="libs/color-picker/jquery.minicolors.min.js"></script>
931   -
932   - <script src="libs/sketch.js"></script>
933   - <!--<script type="text/javascript">
934   - $(function () {
935   - $('#canvas').sketch();
936   - });
937   - </script>-->
938   - <script>
939   - $(function () {
940   - $("#slider-range-min-2").slider({
941   - range: "min",
942   - min: 1,
943   - max: 60,
944   - value: 10,
945   - slide: function (event, ui) {
946   -
947   - $("#amount-2").val(ui.value);
948   -
949   -
950   - },
951   - stop: function (event, ui) {
952   -
953   - $("#paintLine").attr("data-size", ui.value);
954   -
955   - }
956   -
957   - });
958   - //$("#slider-range-min-2").on("slidestart", function (event, ui) {
959   -
960   - // $('.btnCursor').trigger('click');
961   - // $(".btn-annotation").removeClass("activebtncolor");
962   - // $('.btnCursor').addClass('activebtncolor');
963   - // // ctx.clearRect(0, 0, canvasPaint.width, canvasPaint.height);
964   -
965   -
966   - //});
967   - // $("#slider-range-min-2").on("slidechange", function (event, ui) { alert("ssasa"); });
968   -
969   - $("#amount-2").val($("#slider-vertical-2").slider("value"));
970   -
971   - $(function () {
972   - $('[data-toggle="tooltip"]').tooltip();
973   - })
974   - });
975   - </script>
976   - <script>
977   - (function ($) {
978   - $(window).load(function () {
979   - $(".sidebar").mCustomScrollbar({
980   - autoHideScrollbar: true,
981   - //theme:"rounded"
982   - });
983   -
984   - });
985   - })(jQuery);
986   - </script>
987   - <script>
988   - $(function () {
989   - $(".modal").draggable();
990   - $(".annotationTollbar").draggable();
991   - });
992   - </script>
993   -
994   - <script type="text/javascript">
995   - $(function () {
996   - var colpick = $('.demo').each(function () {
997   - $(this).minicolors({
998   - control: $(this).attr('data-control') || 'hue',
999   - inline: $(this).attr('data-inline') === 'true',
1000   - letterCase: 'lowercase',
1001   - opacity: false,
1002   - change: function (hex, opacity) {
1003   - if (!hex) return;
1004   - if (opacity) hex += ', ' + opacity;
1005   - try {
1006   - console.log(hex);
1007   - $("#text_area").css("color", hex);
1008   - } catch (e) { }
1009   - $(this).select();
1010   - },
1011   - theme: 'bootstrap'
1012   - });
1013   - });
1014   -
1015   - var $inlinehex = $('#inlinecolorhex h3 small');
1016   - //alert($inlinehex);
1017   - $('#inlinecolors').minicolors({
1018   - inline: true,
1019   - theme: 'bootstrap',
1020   - change: function (hex) {
1021   - if (!hex) return;
1022   -
1023   - $inlinehex.html(hex);
1024   - }
1025   - });
1026   - });
1027   - </script>
1028   -
1029   -
1030   - <script type="text/javascript">
1031   - $(function () {
1032   -
1033   - $("#text-left").on('click', function () {
1034   -
1035   - $("#text_area").css("text-align", "left");
1036   -
1037   - });
1038   -
1039   -
1040   - $("#text-center").on('click', function () {
1041   -
1042   - $("#text_area").css("text-align", "center");
1043   -
1044   - });
1045   -
1046   -
1047   - $("#text-right").on('click', function () {
1048   -
1049   - $("#text_area").css("text-align", "right");
1050   -
1051   - });
1052   -
1053   -
1054   - $("#text-bold").on('click', function () {
1055   -
1056   - $("#text_area").css("font-weight", "bold");
1057   -
1058   - });
1059   -
1060   - $("#text-italic").on('click', function () {
1061   -
1062   - $("#text_area").css("font-style", "italic");
1063   -
1064   - });
1065   -
1066   - $("#text-underline").on('click', function () {
1067   -
1068   - $("#text_area").css("text-decoration", "underline");
1069   -
1070   - });
1071   -
1072   -
1073   - $("#selected-font-size").change(function () {
1074   -
1075   - $("#text_area").css("font-size", $(this).val() + "px");
1076   - });
1077   -
1078   - $("#selected-font-family").change(function () {
1079   -
1080   - $("#text_area").css("font-family", $(this).val());
1081   -
1082   - });
1083   -
1084   -
1085   - });
1086   -
1087   -
1088   -
1089   - </script>
1090   -
1091   -
1092   - <script>
1093   - $(document).ready(function () {
1094   - var borderWidth = 1;
1095   - var borderColor = "#000";
1096   - $("#borderWidthCanvasElement").change(function () {
1097   -
1098   - borderWidth = $(this).val();
1099   -
1100   - if (borderColor != null) {
1101   -
1102   - $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor);
1103   - } else {
1104   -
1105   - $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid");
1106   - }
1107   - });
1108   -
1109   -
1110   - $('.borderColorCanvasPreview').each(function () {
1111   -
1112   - $(this).minicolors({
1113   - control: $(this).attr('data-control') || 'hue',
1114   - defaultValue: $(this).attr('data-defaultValue') || '',
1115   - format: $(this).attr('data-format') || 'hex',
1116   - keywords: $(this).attr('data-keywords') || '',
1117   - inline: $(this).attr('data-inline') === 'true',
1118   - letterCase: $(this).attr('data-letterCase') || 'lowercase',
1119   - opacity: $(this).attr('data-opacity'),
1120   - position: $(this).attr('data-position') || 'bottom left',
1121   - swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('|') : [],
1122   - change: function (value, opacity) {
1123   - if (!value) return;
1124   - if (opacity) value += ', ' + opacity;
1125   - if (typeof console === 'object') {
1126   - console.log(value);
1127   -
1128   - borderColor = value;
1129   - $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor);
1130   -
1131   -
1132   - }
1133   - },
1134   - theme: 'bootstrap'
1135   - });
1136   -
1137   - });
1138   -
1139   -
1140   -
1141   - $('.outerBackgroundColor').each(function () {
1142   -
1143   - $(this).minicolors({
1144   - control: $(this).attr('data-control') || 'hue',
1145   - defaultValue: $(this).attr('data-defaultValue') || '',
1146   - format: $(this).attr('data-format') || 'hex',
1147   - keywords: $(this).attr('data-keywords') || '',
1148   - inline: $(this).attr('data-inline') === 'true',
1149   - letterCase: $(this).attr('data-letterCase') || 'lowercase',
1150   - opacity: $(this).attr('data-opacity'),
1151   - position: $(this).attr('data-position') || 'bottom left',
1152   - swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('|') : [],
1153   - change: function (value, opacity) {
1154   - if (!value) return;
1155   - if (opacity) value += ', ' + opacity;
1156   - if (typeof console === 'object') {
1157   - console.log(value);
1158   - $("#imgOpacity").parent().css("background-color", value);
1159   -
1160   - }
1161   - },
1162   - theme: 'bootstrap'
1163   - });
1164   -
1165   - });
1166   -
1167   -
1168   - });
1169   - </script>
1170   -
1171   -
1172   - <script>
1173   - $(function () {
1174   - $("#slider-range-min-3").slider({
1175   - range: "min",
1176   - min: 0,
1177   - max: 100,
1178   - value: 20,
1179   - change: function (event, ui) {
1180   -
1181   -
1182   - }
1183   - });
1184   -
1185   -
1186   -
1187   - });
1188   - </script>
1189   -
1190   - <script>
1191   - $(function () {
1192   -
1193   -
1194   -
1195   - $("#slider-range-min-4").slider(
1196   - {
1197   - range: "min",
1198   - value: .5,
1199   - min: 0,
1200   - max: 1,
1201   - step: .1,
1202   - slide: function (event, ui) {
1203   -
1204   - $(".marginTopBtm10 img.imgopacity").css("opacity", ui.value);
1205   - // $("#slider-value").html(ui.value);
1206   -
1207   - }
1208   -
1209   - }
1210   -
1211   -);
1212   -
1213   - });
1214   -
1215   -
1216   -
1217   - </script>
1218   -
1219   -
1220   -
1221   -
1222   -
1223   -
1224   -
1225   -</body>
1226   -</html>
1227 0 \ No newline at end of file