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 \ No newline at end of file 0 \ No newline at end of file