Commit 3ce0a6a1fea7d9b3da6aa74589d5353e80137b51
merged code
Showing
2 changed files
with
1112 additions
and
1092 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
| ... | ... | @@ -141,7 +141,7 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic |
| 141 | 141 | $rootScope.disableSubMenu = ""; |
| 142 | 142 | $rootScope.CloseAnnotationTool(); |
| 143 | 143 | $rootScope.CloseListManager(); |
| 144 | - angular.element('#modal-settings').modal('hide'); | |
| 144 | + angular.element('#modal-settings').css('display','none'); | |
| 145 | 145 | if ($location.url() == "/lab-exercises") { |
| 146 | 146 | |
| 147 | 147 | $rootScope.menuLabExer = 0; |
| ... | ... | @@ -345,9 +345,13 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic |
| 345 | 345 | $rootScope.ShowSettingWindow = function () { |
| 346 | 346 | if ($(".annotationTollbar").css("display") == "block") { |
| 347 | 347 | // alert("already open"); |
| 348 | + $('#modal-settings').css("display", "none"); | |
| 349 | + $("#modelsettingsbackground").css("display", "none"); | |
| 348 | 350 | } |
| 349 | 351 | else { |
| 350 | - $('#modal-settings').modal('toggle'); | |
| 352 | + | |
| 353 | + $('#modal-settings').css("display", "block"); | |
| 354 | + $("#modelsettingsbackground").css("display", "block"); | |
| 351 | 355 | } |
| 352 | 356 | |
| 353 | 357 | } |
| ... | ... | @@ -2382,16 +2386,27 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic |
| 2382 | 2386 | |
| 2383 | 2387 | $rootScope.setEthncitySettings($rootScope.globalSetting.ethnicity); |
| 2384 | 2388 | $rootScope.setModestySettings($rootScope.globalSetting.modesty); |
| 2385 | - $('#modal-settings').modal('hide'); | |
| 2389 | + | |
| 2390 | + $('#modal-settings').css("display", "none"); | |
| 2391 | + $("#modelsettingsbackground").css("display", "none"); | |
| 2386 | 2392 | } |
| 2387 | 2393 | |
| 2388 | 2394 | $rootScope.UpdateAndCloseSetting = function (setting) { |
| 2389 | 2395 | |
| 2390 | 2396 | $rootScope.UpdateSetting(setting); |
| 2391 | - $('#modal-settings').modal('hide'); | |
| 2397 | + | |
| 2398 | + $('#modal-settings').css("display", "none"); | |
| 2399 | + $("#modelsettingsbackground").css("display", "none"); | |
| 2392 | 2400 | |
| 2393 | 2401 | }; |
| 2394 | 2402 | |
| 2403 | + | |
| 2404 | + $rootScope.CloseSettingPopup = function () { | |
| 2405 | + $('#modal-settings').css("display", "none"); | |
| 2406 | + $("#modelsettingsbackground").css("display", "none"); | |
| 2407 | + } | |
| 2408 | + | |
| 2409 | + | |
| 2395 | 2410 | $rootScope.UpdateSetting = function (setting) { |
| 2396 | 2411 | var isReloadingViewRequired = false; |
| 2397 | 2412 | //1. |
| ... | ... | @@ -2448,7 +2463,9 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic |
| 2448 | 2463 | } |
| 2449 | 2464 | } |
| 2450 | 2465 | else { |
| 2451 | - $('#modal-settings').modal('hide'); | |
| 2466 | + | |
| 2467 | + $('#modal-settings').css("display", "none"); | |
| 2468 | + $("#modelsettingsbackground").css("display", "none"); | |
| 2452 | 2469 | } |
| 2453 | 2470 | |
| 2454 | 2471 | }; | ... | ... |
400-SOURCECODE/AIAHTML5.Web/index.html
| ... | ... | @@ -398,1392 +398,1395 @@ |
| 398 | 398 | </div> |
| 399 | 399 | |
| 400 | 400 | <!--Settings modal--> |
| 401 | - <div class="modal fade" id="modal-settings" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2"> | |
| 402 | - <div class="modal-dialog modal-sm" role="document"> | |
| 403 | - <form> | |
| 404 | - <div ng-init="loadsettings()" class="modal-content" id="setting-modal-dark"> | |
| 405 | - <div class="modal-header annotation-modal-header"> | |
| 406 | - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | |
| 407 | - <h4 class="modal-title" id="myModalLabel2">Settings</h4> | |
| 408 | - </div> | |
| 409 | - <div class="modal-body"> | |
| 410 | - <div class="paddTop15"> | |
| 411 | - <!-- Nav tabs --> | |
| 412 | - <ul class="nav nav-tabs" role="tablist"> | |
| 413 | - <li role="presentation" ng-class="{'active':SettingsTab==1}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(1)">Appearance</a></li> | |
| 414 | - <li role="presentation" ng-class="{'active':SettingsTab==2}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(2)">Lexicons</a></li> | |
| 415 | - <li role="presentation" ng-class="{'active':SettingsTab==3}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(3)">Dissectible</a></li> | |
| 416 | - | |
| 417 | - </ul> | |
| 418 | - <!-- Tab panes --> | |
| 419 | - <div class="tab-content"> | |
| 420 | - <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 1,'tab-pane' : SettingsTab !==1 }" id="appearance"> | |
| 421 | - <div class="row"> | |
| 422 | - <div class="col-sm-12"> | |
| 423 | - <div class="well well-sm no-margin-btm"> | |
| 424 | - <h5>System Font</h5> | |
| 425 | - <div class="form-group"> | |
| 426 | - <label for="SystemFont" class="font13">Sample</label> | |
| 427 | - <input type="text" class="form-control" id="SystemFont" value="AaBbYyZz" disabled> | |
| 401 | + <!--<div id="modal-settings" style="z-index: 1000000000; background: white;width: 302px;position:absolute;left:40%;right:0;top:70px;">--> | |
| 402 | + <div id="modelsettingsbackground" style="background-color: black; bottom: 0; display: none; height: 100%; left: 0; opacity: 0.5; position: fixed; right: 0; top: 0; width: 100%; z-index: 12000000;"></div> | |
| 403 | + <div id="modal-settings" style="display:none;z-index: 1000000000;height:auto;width: 300px;position:absolute;left:40%;right:0;top:70px;"> | |
| 404 | + <div role="document"> | |
| 405 | + <form> | |
| 406 | + <div ng-init="loadsettings()" class="modal-content" id="setting-modal-dark"> | |
| 407 | + <div class="modal-header annotation-modal-header"> | |
| 408 | + <button type="button" class="close" data-dismiss="modal" ng-click="CloseSettingPopup()" aria-label="Close"><span aria-hidden="true">×</span></button> | |
| 409 | + <h4 class="modal-title" id="myModalLabel2">Settings</h4> | |
| 410 | + </div> | |
| 411 | + <div class="modal-body"> | |
| 412 | + <div class="paddTop15"> | |
| 413 | + <!-- Nav tabs --> | |
| 414 | + <ul class="nav nav-tabs" role="tablist"> | |
| 415 | + <li role="presentation" ng-class="{'active':SettingsTab==1}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(1)">Appearance</a></li> | |
| 416 | + <li role="presentation" ng-class="{'active':SettingsTab==2}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(2)">Lexicons</a></li> | |
| 417 | + <li role="presentation" ng-class="{'active':SettingsTab==3}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(3)">Dissectible</a></li> | |
| 418 | + | |
| 419 | + </ul> | |
| 420 | + <!-- Tab panes --> | |
| 421 | + <div class="tab-content"> | |
| 422 | + <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 1,'tab-pane' : SettingsTab !==1 }" id="appearance"> | |
| 423 | + <div class="row"> | |
| 424 | + <div class="col-sm-12"> | |
| 425 | + <div class="well well-sm no-margin-btm"> | |
| 426 | + <h5>System Font</h5> | |
| 427 | + <div class="form-group"> | |
| 428 | + <label for="SystemFont" class="font13">Sample</label> | |
| 429 | + <input type="text" class="form-control" id="SystemFont" value="AaBbYyZz" disabled> | |
| 430 | + </div> | |
| 431 | + <button class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal-change">Change</button> | |
| 432 | + <button class="btn btn-success btn-sm">Default</button> | |
| 428 | 433 | </div> |
| 429 | - <button class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal-change">Change</button> | |
| 430 | - <button class="btn btn-success btn-sm">Default</button> | |
| 431 | 434 | </div> |
| 432 | 435 | </div> |
| 433 | 436 | </div> |
| 434 | - </div> | |
| 435 | - <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 2,'tab-pane' : SettingsTab !==2 }" id="lexicons"> | |
| 436 | - <div class="row paddingTopBtm10"> | |
| 437 | - <div class="col-sm-6"> | |
| 438 | - <div class="form-group"> | |
| 439 | - <label for="SystemFont" class="font13">Primary Lexicon</label> | |
| 440 | - <input type="text" class="form-control" value="English" disabled> | |
| 441 | - <button class="btn btn-sm btn-success btn-block marginTop5">Change</button> | |
| 442 | - </div> | |
| 437 | + <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 2,'tab-pane' : SettingsTab !==2 }" id="lexicons"> | |
| 438 | + <div class="row paddingTopBtm10"> | |
| 439 | + <div class="col-sm-6"> | |
| 440 | + <div class="form-group"> | |
| 441 | + <label for="SystemFont" class="font13">Primary Lexicon</label> | |
| 442 | + <input type="text" class="form-control" value="English" disabled> | |
| 443 | + <button class="btn btn-sm btn-success btn-block marginTop5">Change</button> | |
| 444 | + </div> | |
| 443 | 445 | |
| 444 | - <div class="form-group"> | |
| 445 | - <label for="SystemFont" class="font13">Secondary Lexicon</label> | |
| 446 | - <textarea class="form-control" rows="3"></textarea> | |
| 447 | - </div> | |
| 448 | - <div class="form-group"> | |
| 449 | - <button class="btn btn-sm btn-success" disabled>Add</button> | |
| 450 | - <button class="btn btn-sm btn-success">Remove</button> | |
| 446 | + <div class="form-group"> | |
| 447 | + <label for="SystemFont" class="font13">Secondary Lexicon</label> | |
| 448 | + <textarea class="form-control" rows="3"></textarea> | |
| 449 | + </div> | |
| 450 | + <div class="form-group"> | |
| 451 | + <button class="btn btn-sm btn-success" disabled>Add</button> | |
| 452 | + <button class="btn btn-sm btn-success">Remove</button> | |
| 453 | + </div> | |
| 451 | 454 | </div> |
| 452 | - </div> | |
| 453 | - <div class="col-sm-6"> | |
| 454 | - <div class="form-group"> | |
| 455 | - <label for="SystemFont" class="font13">Available Lexicon</label> | |
| 456 | - <select multiple class="form-control" size="8"> | |
| 457 | - <option selected value="1">English</option> | |
| 458 | - <option>French</option> | |
| 459 | - <option>German</option> | |
| 460 | - <option>Hungarian</option> | |
| 461 | - <option>Italian</option> | |
| 462 | - <option>Japanese (Kanji)</option> | |
| 463 | - <option>Japanese (Yomi)</option> | |
| 464 | - <option>Portuguese</option> | |
| 465 | - <option>Spanish</option> | |
| 466 | - <option>Swedish</option> | |
| 467 | - </select> | |
| 455 | + <div class="col-sm-6"> | |
| 456 | + <div class="form-group"> | |
| 457 | + <label for="SystemFont" class="font13">Available Lexicon</label> | |
| 458 | + <select multiple class="form-control" size="8"> | |
| 459 | + <option selected value="1">English</option> | |
| 460 | + <option>French</option> | |
| 461 | + <option>German</option> | |
| 462 | + <option>Hungarian</option> | |
| 463 | + <option>Italian</option> | |
| 464 | + <option>Japanese (Kanji)</option> | |
| 465 | + <option>Japanese (Yomi)</option> | |
| 466 | + <option>Portuguese</option> | |
| 467 | + <option>Spanish</option> | |
| 468 | + <option>Swedish</option> | |
| 469 | + </select> | |
| 470 | + </div> | |
| 471 | + <p class="font11"><strong>Note :</strong> Some languages require special system fonts to display correctly</p> | |
| 468 | 472 | </div> |
| 469 | - <p class="font11"><strong>Note :</strong> Some languages require special system fonts to display correctly</p> | |
| 473 | + <div class="clearfix"></div> | |
| 470 | 474 | </div> |
| 471 | - <div class="clearfix"></div> | |
| 472 | 475 | </div> |
| 473 | - </div> | |
| 474 | - <div role="tabpanel" id="dissectible" ng-class="{'tab-pane active' : SettingsTab === 3,'tab-pane' : SettingsTab !==3 }"> | |
| 475 | - <div class=""> | |
| 476 | - <div class="col-sm-12"> | |
| 477 | - <h5 class="bolder font13 no-margin-top">Skin Tones</h5> | |
| 478 | - <div class="skin-tones"> | |
| 479 | - <div align="center"> | |
| 480 | - <div class="col-sm-5"> | |
| 481 | - <button id="btnEthnicW" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'W')"> | |
| 482 | - <img src="~/../content/images/common/skin1.jpg" alt=""> | |
| 483 | - </button> | |
| 484 | - </div> | |
| 485 | - <div class="col-sm-5"> | |
| 486 | - <button id="btnEthnicB" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'B')"> | |
| 487 | - <img src="~/../content/images/common/skin2.jpg" alt=""> | |
| 488 | - </button> | |
| 489 | - </div> | |
| 490 | - <div class="col-sm-5"> | |
| 491 | - <button id="btnEthnicL" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'A')"> | |
| 492 | - <img src="~/../content/images/common/skin3.jpg" alt=""> | |
| 493 | - </button> | |
| 494 | - </div> | |
| 495 | - <div class="col-sm-5"> | |
| 496 | - <button id="btnEthnicA" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'L')"> | |
| 497 | - <img src="~/../content/images/common/skin4.jpg" alt=""> | |
| 498 | - </button> | |
| 476 | + <div role="tabpanel" id="dissectible" ng-class="{'tab-pane active' : SettingsTab === 3,'tab-pane' : SettingsTab !==3 }"> | |
| 477 | + <div class=""> | |
| 478 | + <div class="col-sm-12"> | |
| 479 | + <h5 class="bolder font13 no-margin-top">Skin Tones</h5> | |
| 480 | + <div class="skin-tones"> | |
| 481 | + <div align="center"> | |
| 482 | + <div class="col-sm-5"> | |
| 483 | + <button id="btnEthnicW" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'W')"> | |
| 484 | + <img src="~/../content/images/common/skin1.jpg" alt=""> | |
| 485 | + </button> | |
| 486 | + </div> | |
| 487 | + <div class="col-sm-5"> | |
| 488 | + <button id="btnEthnicB" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'B')"> | |
| 489 | + <img src="~/../content/images/common/skin2.jpg" alt=""> | |
| 490 | + </button> | |
| 491 | + </div> | |
| 492 | + <div class="col-sm-5"> | |
| 493 | + <button id="btnEthnicL" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'A')"> | |
| 494 | + <img src="~/../content/images/common/skin3.jpg" alt=""> | |
| 495 | + </button> | |
| 496 | + </div> | |
| 497 | + <div class="col-sm-5"> | |
| 498 | + <button id="btnEthnicA" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'L')"> | |
| 499 | + <img src="~/../content/images/common/skin4.jpg" alt=""> | |
| 500 | + </button> | |
| 501 | + </div> | |
| 499 | 502 | </div> |
| 500 | 503 | </div> |
| 501 | - </div> | |
| 502 | 504 | |
| 503 | - </div> | |
| 504 | - </div> | |
| 505 | - <div class=""> | |
| 506 | - <div class="col-sm-6"> | |
| 507 | - <h5 class="font13 bolder">Modesty Setting</h5> | |
| 508 | - <img src="~/../content/images/common/adam-leaf.png" alt="" class="pull-left marginR5"> | |
| 509 | - <div class="radio"> | |
| 510 | - <label> | |
| 511 | - <input type="radio" ng-checked="isModestyOn" ng-model="formsetting.modesty" value="Y" name="modestyRadios" id="modon" ng-click="ChangeModesty(formsetting,'Y')"> | |
| 512 | - <span class="">On</span> | |
| 513 | - </label> | |
| 514 | - </div> | |
| 515 | - <div class="radio"> | |
| 516 | - <label> | |
| 517 | - <input type="radio" ng-checked="isModestyOff" ng-model="formsetting.modesty" value="N" name="modestyRadios" id="modoff" ng-click="ChangeModesty(formsetting,'N')"> | |
| 518 | - <span class="">Off</span> | |
| 519 | - </label> | |
| 520 | 505 | </div> |
| 521 | 506 | </div> |
| 522 | - <div class="col-sm-6"> | |
| 523 | - <h5 class="font13 bolder">Annotation</h5> | |
| 524 | - <div class="checkbox no-margin"> | |
| 525 | - <!--Settings > The entire highlighted part should be active--> | |
| 526 | - <label class="font11 no-margin-btm"> | |
| 527 | - <input type="checkbox" value="" checked> | |
| 528 | - Erase Annotations when changing layers | |
| 529 | - </label> | |
| 507 | + <div class=""> | |
| 508 | + <div class="col-sm-6"> | |
| 509 | + <h5 class="font13 bolder">Modesty Setting</h5> | |
| 510 | + <img src="~/../content/images/common/adam-leaf.png" alt="" class="pull-left marginR5"> | |
| 511 | + <div class="radio"> | |
| 512 | + <label> | |
| 513 | + <input type="radio" ng-checked="isModestyOn" ng-model="formsetting.modesty" value="Y" name="modestyRadios" id="modon" ng-click="ChangeModesty(formsetting,'Y')"> | |
| 514 | + <span class="">On</span> | |
| 515 | + </label> | |
| 516 | + </div> | |
| 517 | + <div class="radio"> | |
| 518 | + <label> | |
| 519 | + <input type="radio" ng-checked="isModestyOff" ng-model="formsetting.modesty" value="N" name="modestyRadios" id="modoff" ng-click="ChangeModesty(formsetting,'N')"> | |
| 520 | + <span class="">Off</span> | |
| 521 | + </label> | |
| 522 | + </div> | |
| 523 | + </div> | |
| 524 | + <div class="col-sm-6"> | |
| 525 | + <h5 class="font13 bolder">Annotation</h5> | |
| 526 | + <div class="checkbox no-margin"> | |
| 527 | + <!--Settings > The entire highlighted part should be active--> | |
| 528 | + <label class="font11 no-margin-btm"> | |
| 529 | + <input type="checkbox" value="" checked> | |
| 530 | + Erase Annotations when changing layers | |
| 531 | + </label> | |
| 532 | + </div> | |
| 530 | 533 | </div> |
| 531 | 534 | </div> |
| 532 | 535 | </div> |
| 533 | 536 | </div> |
| 534 | 537 | </div> |
| 535 | 538 | </div> |
| 539 | + <div class="modal-footer"> | |
| 540 | + <button type="button" class="btn btn-primary" ng-click="UpdateAndCloseSetting(formsetting)">OK</button> | |
| 541 | + <!--<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>--> | |
| 542 | + <button type="button" class="btn btn-primary" ng-click="CloseSetting()">Cancel</button> | |
| 543 | + <button type="button" class="btn btn-primary" ng-click="UpdateSetting(formsetting)">Apply</button> | |
| 544 | + </div> | |
| 536 | 545 | </div> |
| 537 | - <div class="modal-footer"> | |
| 538 | - <button type="button" class="btn btn-primary" ng-click="UpdateAndCloseSetting(formsetting)">OK</button> | |
| 539 | - <!--<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>--> | |
| 540 | - <button type="button" class="btn btn-primary" ng-click="CloseSetting()">Cancel</button> | |
| 541 | - <button type="button" class="btn btn-primary" ng-click="UpdateSetting(formsetting)">Apply</button> | |
| 542 | - </div> | |
| 543 | - </div> | |
| 544 | - </form> | |
| 546 | + </form> | |
| 547 | + </div> | |
| 545 | 548 | </div> |
| 546 | - </div> | |
| 547 | - | |
| 548 | - <!--Annotation Modal--> | |
| 549 | - <div class="annotationTollbar" style="width: 300px;position: fixed; top: 80px; right: 20px; display: none; z-index: 1200000;"> | |
| 550 | - <div class="annotationbar"> | |
| 551 | - <div class="modal-content"> | |
| 552 | - <div class="modal-header annotation-modal-header"> | |
| 553 | - <button type="button" class="close" aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">×</span></button> | |
| 554 | - <h4 class="modal-title" id="myModalLabel">Annotation</h4> | |
| 555 | - </div> | |
| 556 | - <div class="modal-body" id="AnnotaionPopupDiv"> | |
| 557 | - <div class="row"> | |
| 558 | - <div class="col-sm-12"> | |
| 559 | - <h5>Mode</h5> | |
| 560 | 549 | |
| 561 | - <div class="btn-group btn-group-justified" role="group" aria-label="..."> | |
| 562 | - <div class="btn-group" role="group" tooltip> | |
| 563 | - <div id="identify-block" style="display: none; font-size:13px;">Identify Mode</div> | |
| 564 | - <button id="OnIdentify" type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button> | |
| 565 | - </div> | |
| 566 | - <div class="btn-group" role="group"> | |
| 567 | - <div id="draw-block" style="display: none; font-size: 13px;">Draw Mode</div> | |
| 568 | - <button id="DrawMode" type="button" ng-click="DrawingMode()" class="btn btn-sm btn-success">Draw</button> | |
| 569 | - </div> | |
| 570 | - </div> | |
| 550 | + <!--Annotation Modal--> | |
| 551 | + <div class="annotationTollbar" style="width: 300px;position: fixed; top: 80px; right: 20px; display: none; z-index: 1200000;"> | |
| 552 | + <div class="annotationbar"> | |
| 553 | + <div class="modal-content"> | |
| 554 | + <div class="modal-header annotation-modal-header"> | |
| 555 | + <button type="button" class="close" aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">×</span></button> | |
| 556 | + <h4 class="modal-title" id="myModalLabel">Annotation</h4> | |
| 557 | + </div> | |
| 558 | + <div class="modal-body" id="AnnotaionPopupDiv"> | |
| 559 | + <div class="row"> | |
| 560 | + <div class="col-sm-12"> | |
| 561 | + <h5>Mode</h5> | |
| 571 | 562 | |
| 572 | - </div> | |
| 573 | - <div class="col-sm-12"> | |
| 574 | - <h5>Tools</h5> | |
| 575 | - <div class="well well-popup"> | |
| 576 | - <div class="" aria-label="..."> | |
| 577 | - <div class="" role="group" align="center"> | |
| 578 | - <div id="cursor-block" style="display: none; font-size:13px;"></div> | |
| 579 | - <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btnCursor" ng-mouseover="mouseMoveToolTip(75, 60, 120, 'Select Cursor(s)')" ng-mouseleave="mouseOutToolTip()" ng-click="Cursor()"><img src="content/images/icon-identity.png" alt="" title=""></button> | |
| 580 | - <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-pin" ng-mouseover="mouseMoveToolTip(75, 100, 120, 'Draw Pin')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawPin($event)"><img src="content/images/draw-pin.png" alt="" title=""></button> | |
| 581 | - <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-arrow" ng-mouseover="mouseMoveToolTip(75, 120, 120, 'Draw Arrow')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawArrow($event)"><img src="content/images/draw-arrow.png" alt="" title=""></button> | |
| 582 | - <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-Text" ng-mouseover="mouseMoveToolTip(75, 140, 120, 'Draw Text')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawText($event)"><img src="content/images/draw-text.png" alt="" title=""></button> | |
| 563 | + <div class="btn-group btn-group-justified" role="group" aria-label="..."> | |
| 564 | + <div class="btn-group" role="group" tooltip> | |
| 565 | + <div id="identify-block" style="display: none; font-size:13px;">Identify Mode</div> | |
| 566 | + <button id="OnIdentify" type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button> | |
| 583 | 567 | </div> |
| 584 | - <div class="" role="group" align="center"> | |
| 585 | - <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-line" ng-mouseover="mouseMoveToolTip(95, 60, 120, 'Draw Line')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawLine($event)"><img src="content/images/draw-line.png" alt="" title=""></button> | |
| 586 | - <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-rectangle" ng-mouseover="mouseMoveToolTip(95, 100, 120, 'Draw Rectangle')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawRectangle($event)"><img src="content/images/draw-rec.png" alt="" title=""></button> | |
| 587 | - <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-circle" ng-mouseover="mouseMoveToolTip(95, 120, 120, 'Draw Circle')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawCircle($event)"><img src="content/images/draw-cir.png" alt="" title=""></button> | |
| 588 | - <!--<button type="button" class="btn btn-black-annotation btn-xs btn-annotation" ng-mouseover="mouseMoveToolTip(95, 140, 120, 'Draw Polygon')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawPolygon($event)"><img src="content/images/draw-poly.png" alt="" title=""></button>--> | |
| 568 | + <div class="btn-group" role="group"> | |
| 569 | + <div id="draw-block" style="display: none; font-size: 13px;">Draw Mode</div> | |
| 570 | + <button id="DrawMode" type="button" ng-click="DrawingMode()" class="btn btn-sm btn-success">Draw</button> | |
| 589 | 571 | </div> |
| 590 | 572 | </div> |
| 573 | + | |
| 591 | 574 | </div> |
| 592 | - <div class="well-popup well blankshapediv" ng-mouseover="mouseMoveToolTip(200, 170, 120, 'Edit Style')" ng-mouseleave="mouseOutToolTip()"> | |
| 593 | - <!--#7931--> | |
| 575 | + <div class="col-sm-12"> | |
| 576 | + <h5>Tools</h5> | |
| 577 | + <div class="well well-popup"> | |
| 578 | + <div class="" aria-label="..."> | |
| 579 | + <div class="" role="group" align="center"> | |
| 580 | + <div id="cursor-block" style="display: none; font-size:13px;"></div> | |
| 581 | + <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btnCursor" ng-mouseover="mouseMoveToolTip(75, 60, 120, 'Select Cursor(s)')" ng-mouseleave="mouseOutToolTip()" ng-click="Cursor()"><img src="content/images/icon-identity.png" alt="" title=""></button> | |
| 582 | + <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-pin" ng-mouseover="mouseMoveToolTip(75, 100, 120, 'Draw Pin')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawPin($event)"><img src="content/images/draw-pin.png" alt="" title=""></button> | |
| 583 | + <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-arrow" ng-mouseover="mouseMoveToolTip(75, 120, 120, 'Draw Arrow')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawArrow($event)"><img src="content/images/draw-arrow.png" alt="" title=""></button> | |
| 584 | + <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-Text" ng-mouseover="mouseMoveToolTip(75, 140, 120, 'Draw Text')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawText($event)"><img src="content/images/draw-text.png" alt="" title=""></button> | |
| 585 | + </div> | |
| 586 | + <div class="" role="group" align="center"> | |
| 587 | + <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-line" ng-mouseover="mouseMoveToolTip(95, 60, 120, 'Draw Line')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawLine($event)"><img src="content/images/draw-line.png" alt="" title=""></button> | |
| 588 | + <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-rectangle" ng-mouseover="mouseMoveToolTip(95, 100, 120, 'Draw Rectangle')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawRectangle($event)"><img src="content/images/draw-rec.png" alt="" title=""></button> | |
| 589 | + <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-circle" ng-mouseover="mouseMoveToolTip(95, 120, 120, 'Draw Circle')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawCircle($event)"><img src="content/images/draw-cir.png" alt="" title=""></button> | |
| 590 | + <!--<button type="button" class="btn btn-black-annotation btn-xs btn-annotation" ng-mouseover="mouseMoveToolTip(95, 140, 120, 'Draw Polygon')" ng-mouseleave="mouseOutToolTip()" ng-click="DrawPolygon($event)"><img src="content/images/draw-poly.png" alt="" title=""></button>--> | |
| 591 | + </div> | |
| 592 | + </div> | |
| 593 | + </div> | |
| 594 | + <div class="well-popup well blankshapediv" ng-mouseover="mouseMoveToolTip(200, 170, 120, 'Edit Style')" ng-mouseleave="mouseOutToolTip()"> | |
| 595 | + <!--#7931--> | |
| 594 | 596 | |
| 595 | - <div id="edit-block" style="display: none; font-size: 13px;">Edit Shape Style</div> | |
| 596 | - <div id="previewBorder" class="outlinediv" ng-mouseover="mouseMoveToolTip(170, 170, 120, 'Edit Style')" ng-mouseleave="mouseOutToolTip()"> | |
| 597 | - <div id="shapeStyleDiv" style="background-color: #ffffff;" class="fullcolordiv" ng-click="disableAnnotationtoolOnListManager||enableAnnotationToolBar()"> | |
| 597 | + <div id="edit-block" style="display: none; font-size: 13px;">Edit Shape Style</div> | |
| 598 | + <div id="previewBorder" class="outlinediv" ng-mouseover="mouseMoveToolTip(170, 170, 120, 'Edit Style')" ng-mouseleave="mouseOutToolTip()"> | |
| 599 | + <div id="shapeStyleDiv" style="background-color: #ffffff;" class="fullcolordiv" ng-click="disableAnnotationtoolOnListManager||enableAnnotationToolBar()"> | |
| 598 | 600 | |
| 599 | - </div> | |
| 601 | + </div> | |
| 600 | 602 | |
| 603 | + </div> | |
| 601 | 604 | </div> |
| 602 | - </div> | |
| 603 | - <div class="well well-popup"> | |
| 604 | - <div class="" role="group" aria-label="..."> | |
| 605 | - <div> | |
| 606 | - <a href="#canvasPaint" data-size="1" data-color="#fff" id="annotationpaintbrushsize" ng-mouseover="mouseMoveToolTip(270, 50, 120, 'Paint')" ng-mouseleave="mouseOutToolTip()" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-brush" role="button" data-placement="top" style="margin-right:1%;" ng-click="paintBrush()"><i class="fa fa-paint-brush"></i></a> | |
| 607 | - <button type="button" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-erase" data-placement="top" ng-click="EraseDrawing()" ng-mouseover="mouseMoveToolTip(270, 70, 120, 'Erase')" ng-mouseleave="mouseOutToolTip()"><i class="fa fa-eraser"></i></button> | |
| 608 | - <div style="width: 80px; margin: 0px 0px 0px 4px; display: inline-block;float:left;"> | |
| 609 | - <div style="width: 58px; float: left;" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"> | |
| 610 | - <input type="text" id="btnBrushSize" class="form-control" value="1" style="height:32px;border-radius:0;" oninput="Brushsize(this)"> | |
| 611 | - </div> | |
| 612 | - <div style="width: 22px; float: left;"> | |
| 613 | - <div style="width: 100%; float: left; height: 16px;"> | |
| 614 | - <button type="button" id="btnBrushSizeIncrement" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;"> | |
| 605 | + <div class="well well-popup"> | |
| 606 | + <div class="" role="group" aria-label="..."> | |
| 607 | + <div> | |
| 608 | + <a href="#canvasPaint" data-size="1" data-color="#fff" id="annotationpaintbrushsize" ng-mouseover="mouseMoveToolTip(270, 50, 120, 'Paint')" ng-mouseleave="mouseOutToolTip()" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-brush" role="button" data-placement="top" style="margin-right:1%;" ng-click="paintBrush()"><i class="fa fa-paint-brush"></i></a> | |
| 609 | + <button type="button" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-erase" data-placement="top" ng-click="EraseDrawing()" ng-mouseover="mouseMoveToolTip(270, 70, 120, 'Erase')" ng-mouseleave="mouseOutToolTip()"><i class="fa fa-eraser"></i></button> | |
| 610 | + <div style="width: 80px; margin: 0px 0px 0px 4px; display: inline-block;float:left;"> | |
| 611 | + <div style="width: 58px; float: left;" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"> | |
| 612 | + <input type="text" id="btnBrushSize" class="form-control" value="1" style="height:32px;border-radius:0;" oninput="Brushsize(this)"> | |
| 613 | + </div> | |
| 614 | + <div style="width: 22px; float: left;"> | |
| 615 | + <div style="width: 100%; float: left; height: 16px;"> | |
| 616 | + <button type="button" id="btnBrushSizeIncrement" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;"> | |
| 617 | + | |
| 618 | + <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-up.png"> | |
| 619 | + </button> | |
| 620 | + </div> | |
| 621 | + <div style="width: 100%; float: left; height: 16px;"> | |
| 622 | + <button type="button" id="btnBrushSizeDecrease" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;"> | |
| 623 | + <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-down.png"> | |
| 624 | + </button> | |
| 625 | + </div> | |
| 626 | + </div> | |
| 615 | 627 | |
| 616 | - <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-up.png"> | |
| 617 | - </button> | |
| 618 | 628 | </div> |
| 619 | - <div style="width: 100%; float: left; height: 16px;"> | |
| 620 | - <button type="button" id="btnBrushSizeDecrease" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;"> | |
| 621 | - <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-down.png"> | |
| 622 | - </button> | |
| 629 | + | |
| 630 | + <div class="pull-left" style="width:45%; margin-left:2%;margin-top:5px;"> | |
| 631 | + <div id="slider-range-min-2" ng-mouseover="mouseMoveToolTip(270, 170, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"></div> | |
| 623 | 632 | </div> |
| 633 | + <div class="clearfix"></div> | |
| 624 | 634 | </div> |
| 625 | 635 | |
| 626 | 636 | </div> |
| 627 | 637 | |
| 628 | - <div class="pull-left" style="width:45%; margin-left:2%;margin-top:5px;"> | |
| 629 | - <div id="slider-range-min-2" ng-mouseover="mouseMoveToolTip(270, 170, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"></div> | |
| 630 | - </div> | |
| 631 | - <div class="clearfix"></div> | |
| 632 | - </div> | |
| 633 | 638 | |
| 634 | 639 | </div> |
| 635 | 640 | |
| 636 | - | |
| 637 | 641 | </div> |
| 638 | - | |
| 639 | 642 | </div> |
| 640 | 643 | </div> |
| 641 | - </div> | |
| 642 | 644 | |
| 645 | + </div> | |
| 643 | 646 | </div> |
| 644 | 647 | </div> |
| 645 | - </div> | |
| 646 | - | |
| 647 | - <!--Modal For Annotation Text Box--> | |
| 648 | - <div id="annotationTextModal" style="display:none;z-index: 1000000000;width:500px;height:241px;padding-right:0!important;position:fixed;left:0;right:0;top:0px;bottom:0;margin:auto;"> | |
| 649 | - | |
| 650 | - <div class="modal-content"> | |
| 651 | - <div class="modal-header" style="background-color: #808D43;padding:10px;border-bottom:0;"> | |
| 652 | - <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>--> | |
| 653 | - <h4 class="modal-title" id="myModalLabel" style="font-weight:bold;">Enter Text to be put in a box</h4> | |
| 654 | - </div> | |
| 655 | - <div class="modal-body"> | |
| 656 | - <div class="col-xs-12" style="padding:20px 0;"> | |
| 657 | - <div class="form-inline"> | |
| 658 | - <!--Annotation: Text in different font style is same.--> | |
| 659 | - <select class="form-control" id="selected-font-family"></select> | |
| 660 | - <select class="form-control" id="selected-font-size"> | |
| 661 | - <option>14</option> | |
| 662 | - <option>16</option> | |
| 663 | - <option>18</option> | |
| 664 | - <option>20</option> | |
| 665 | - <option>22</option> | |
| 666 | - <option>24</option> | |
| 667 | - <option>26</option> | |
| 668 | - <option>28</option> | |
| 669 | - <option>36</option> | |
| 670 | - <option>48</option> | |
| 671 | - <option>72</option> | |
| 672 | - </select> | |
| 673 | - <span style="vertical-align:middle;"> | |
| 674 | - <span id="text-bold" class="Edittext-btn-css"> | |
| 675 | - <i aria-hidden="true" class="fa fa-bold" style="color: #fff"></i> | |
| 676 | - </span> | |
| 677 | - <span id="text-italic" class="Edittext-btn-css"> | |
| 678 | - <i class="fa fa-italic" aria-hidden="true" style="color: #fff"></i> | |
| 679 | - | |
| 680 | - </span> | |
| 681 | - <span id="text-underline" class="underline-btn-css"> | |
| 682 | - <i class="fa fa-underline" aria-hidden="true" style="color: #fff"></i> | |
| 683 | - </span> | |
| 684 | - </span> | |
| 685 | 648 | |
| 686 | - <div class="form-group" id="font-color" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 649 | + <!--Modal For Annotation Text Box--> | |
| 650 | + <div id="annotationTextModal" style="display:none;z-index: 1000000000;width:500px;height:241px;padding-right:0!important;position:fixed;left:0;right:0;top:0px;bottom:0;margin:auto;"> | |
| 687 | 651 | |
| 688 | - <input type="text" id="saturation-demo" class="form-control demo" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 689 | - </div> | |
| 652 | + <div class="modal-content"> | |
| 653 | + <div class="modal-header" style="background-color: #808D43;padding:10px;border-bottom:0;"> | |
| 654 | + <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>--> | |
| 655 | + <h4 class="modal-title" id="myModalLabel" style="font-weight:bold;">Enter Text to be put in a box</h4> | |
| 656 | + </div> | |
| 657 | + <div class="modal-body"> | |
| 658 | + <div class="col-xs-12" style="padding:20px 0;"> | |
| 659 | + <div class="form-inline"> | |
| 660 | + <!--Annotation: Text in different font style is same.--> | |
| 661 | + <select class="form-control" id="selected-font-family"></select> | |
| 662 | + <select class="form-control" id="selected-font-size"> | |
| 663 | + <option>14</option> | |
| 664 | + <option>16</option> | |
| 665 | + <option>18</option> | |
| 666 | + <option>20</option> | |
| 667 | + <option>22</option> | |
| 668 | + <option>24</option> | |
| 669 | + <option>26</option> | |
| 670 | + <option>28</option> | |
| 671 | + <option>36</option> | |
| 672 | + <option>48</option> | |
| 673 | + <option>72</option> | |
| 674 | + </select> | |
| 675 | + <span style="vertical-align:middle;"> | |
| 676 | + <span id="text-bold" class="Edittext-btn-css"> | |
| 677 | + <i aria-hidden="true" class="fa fa-bold" style="color: #fff"></i> | |
| 678 | + </span> | |
| 679 | + <span id="text-italic" class="Edittext-btn-css"> | |
| 680 | + <i class="fa fa-italic" aria-hidden="true" style="color: #fff"></i> | |
| 681 | + | |
| 682 | + </span> | |
| 683 | + <span id="text-underline" class="underline-btn-css"> | |
| 684 | + <i class="fa fa-underline" aria-hidden="true" style="color: #fff"></i> | |
| 685 | + </span> | |
| 686 | + </span> | |
| 687 | + | |
| 688 | + <div class="form-group" id="font-color" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 689 | + | |
| 690 | + <input type="text" id="saturation-demo" class="form-control demo" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 691 | + </div> | |
| 690 | 692 | |
| 691 | - <span style="vertical-align:middle;"> | |
| 692 | - <span id="text-left" class="Edittext-btn-css"> | |
| 693 | - <i aria-hidden="true" class="fa fa-align-left" style="color: #fff"></i> | |
| 694 | - </span> | |
| 695 | - <span id="text-center" class="Edittext-btn-css"> | |
| 696 | - <i class="fa fa-align-center" aria-hidden="true" style="color: #fff"></i> | |
| 693 | + <span style="vertical-align:middle;"> | |
| 694 | + <span id="text-left" class="Edittext-btn-css"> | |
| 695 | + <i aria-hidden="true" class="fa fa-align-left" style="color: #fff"></i> | |
| 696 | + </span> | |
| 697 | + <span id="text-center" class="Edittext-btn-css"> | |
| 698 | + <i class="fa fa-align-center" aria-hidden="true" style="color: #fff"></i> | |
| 697 | 699 | |
| 698 | 700 | |
| 699 | - </span> | |
| 700 | - <span id="text-right" class="underline-btn-css"> | |
| 701 | - <i class="fa fa-align-right" aria-hidden="true" style="color: #fff"></i> | |
| 701 | + </span> | |
| 702 | + <span id="text-right" class="underline-btn-css"> | |
| 703 | + <i class="fa fa-align-right" aria-hidden="true" style="color: #fff"></i> | |
| 702 | 704 | |
| 703 | 705 | |
| 704 | - </span> | |
| 705 | - </span> | |
| 706 | + </span> | |
| 707 | + </span> | |
| 706 | 708 | |
| 707 | 709 | |
| 710 | + </div> | |
| 711 | + </div> | |
| 712 | + <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> | |
| 713 | + </div> | |
| 714 | + <div class="modal-footer"> | |
| 715 | + <!--<button type="button" class="btn btn-default" ng-click="closeModal()" data-dismiss="modal">Close</button>--> | |
| 716 | + <button type="button" class="btn btn-default" ng-click="closeModal()" id="closeEditText" data-dismiss="modal">Close</button> | |
| 717 | + <button type="button" id="saveBtn" class="btn btn-primary" data-dismiss="modal" ng-click="saveText()">Save</button> | |
| 708 | 718 | </div> |
| 709 | 719 | </div> |
| 710 | - <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> | |
| 711 | - </div> | |
| 712 | - <div class="modal-footer"> | |
| 713 | - <!--<button type="button" class="btn btn-default" ng-click="closeModal()" data-dismiss="modal">Close</button>--> | |
| 714 | - <button type="button" class="btn btn-default" ng-click="closeModal()" id="closeEditText" data-dismiss="modal">Close</button> | |
| 715 | - <button type="button" id="saveBtn" class="btn btn-primary" data-dismiss="modal" ng-click="saveText()">Save</button> | |
| 716 | - </div> | |
| 717 | - </div> | |
| 718 | 720 | |
| 719 | - </div> | |
| 721 | + </div> | |
| 720 | 722 | |
| 721 | 723 | |
| 722 | 724 | |
| 723 | 725 | |
| 724 | - <!--List manager--> | |
| 725 | - <!--List manager--> | |
| 726 | - <style> | |
| 727 | - #listManager { | |
| 728 | - background: #fff; | |
| 729 | - border-radius: 3px; | |
| 730 | - border: 1px solid #ededed; | |
| 731 | - -webkit-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1); | |
| 732 | - -moz-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1); | |
| 733 | - box-shadow: 0px 0px 2px 1px rgba(173,173,173,1); | |
| 734 | - width: 350px; | |
| 735 | - position: absolute; | |
| 736 | - top: 170px; | |
| 737 | - left: 140px; | |
| 738 | - display: none; | |
| 739 | - z-index: 110000; | |
| 740 | - } | |
| 741 | - | |
| 742 | - #listManager .annotation-modal-header { | |
| 743 | - background: #818f44; | |
| 744 | - padding: 2px 10px; | |
| 726 | + <!--List manager--> | |
| 727 | + <!--List manager--> | |
| 728 | + <style> | |
| 729 | + #listManager { | |
| 730 | + background: #fff; | |
| 731 | + border-radius: 3px; | |
| 732 | + border: 1px solid #ededed; | |
| 733 | + -webkit-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1); | |
| 734 | + -moz-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1); | |
| 735 | + box-shadow: 0px 0px 2px 1px rgba(173,173,173,1); | |
| 736 | + width: 350px; | |
| 737 | + position: absolute; | |
| 738 | + top: 170px; | |
| 739 | + left: 140px; | |
| 740 | + display: none; | |
| 741 | + z-index: 110000; | |
| 745 | 742 | } |
| 746 | 743 | |
| 747 | - #listManager .annotation-modal-header h4 { | |
| 748 | - color: #fff; | |
| 749 | - font-size: 15px; | |
| 750 | - line-height: 20px; | |
| 744 | + #listManager .annotation-modal-header { | |
| 745 | + background: #818f44; | |
| 746 | + padding: 2px 10px; | |
| 751 | 747 | } |
| 752 | 748 | |
| 753 | - #listManager .modal-header .close { | |
| 754 | - color: #fff; | |
| 755 | - margin: 0; | |
| 756 | - opacity: 10; | |
| 757 | - text-shadow: none; | |
| 758 | - } | |
| 749 | + #listManager .annotation-modal-header h4 { | |
| 750 | + color: #fff; | |
| 751 | + font-size: 15px; | |
| 752 | + line-height: 20px; | |
| 753 | + } | |
| 759 | 754 | |
| 760 | - #listManager .modal-footer { | |
| 761 | - padding: 5px 10px; | |
| 762 | - } | |
| 763 | - </style> | |
| 764 | - <div id="listManager" style=""> | |
| 765 | - <div class="modal-header annotation-modal-header"> | |
| 766 | - <button type="button" class="close" aria-label="Close" ng-click="CloseListManager()"><span aria-hidden="true">×</span></button> | |
| 767 | - <h4 class="modal-title" id="myModalLabel">List Manager</h4> | |
| 768 | - </div> | |
| 769 | - <div class="modal-body"> | |
| 770 | - <div class="row paddingTopBtm10"> | |
| 771 | - <div class="col-sm-12" ng-init="FillListManager()"> | |
| 755 | + #listManager .modal-header .close { | |
| 756 | + color: #fff; | |
| 757 | + margin: 0; | |
| 758 | + opacity: 10; | |
| 759 | + text-shadow: none; | |
| 760 | + } | |
| 772 | 761 | |
| 773 | - <div class="form-group"> | |
| 774 | - <label for="sel1">Window</label> | |
| 775 | - <select class="form-control" id="viewName" disabled> | |
| 776 | - <!--<option>Male Lateral</option>--> | |
| 762 | + #listManager .modal-footer { | |
| 763 | + padding: 5px 10px; | |
| 764 | + } | |
| 765 | + </style> | |
| 766 | + <div id="listManager" style=""> | |
| 767 | + <div class="modal-header annotation-modal-header"> | |
| 768 | + <button type="button" class="close" aria-label="Close" ng-click="CloseListManager()"><span aria-hidden="true">×</span></button> | |
| 769 | + <h4 class="modal-title" id="myModalLabel">List Manager</h4> | |
| 770 | + </div> | |
| 771 | + <div class="modal-body"> | |
| 772 | + <div class="row paddingTopBtm10"> | |
| 773 | + <div class="col-sm-12" ng-init="FillListManager()"> | |
| 777 | 774 | |
| 778 | - </select> | |
| 779 | - </div> | |
| 780 | - <div style=""> | |
| 781 | 775 | <div class="form-group"> |
| 776 | + <label for="sel1">Window</label> | |
| 777 | + <select class="form-control" id="viewName" disabled> | |
| 778 | + <!--<option>Male Lateral</option>--> | |
| 779 | + | |
| 780 | + </select> | |
| 781 | + </div> | |
| 782 | + <div style=""> | |
| 783 | + <div class="form-group"> | |
| 782 | 784 | <div ng-click="restrictBodySystemList()" class="btn btn-success btn-block" style="padding:3px 12px;"> |
| 783 | 785 | <i class=" fa fa-caret-right restrict-carret-icon"></i> <span>Restrict List to</span> |
| 786 | + </div> | |
| 784 | 787 | </div> |
| 785 | - </div> | |
| 786 | 788 | |
| 787 | 789 | <div id="restrictListDiv" style="display:none;"> |
| 788 | 790 | |
| 789 | - <div class="well well-sm marginTopBtm10"> | |
| 790 | - <div class="form-horizontal"> | |
| 791 | - <div class="form-group"> | |
| 792 | - <label class="col-sm-4 control-label" for="System">System</label> | |
| 793 | - <div class="col-sm-8"> | |
| 794 | - <select id="bodySystems" class="form-control" onchange="if (typeof (this.selectedIndex) != 'undefined') refreshTermListOnSystem(this.options[this.selectedIndex].id)"></select> | |
| 791 | + <div class="well well-sm marginTopBtm10"> | |
| 792 | + <div class="form-horizontal"> | |
| 793 | + <div class="form-group"> | |
| 794 | + <label class="col-sm-4 control-label" for="System">System</label> | |
| 795 | + <div class="col-sm-8"> | |
| 796 | + <select id="bodySystems" class="form-control" onchange="if (typeof (this.selectedIndex) != 'undefined') refreshTermListOnSystem(this.options[this.selectedIndex].id)"></select> | |
| 797 | + </div> | |
| 798 | + </div> | |
| 799 | + <div class="form-group"> | |
| 800 | + <label class="col-sm-4 control-label" for="inputPassword3">Area</label> | |
| 801 | + <div class="col-sm-8"> | |
| 802 | + <select class="form-control" disabled> | |
| 803 | + <option value="1" selected="">Entire View</option> | |
| 804 | + </select> | |
| 795 | 805 | </div> |
| 796 | - </div> | |
| 797 | - <div class="form-group"> | |
| 798 | - <label class="col-sm-4 control-label" for="inputPassword3">Area</label> | |
| 799 | - <div class="col-sm-8"> | |
| 800 | - <select class="form-control" disabled> | |
| 801 | - <option value="1" selected="">Entire View</option> | |
| 802 | - </select> | |
| 803 | 806 | </div> |
| 804 | 807 | </div> |
| 805 | 808 | </div> |
| 806 | - </div> | |
| 807 | 809 | |
| 808 | 810 | |
| 809 | - </div> | |
| 811 | + </div> | |
| 810 | 812 | |
| 811 | - <!--DA > List Manager > Multiple structure selection should not be available.--> | |
| 812 | - <div class="form-group"> | |
| 813 | - <select id="termList" class="form-control" size="10" onclick="if (typeof (this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id)"></select> | |
| 814 | - </div> | |
| 813 | + <!--DA > List Manager > Multiple structure selection should not be available.--> | |
| 814 | + <div class="form-group"> | |
| 815 | + <select id="termList" class="form-control" size="10" onclick="if (typeof (this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id)"></select> | |
| 816 | + </div> | |
| 815 | 817 | |
| 816 | - </div> | |
| 817 | - <div style="clear:both;"></div> | |
| 818 | + </div> | |
| 819 | + <div style="clear:both;"></div> | |
| 818 | 820 | |
| 819 | 821 | |
| 820 | 822 | |
| 821 | 823 | |
| 824 | + </div> | |
| 822 | 825 | </div> |
| 823 | - </div> | |
| 824 | 826 | |
| 827 | + </div> | |
| 828 | + <div class="modal-footer" id="totalTerms"> | |
| 829 | + <!--<span class="pull-left marginTop5">424 Structures</span>--> | |
| 830 | + <button data-dismiss="modal" class="btn btn-primary" type="button"><i class="fa fa-arrow-circle-right"></i></button> | |
| 831 | + </div> | |
| 825 | 832 | </div> |
| 826 | - <div class="modal-footer" id="totalTerms"> | |
| 827 | - <!--<span class="pull-left marginTop5">424 Structures</span>--> | |
| 828 | - <button data-dismiss="modal" class="btn btn-primary" type="button"><i class="fa fa-arrow-circle-right"></i></button> | |
| 829 | - </div> | |
| 830 | - </div> | |
| 831 | 833 | |
| 832 | - <!--background disable div--> | |
| 834 | + <!--background disable div--> | |
| 833 | 835 | |
| 834 | - <div id="modelbackground"></div> | |
| 836 | + <div id="modelbackground"></div> | |
| 835 | 837 | |
| 836 | 838 | |
| 837 | - <!--Edit Shape Modal--> | |
| 839 | + <!--Edit Shape Modal--> | |
| 838 | 840 | |
| 839 | 841 | |
| 840 | - <div class="modeleditstyle" id="modeleditstyle" style="z-index: 1000000000; background: white;width: 302px;position:absolute;left:40%;right:0;top:70px;"> | |
| 841 | - <div class="modal-content"> | |
| 842 | - <div class="modal-header annotation-modal-header"> | |
| 843 | - <h4 class="modal-title" id="myModalLabel33">Edit Shape Style</h4> | |
| 844 | - </div> | |
| 845 | - <div class="modal-body"> | |
| 846 | - <div class="marginTopBtm10"> | |
| 847 | - <div class="well well-sm no-margin-btm"> | |
| 848 | - <div class="row"> | |
| 849 | - <div class="col-sm-12"> | |
| 850 | - <div class="checkbox no-margin"> | |
| 851 | - <label> | |
| 852 | - <input id="fill-option" type="checkbox" checked onclick="enableDisableFillOption()"> Fill Option | |
| 853 | - </label> | |
| 842 | + <div class="modeleditstyle" id="modeleditstyle" style="z-index: 1000000000; background: white;width: 302px;position:absolute;left:40%;right:0;top:70px;"> | |
| 843 | + <div class="modal-content"> | |
| 844 | + <div class="modal-header annotation-modal-header"> | |
| 845 | + <h4 class="modal-title" id="myModalLabel33">Edit Shape Style</h4> | |
| 846 | + </div> | |
| 847 | + <div class="modal-body"> | |
| 848 | + <div class="marginTopBtm10"> | |
| 849 | + <div class="well well-sm no-margin-btm"> | |
| 850 | + <div class="row"> | |
| 851 | + <div class="col-sm-12"> | |
| 852 | + <div class="checkbox no-margin"> | |
| 853 | + <label> | |
| 854 | + <input id="fill-option" type="checkbox" checked onclick="enableDisableFillOption()"> Fill Option | |
| 855 | + </label> | |
| 856 | + </div> | |
| 854 | 857 | </div> |
| 855 | - </div> | |
| 856 | - <div class="col-sm-6 enableDisableOpacity"> | |
| 857 | - <!--<div class="radio"> | |
| 858 | - <label> | |
| 859 | - <input type="radio" name="filloption" id="filloption1" value="filloption1"> | |
| 860 | - <span class="">Texture</span> | |
| 861 | - <img id="editstyleTexture" src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern"> | |
| 862 | - </label> | |
| 863 | - </div>--> | |
| 864 | - <div class="radio"> | |
| 865 | - <label> | |
| 866 | - <input type="radio" name="filloption" id="filloption2" value="filloption2" checked style="margin-top:8px;"> | |
| 867 | - | |
| 868 | - | |
| 869 | - <div id="editstylebackgroundcolor" class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 870 | - <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span> | |
| 871 | - <input type="text" class="form-control outerBackgroundColor" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 872 | - </div> | |
| 858 | + <div class="col-sm-6 enableDisableOpacity"> | |
| 859 | + <!--<div class="radio"> | |
| 860 | + <label> | |
| 861 | + <input type="radio" name="filloption" id="filloption1" value="filloption1"> | |
| 862 | + <span class="">Texture</span> | |
| 863 | + <img id="editstyleTexture" src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern"> | |
| 864 | + </label> | |
| 865 | + </div>--> | |
| 866 | + <div class="radio"> | |
| 867 | + <label> | |
| 868 | + <input type="radio" name="filloption" id="filloption2" value="filloption2" checked style="margin-top:8px;"> | |
| 869 | + | |
| 870 | + | |
| 871 | + <div id="editstylebackgroundcolor" class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 872 | + <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span> | |
| 873 | + <input type="text" class="form-control outerBackgroundColor" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 874 | + </div> | |
| 873 | 875 | |
| 874 | 876 | |
| 875 | - </label> | |
| 876 | - </div> | |
| 877 | - </div> | |
| 878 | - <div class="col-sm-6 no-padding marginTop10 enableDisableOpacity"> | |
| 879 | - <div class="row"> | |
| 880 | - <label class="pull-left" style="font-weight:normal;">Scale</label> | |
| 881 | - <div id="edit-slider-3" class="pull-left" style="width:62%; margin-left:3%; margin-top:2%;"> | |
| 882 | - <div id="slider-range-min-3"></div> | |
| 877 | + </label> | |
| 883 | 878 | </div> |
| 884 | 879 | </div> |
| 880 | + <div class="col-sm-6 no-padding marginTop10 enableDisableOpacity"> | |
| 881 | + <div class="row"> | |
| 882 | + <label class="pull-left" style="font-weight:normal;">Scale</label> | |
| 883 | + <div id="edit-slider-3" class="pull-left" style="width:62%; margin-left:3%; margin-top:2%;"> | |
| 884 | + <div id="slider-range-min-3"></div> | |
| 885 | + </div> | |
| 886 | + </div> | |
| 885 | 887 | |
| 886 | - <div class="row"> | |
| 887 | - <label class="pull-left" style="font-weight:normal;">Opacity</label> | |
| 888 | - <div id="edit-slider-4" class="pull-left" style="width:53%; margin-left:3%; margin-top:2%;"> | |
| 889 | - <div id="slider-range-min-4"></div> | |
| 888 | + <div class="row"> | |
| 889 | + <label class="pull-left" style="font-weight:normal;">Opacity</label> | |
| 890 | + <div id="edit-slider-4" class="pull-left" style="width:53%; margin-left:3%; margin-top:2%;"> | |
| 891 | + <div id="slider-range-min-4"></div> | |
| 892 | + </div> | |
| 890 | 893 | </div> |
| 891 | - </div> | |
| 892 | 894 | |
| 893 | - <div class="clearfix"></div> | |
| 895 | + <div class="clearfix"></div> | |
| 894 | 896 | |
| 895 | 897 | |
| 898 | + </div> | |
| 896 | 899 | </div> |
| 897 | - </div> | |
| 898 | 900 | |
| 901 | + </div> | |
| 899 | 902 | </div> |
| 900 | - </div> | |
| 901 | - <div class="marginTopBtm10"> | |
| 902 | - <div class="well well-sm no-margin-btm"> | |
| 903 | - <div class="row"> | |
| 904 | - <div class="col-sm-12"> | |
| 905 | - <div class="checkbox no-margin"> | |
| 906 | - <label> | |
| 907 | - <input id="Outline-Option" onclick="enableDisableOutline()" type="checkbox" checked> Outline Option | |
| 908 | - </label> | |
| 903 | + <div class="marginTopBtm10"> | |
| 904 | + <div class="well well-sm no-margin-btm"> | |
| 905 | + <div class="row"> | |
| 906 | + <div class="col-sm-12"> | |
| 907 | + <div class="checkbox no-margin"> | |
| 908 | + <label> | |
| 909 | + <input id="Outline-Option" onclick="enableDisableOutline()" type="checkbox" checked> Outline Option | |
| 910 | + </label> | |
| 911 | + </div> | |
| 909 | 912 | </div> |
| 910 | - </div> | |
| 911 | - <div class="col-sm-6 setEnableDisableForEditShapeStyle"> | |
| 912 | - <label class="marginTop5"> | |
| 913 | - <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span> | |
| 914 | - <div class="form-group" id="outlineColor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 913 | + <div class="col-sm-6 setEnableDisableForEditShapeStyle"> | |
| 914 | + <label class="marginTop5"> | |
| 915 | + <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span> | |
| 916 | + <div class="form-group" id="outlineColor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 915 | 917 | |
| 916 | - <input type="text" class="form-control borderColorCanvasPreview" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 917 | - </div> | |
| 918 | + <input type="text" class="form-control borderColorCanvasPreview" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 919 | + </div> | |
| 918 | 920 | |
| 919 | 921 | |
| 920 | - </label> | |
| 921 | - </div> | |
| 922 | + </label> | |
| 923 | + </div> | |
| 922 | 924 | |
| 923 | - <div class="col-sm-6 setEnableDisableForEditShapeStyle"> | |
| 924 | - <div class="form-horizontal"> | |
| 925 | - <div class="form-group"> | |
| 926 | - <label class="col-sm-3 control-label" style=" font-weight:normal; padding-top:9px;">Size</label> | |
| 927 | - <div class="col-sm-9 marginTop5"> | |
| 928 | - <select id="borderWidthCanvasElement" class="form-control input-sm"> | |
| 929 | - <option value="1">1</option> | |
| 930 | - <option value="2">2</option> | |
| 931 | - <option value="3">3</option> | |
| 932 | - <option value="4">4</option> | |
| 933 | - <option value="5">5</option> | |
| 934 | - </select> | |
| 925 | + <div class="col-sm-6 setEnableDisableForEditShapeStyle"> | |
| 926 | + <div class="form-horizontal"> | |
| 927 | + <div class="form-group"> | |
| 928 | + <label class="col-sm-3 control-label" style=" font-weight:normal; padding-top:9px;">Size</label> | |
| 929 | + <div class="col-sm-9 marginTop5"> | |
| 930 | + <select id="borderWidthCanvasElement" class="form-control input-sm"> | |
| 931 | + <option value="1">1</option> | |
| 932 | + <option value="2">2</option> | |
| 933 | + <option value="3">3</option> | |
| 934 | + <option value="4">4</option> | |
| 935 | + <option value="5">5</option> | |
| 936 | + </select> | |
| 937 | + </div> | |
| 935 | 938 | </div> |
| 936 | 939 | </div> |
| 937 | 940 | </div> |
| 938 | - </div> | |
| 939 | 941 | |
| 942 | + </div> | |
| 940 | 943 | </div> |
| 941 | 944 | </div> |
| 942 | - </div> | |
| 943 | 945 | |
| 944 | - <div class="marginTopBtm10"> | |
| 946 | + <div class="marginTopBtm10"> | |
| 945 | 947 | |
| 946 | - <div class="well well-sm no-margin-btm blankshapediv"> | |
| 947 | - <div class="outlinediv" id="outlinedivId" style="border: 1px solid #000000;"> | |
| 948 | - <div id="imgOpacity" style="background-color: #ffffff" class="fullcolordiv imgopacity"> | |
| 948 | + <div class="well well-sm no-margin-btm blankshapediv"> | |
| 949 | + <div class="outlinediv" id="outlinedivId" style="border: 1px solid #000000;"> | |
| 950 | + <div id="imgOpacity" style="background-color: #ffffff" class="fullcolordiv imgopacity"> | |
| 951 | + </div> | |
| 952 | + </div> | |
| 949 | 953 | </div> |
| 954 | + | |
| 950 | 955 | </div> |
| 951 | 956 | </div> |
| 952 | - | |
| 957 | + <div class="modal-footer"> | |
| 958 | + <button id="btnShapeStyle" type="button" class="btn btn-primary btn-sm" ng-click="setPropertiesForShapes('imgOpacity')"> | |
| 959 | + OK | |
| 960 | + </button> | |
| 961 | + <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button> | |
| 953 | 962 | </div> |
| 954 | 963 | </div> |
| 955 | - <div class="modal-footer"> | |
| 956 | - <button id="btnShapeStyle" type="button" class="btn btn-primary btn-sm" ng-click="setPropertiesForShapes('imgOpacity')"> | |
| 957 | - OK | |
| 958 | - </button> | |
| 959 | - <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button> | |
| 960 | - </div> | |
| 961 | 964 | </div> |
| 962 | - </div> | |
| 963 | 965 | |
| 964 | - <!--Export Image Modal--> | |
| 965 | - <div class="modal fade export-image ui-draggable in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: none;"> | |
| 966 | - <div class="modal-dialog modal-sm" role="document"> | |
| 967 | - <div class="modal-content"> | |
| 968 | - <div class="modal-header annotation-modal-header ui-draggable-handle"> | |
| 969 | - <button type="button" class="close" data-dismiss="modal" ng-click="CloseExportImageWindow()" aria-label="Close"><span aria-hidden="true">×</span></button> | |
| 970 | - <h4 class="modal-title" id="">Save As</h4> | |
| 971 | - </div> | |
| 972 | - <div class="modal-body"> | |
| 973 | - <div class="row paddTopbtm15"> | |
| 974 | - <div class="col-sm-12"> | |
| 975 | - <div class="form-group"> | |
| 976 | - <label for="filename">Filename:</label> | |
| 977 | - <div class="input-group"> | |
| 978 | - <input type="text" class="form-control" id="filename" placeholder="" ng-model="filename"> | |
| 979 | - <div class="input-group-addon">.jpg</div> | |
| 966 | + <!--Export Image Modal--> | |
| 967 | + <div class="modal fade export-image ui-draggable in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: none;"> | |
| 968 | + <div class="modal-dialog modal-sm" role="document"> | |
| 969 | + <div class="modal-content"> | |
| 970 | + <div class="modal-header annotation-modal-header ui-draggable-handle"> | |
| 971 | + <button type="button" class="close" data-dismiss="modal" ng-click="CloseExportImageWindow()" aria-label="Close"><span aria-hidden="true">×</span></button> | |
| 972 | + <h4 class="modal-title" id="">Save As</h4> | |
| 973 | + </div> | |
| 974 | + <div class="modal-body"> | |
| 975 | + <div class="row paddTopbtm15"> | |
| 976 | + <div class="col-sm-12"> | |
| 977 | + <div class="form-group"> | |
| 978 | + <label for="filename">Filename:</label> | |
| 979 | + <div class="input-group"> | |
| 980 | + <input type="text" class="form-control" id="filename" placeholder="" ng-model="filename"> | |
| 981 | + <div class="input-group-addon">.jpg</div> | |
| 982 | + </div> | |
| 983 | + </div> | |
| 980 | 984 | </div> |
| 981 | 985 | </div> |
| 986 | + | |
| 987 | + </div> | |
| 988 | + <div class="modal-footer"> | |
| 989 | + <div class="row"> | |
| 990 | + <input type="file" id="file1" style="display:none"> | |
| 991 | + <!--<a href="data:application/xml;charset=utf-8,your code here" download="filename.html">Save</a-->> | |
| 992 | + <div class="col-sm-12"><button id="btnSaveEI" class="btn btn-primary" type="button">Ok</button></div> <!--onclick="makeScreenshot();"--><!--ng-click="dialogs.saveAs()"--><!--ng-click="ShowAlert()"--> | |
| 993 | + </div> | |
| 982 | 994 | </div> |
| 983 | - </div> | |
| 984 | 995 | |
| 985 | - </div> | |
| 986 | - <div class="modal-footer"> | |
| 987 | - <div class="row"> | |
| 988 | - <input type="file" id="file1" style="display:none"> | |
| 989 | - <!--<a href="data:application/xml;charset=utf-8,your code here" download="filename.html">Save</a-->> | |
| 990 | - <div class="col-sm-12"><button id="btnSaveEI" class="btn btn-primary" type="button">Ok</button></div> <!--onclick="makeScreenshot();"--><!--ng-click="dialogs.saveAs()"--><!--ng-click="ShowAlert()"--> | |
| 991 | 996 | </div> |
| 992 | 997 | </div> |
| 993 | - | |
| 994 | 998 | </div> |
| 995 | - </div> | |
| 996 | - </div> | |
| 997 | 999 | |
| 998 | - <!--Print Active Viewer--> | |
| 999 | - <div class="print-box portrait-box" id="printBox" style="display: none;"> | |
| 1000 | - <div id="printDivContent"> | |
| 1001 | - <div class=""> | |
| 1002 | - <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;"> | |
| 1003 | - <span class="pull-left font12 span-font" id="spnModule"></span> | |
| 1004 | - </div> | |
| 1005 | - <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;"> | |
| 1006 | - <span class="pull-right font12 span-font" id="spnBodyViewTitle"></span> | |
| 1007 | - </div> | |
| 1008 | - </div> | |
| 1009 | - <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;"> | |
| 1010 | - <img src="" alt="" class="logo-image" id="snipImage" style="width: 100%;" /> | |
| 1011 | - </div> | |
| 1012 | - <div> | |
| 1013 | - <div class="col-sm-8" style="position: absolute; bottom: 20px;"> | |
| 1014 | - <span class="pull-left marginTop10 font12 span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span> | |
| 1015 | - </div> | |
| 1016 | - <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;"> | |
| 1017 | - <span class="pull-right marginTop10 bgnone no-margin"> | |
| 1018 | - <img class="logo-image" src="content/images/adam-logo-small.png" alt=""> | |
| 1019 | - </span> | |
| 1000 | + <!--Print Active Viewer--> | |
| 1001 | + <div class="print-box portrait-box" id="printBox" style="display: none;"> | |
| 1002 | + <div id="printDivContent"> | |
| 1003 | + <div class=""> | |
| 1004 | + <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;"> | |
| 1005 | + <span class="pull-left font12 span-font" id="spnModule"></span> | |
| 1006 | + </div> | |
| 1007 | + <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;"> | |
| 1008 | + <span class="pull-right font12 span-font" id="spnBodyViewTitle"></span> | |
| 1009 | + </div> | |
| 1010 | + </div> | |
| 1011 | + <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;"> | |
| 1012 | + <img src="" alt="" class="logo-image" id="snipImage" style="width: 100%;" /> | |
| 1013 | + </div> | |
| 1014 | + <div> | |
| 1015 | + <div class="col-sm-8" style="position: absolute; bottom: 20px;"> | |
| 1016 | + <span class="pull-left marginTop10 font12 span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span> | |
| 1017 | + </div> | |
| 1018 | + <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;"> | |
| 1019 | + <span class="pull-right marginTop10 bgnone no-margin"> | |
| 1020 | + <img class="logo-image" src="content/images/adam-logo-small.png" alt=""> | |
| 1021 | + </span> | |
| 1022 | + </div> | |
| 1023 | + </div> | |
| 1024 | + <div class="clearfix"></div> | |
| 1020 | 1025 | </div> |
| 1021 | 1026 | </div> |
| 1022 | - <div class="clearfix"></div> | |
| 1023 | - </div> | |
| 1024 | - </div> | |
| 1025 | 1027 | |
| 1026 | - <!--Print Preview Modal--> | |
| 1027 | - <div id="dvPrintPreview" style="display: none;"></div> | |
| 1028 | + <!--Print Preview Modal--> | |
| 1029 | + <div id="dvPrintPreview" style="display: none;"></div> | |
| 1028 | 1030 | |
| 1029 | - <!--<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;"> | |
| 1030 | - <div class="modal-dialog modal-sm" role="document"> | |
| 1031 | - <div class="modal-content"> | |
| 1032 | - <div class="modal-header annotation-modal-header"> | |
| 1033 | - <h4 class="modal-title" id="myModalLabel33">Edit Shape Style</h4> | |
| 1034 | - </div> | |
| 1035 | - <div class="modal-body"> | |
| 1036 | - <div class="marginTopBtm10"> | |
| 1037 | - <div class="well well-sm no-margin-btm"> | |
| 1038 | - <div class="row"> | |
| 1039 | - <div class="col-sm-12"> | |
| 1040 | - <div class="checkbox no-margin"> | |
| 1041 | - <label> | |
| 1042 | - <input id="fill-option" type="checkbox" checked onclick="enableDisableFillOption()"> Fill Option | |
| 1043 | - </label> | |
| 1044 | - </div> | |
| 1045 | - </div> | |
| 1046 | - <div class="col-sm-6 enableDisableOpacity"> | |
| 1047 | - <div class="radio"> | |
| 1048 | - <label> | |
| 1049 | - <input type="radio" name="filloption" id="filloption1" value="filloption1"> | |
| 1050 | - <span class="">Texture</span> | |
| 1051 | - <img id="editstyleTexture" src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern"> | |
| 1052 | - </label> | |
| 1031 | + <!--<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;"> | |
| 1032 | + <div class="modal-dialog modal-sm" role="document"> | |
| 1033 | + <div class="modal-content"> | |
| 1034 | + <div class="modal-header annotation-modal-header"> | |
| 1035 | + <h4 class="modal-title" id="myModalLabel33">Edit Shape Style</h4> | |
| 1036 | + </div> | |
| 1037 | + <div class="modal-body"> | |
| 1038 | + <div class="marginTopBtm10"> | |
| 1039 | + <div class="well well-sm no-margin-btm"> | |
| 1040 | + <div class="row"> | |
| 1041 | + <div class="col-sm-12"> | |
| 1042 | + <div class="checkbox no-margin"> | |
| 1043 | + <label> | |
| 1044 | + <input id="fill-option" type="checkbox" checked onclick="enableDisableFillOption()"> Fill Option | |
| 1045 | + </label> | |
| 1046 | + </div> | |
| 1053 | 1047 | </div> |
| 1054 | - <div class="radio"> | |
| 1055 | - <label> | |
| 1056 | - <input type="radio" name="filloption" id="filloption2" value="filloption2" checked style="margin-top:8px;"> | |
| 1048 | + <div class="col-sm-6 enableDisableOpacity"> | |
| 1049 | + <div class="radio"> | |
| 1050 | + <label> | |
| 1051 | + <input type="radio" name="filloption" id="filloption1" value="filloption1"> | |
| 1052 | + <span class="">Texture</span> | |
| 1053 | + <img id="editstyleTexture" src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern"> | |
| 1054 | + </label> | |
| 1055 | + </div> | |
| 1056 | + <div class="radio"> | |
| 1057 | + <label> | |
| 1058 | + <input type="radio" name="filloption" id="filloption2" value="filloption2" checked style="margin-top:8px;"> | |
| 1057 | 1059 | |
| 1058 | 1060 | |
| 1059 | - <div id="editstylebackgroundcolor" class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 1060 | - <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span> | |
| 1061 | - <input type="text" class="form-control outerBackgroundColor" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 1062 | - </div> | |
| 1061 | + <div id="editstylebackgroundcolor" class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 1062 | + <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span> | |
| 1063 | + <input type="text" class="form-control outerBackgroundColor" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 1064 | + </div> | |
| 1063 | 1065 | |
| 1064 | 1066 | |
| 1065 | 1067 | |
| 1066 | - </label> | |
| 1068 | + </label> | |
| 1069 | + </div> | |
| 1067 | 1070 | </div> |
| 1068 | - </div> | |
| 1069 | - <div class="col-sm-6 no-padding marginTop10 enableDisableOpacity"> | |
| 1070 | - <div class="row"> | |
| 1071 | - <label class="pull-left" style="font-weight:normal;">Scale</label> | |
| 1072 | - <div id="edit-slider-3" class="pull-left" style="width:62%; margin-left:3%; margin-top:2%;"> | |
| 1073 | - <div id="slider-range-min-3"></div> | |
| 1071 | + <div class="col-sm-6 no-padding marginTop10 enableDisableOpacity"> | |
| 1072 | + <div class="row"> | |
| 1073 | + <label class="pull-left" style="font-weight:normal;">Scale</label> | |
| 1074 | + <div id="edit-slider-3" class="pull-left" style="width:62%; margin-left:3%; margin-top:2%;"> | |
| 1075 | + <div id="slider-range-min-3"></div> | |
| 1074 | 1076 | |
| 1077 | + </div> | |
| 1075 | 1078 | </div> |
| 1076 | - </div> | |
| 1077 | 1079 | |
| 1078 | - <div class="row"> | |
| 1079 | - <label class="pull-left" style="font-weight:normal;">Opacity</label> | |
| 1080 | - <div id="edit-slider-4" class="pull-left" style="width:53%; margin-left:3%; margin-top:2%;"> | |
| 1081 | - <div id="slider-range-min-4"></div> | |
| 1080 | + <div class="row"> | |
| 1081 | + <label class="pull-left" style="font-weight:normal;">Opacity</label> | |
| 1082 | + <div id="edit-slider-4" class="pull-left" style="width:53%; margin-left:3%; margin-top:2%;"> | |
| 1083 | + <div id="slider-range-min-4"></div> | |
| 1084 | + </div> | |
| 1082 | 1085 | </div> |
| 1083 | - </div> | |
| 1084 | 1086 | |
| 1085 | - <div class="clearfix"></div> | |
| 1087 | + <div class="clearfix"></div> | |
| 1086 | 1088 | |
| 1087 | 1089 | |
| 1090 | + </div> | |
| 1088 | 1091 | </div> |
| 1089 | - </div> | |
| 1090 | 1092 | |
| 1093 | + </div> | |
| 1091 | 1094 | </div> |
| 1092 | - </div> | |
| 1093 | - <div class="marginTopBtm10"> | |
| 1094 | - <div class="well well-sm no-margin-btm"> | |
| 1095 | - <div class="row"> | |
| 1096 | - <div class="col-sm-12"> | |
| 1097 | - <div class="checkbox no-margin"> | |
| 1098 | - <label> | |
| 1099 | - <input id="Outline-Option" onclick="enableDisableOutline()" type="checkbox" checked> Outline Option | |
| 1100 | - </label> | |
| 1095 | + <div class="marginTopBtm10"> | |
| 1096 | + <div class="well well-sm no-margin-btm"> | |
| 1097 | + <div class="row"> | |
| 1098 | + <div class="col-sm-12"> | |
| 1099 | + <div class="checkbox no-margin"> | |
| 1100 | + <label> | |
| 1101 | + <input id="Outline-Option" onclick="enableDisableOutline()" type="checkbox" checked> Outline Option | |
| 1102 | + </label> | |
| 1103 | + </div> | |
| 1101 | 1104 | </div> |
| 1102 | - </div> | |
| 1103 | - <div class="col-sm-6 setEnableDisableForEditShapeStyle"> | |
| 1104 | - <label class="marginTop5"> | |
| 1105 | - <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span> | |
| 1106 | - <div class="form-group" id="outlineColor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 1105 | + <div class="col-sm-6 setEnableDisableForEditShapeStyle"> | |
| 1106 | + <label class="marginTop5"> | |
| 1107 | + <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span> | |
| 1108 | + <div class="form-group" id="outlineColor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;"> | |
| 1107 | 1109 | |
| 1108 | - <input type="text" class="form-control borderColorCanvasPreview" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 1109 | - </div> | |
| 1110 | + <input type="text" class="form-control borderColorCanvasPreview" data-control="saturation" style="display:none;" value="#0088cc"> | |
| 1111 | + </div> | |
| 1110 | 1112 | |
| 1111 | 1113 | |
| 1112 | - </label> | |
| 1113 | - </div> | |
| 1114 | + </label> | |
| 1115 | + </div> | |
| 1114 | 1116 | |
| 1115 | - <div class="col-sm-6 setEnableDisableForEditShapeStyle"> | |
| 1116 | - <div class="form-horizontal"> | |
| 1117 | - <div class="form-group"> | |
| 1118 | - <label class="col-sm-3 control-label" style=" font-weight:normal; padding-top:9px;">Size</label> | |
| 1119 | - <div class="col-sm-9 marginTop5"> | |
| 1120 | - <select id="borderWidthCanvasElement" class="form-control input-sm"> | |
| 1121 | - <option value="1">1</option> | |
| 1122 | - <option value="2">2</option> | |
| 1123 | - <option value="3">3</option> | |
| 1124 | - <option value="4">4</option> | |
| 1125 | - <option value="5">5</option> | |
| 1126 | - </select> | |
| 1117 | + <div class="col-sm-6 setEnableDisableForEditShapeStyle"> | |
| 1118 | + <div class="form-horizontal"> | |
| 1119 | + <div class="form-group"> | |
| 1120 | + <label class="col-sm-3 control-label" style=" font-weight:normal; padding-top:9px;">Size</label> | |
| 1121 | + <div class="col-sm-9 marginTop5"> | |
| 1122 | + <select id="borderWidthCanvasElement" class="form-control input-sm"> | |
| 1123 | + <option value="1">1</option> | |
| 1124 | + <option value="2">2</option> | |
| 1125 | + <option value="3">3</option> | |
| 1126 | + <option value="4">4</option> | |
| 1127 | + <option value="5">5</option> | |
| 1128 | + </select> | |
| 1129 | + </div> | |
| 1127 | 1130 | </div> |
| 1128 | 1131 | </div> |
| 1129 | 1132 | </div> |
| 1133 | + | |
| 1130 | 1134 | </div> |
| 1135 | + </div> | |
| 1136 | + </div> | |
| 1131 | 1137 | |
| 1138 | + <div class="marginTopBtm10"> | |
| 1139 | + <div class="well well-sm no-margin-btm"> | |
| 1140 | + <img id="imgOpacity" class="img-rounded img-responsive imgopacity" alt="..." src="content/images/blank-shape.jpg"> | |
| 1132 | 1141 | </div> |
| 1133 | 1142 | </div> |
| 1134 | 1143 | </div> |
| 1144 | + <div class="modal-footer"> | |
| 1145 | + <button type="button" class="btn btn-primary btn-sm" ng-click="setPropertiesForShapes('imgOpacity')"> | |
| 1135 | 1146 | |
| 1136 | - <div class="marginTopBtm10"> | |
| 1137 | - <div class="well well-sm no-margin-btm"> | |
| 1138 | - <img id="imgOpacity" class="img-rounded img-responsive imgopacity" alt="..." src="content/images/blank-shape.jpg"> | |
| 1139 | - </div> | |
| 1147 | + OK | |
| 1148 | + </button> | |
| 1149 | + <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button> | |
| 1140 | 1150 | </div> |
| 1141 | 1151 | </div> |
| 1142 | - <div class="modal-footer"> | |
| 1143 | - <button type="button" class="btn btn-primary btn-sm" ng-click="setPropertiesForShapes('imgOpacity')"> | |
| 1144 | - | |
| 1145 | - OK | |
| 1146 | - </button> | |
| 1147 | - <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button> | |
| 1148 | - </div> | |
| 1149 | 1152 | </div> |
| 1150 | - </div> | |
| 1151 | - </div>--> | |
| 1152 | - | |
| 1153 | - <script> | |
| 1154 | - | |
| 1155 | - function enableDisableFillOption() { | |
| 1156 | - //debugger; | |
| 1157 | - if (document.getElementById('fill-option').checked) { | |
| 1158 | - // $('#imgOpacity').attr("background-color"); | |
| 1159 | - //$('#imgOpacity').css({"background-color"}) | |
| 1160 | - //$("#filloption1").css({ "pointer-events": "auto" }); | |
| 1161 | - //$("#filloption12").css({ "pointer-events": "auto" }); | |
| 1162 | - | |
| 1163 | - var x = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color'); | |
| 1164 | - $("#imgOpacity").css("background-color", x); | |
| 1165 | - $("#edit-slider-3").css({ "pointer-events": "auto" }); | |
| 1166 | - $("#edit-slider-4").css({ "pointer-events": "auto" }); | |
| 1167 | - $("#editstylebackgroundcolor").css({ "pointer-events": "auto" }); | |
| 1168 | - $("#editstyleTexture").css({ "pointer-events": "auto" }); | |
| 1169 | - $(".enableDisableOpacity label").css({ "cursor": "pointer" }); | |
| 1170 | - $(".enableDisableOpacity").css({ "opacity": "1" }) | |
| 1171 | - document.getElementById("filloption1").disabled = false; | |
| 1172 | - document.getElementById("filloption2").disabled = false; | |
| 1173 | - document.getElementById("filloption1").style.cursor = "default"; | |
| 1174 | - document.getElementById("filloption2").style.cursor = "default"; | |
| 1175 | - | |
| 1176 | - | |
| 1177 | - | |
| 1178 | - } | |
| 1179 | - else { | |
| 1180 | - $('#imgOpacity').css("background-color", "transparent"); | |
| 1181 | - //$("#filloption1").css({ "pointer-events": "none" }); | |
| 1182 | - //$("#filloption2").css({ "pointer-events": "none" }); | |
| 1183 | - $("#edit-slider-3").css({ "pointer-events": "none" }); | |
| 1184 | - $("#edit-slider-4").css({ "pointer-events": "none" }); | |
| 1185 | - $("#editstylebackgroundcolor").css({ "pointer-events": "none" }); | |
| 1186 | - $("#editstyleTexture").css({ "pointer-events": "none" }); | |
| 1187 | - $(".enableDisableOpacity label").css({ "cursor": "default" }); | |
| 1188 | - $(".enableDisableOpacity").css({ "opacity": ".5" }) | |
| 1189 | - document.getElementById("filloption1").disabled = true; | |
| 1190 | - document.getElementById("filloption2").disabled = true; | |
| 1191 | - document.getElementById("filloption1").style.cursor = "default"; | |
| 1192 | - document.getElementById("filloption2").style.cursor = "default"; | |
| 1193 | - | |
| 1194 | - | |
| 1195 | - | |
| 1196 | - } | |
| 1153 | + </div>--> | |
| 1197 | 1154 | |
| 1198 | - } | |
| 1199 | - function enableDisableOutline() { | |
| 1200 | - | |
| 1201 | - if (document.getElementById('Outline-Option').checked) { | |
| 1202 | - var x = $("#outlineColor span.minicolors-swatch-color").css('background-color'); | |
| 1203 | - $(".marginTopBtm10 div.outlinediv").css("border-color", x); | |
| 1204 | - // var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width'); | |
| 1205 | - // $("#imgOpacity").css("border-width", borderWidth); | |
| 1206 | - | |
| 1207 | - $("#borderWidthCanvasElement").css({ "pointer-events": "auto" }); | |
| 1208 | - $("#outlineColor").css({ "pointer-events": "auto" }); | |
| 1209 | - $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" }) | |
| 1210 | - } | |
| 1211 | - else { | |
| 1212 | - $('.marginTopBtm10 div.outlinediv').css("border-color", "transparent"); | |
| 1213 | - $("#borderWidthCanvasElement").css({ "pointer-events": "none" }); | |
| 1214 | - $("#outlineColor").css({ "pointer-events": "none" }); | |
| 1215 | - $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" }) | |
| 1216 | - } | |
| 1217 | - } | |
| 1155 | + <script> | |
| 1218 | 1156 | |
| 1219 | - </script> | |
| 1157 | + function enableDisableFillOption() { | |
| 1158 | + //debugger; | |
| 1159 | + if (document.getElementById('fill-option').checked) { | |
| 1160 | + // $('#imgOpacity').attr("background-color"); | |
| 1161 | + //$('#imgOpacity').css({"background-color"}) | |
| 1162 | + //$("#filloption1").css({ "pointer-events": "auto" }); | |
| 1163 | + //$("#filloption12").css({ "pointer-events": "auto" }); | |
| 1220 | 1164 | |
| 1221 | - <script> | |
| 1222 | - function Brushsize(object) { | |
| 1165 | + var x = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color'); | |
| 1166 | + $("#imgOpacity").css("background-color", x); | |
| 1167 | + $("#edit-slider-3").css({ "pointer-events": "auto" }); | |
| 1168 | + $("#edit-slider-4").css({ "pointer-events": "auto" }); | |
| 1169 | + $("#editstylebackgroundcolor").css({ "pointer-events": "auto" }); | |
| 1170 | + $("#editstyleTexture").css({ "pointer-events": "auto" }); | |
| 1171 | + $(".enableDisableOpacity label").css({ "cursor": "pointer" }); | |
| 1172 | + $(".enableDisableOpacity").css({ "opacity": "1" }) | |
| 1173 | + document.getElementById("filloption1").disabled = false; | |
| 1174 | + document.getElementById("filloption2").disabled = false; | |
| 1175 | + document.getElementById("filloption1").style.cursor = "default"; | |
| 1176 | + document.getElementById("filloption2").style.cursor = "default"; | |
| 1223 | 1177 | |
| 1224 | - object.value = object.value.replace(/[^0-9]/g, ''); | |
| 1225 | - if (parseInt(object.value) <= 0) { | |
| 1226 | - object.value = 1; | |
| 1227 | - } | |
| 1228 | - if (parseInt(object.value) >= 1 && parseInt(object.value) <= 60) { | |
| 1229 | - object.value = object.value; | |
| 1230 | - } | |
| 1231 | - if (parseInt(object.value) > 60) { | |
| 1232 | - object.value = object.value.slice(0, 1); | |
| 1233 | 1178 | |
| 1234 | - } | |
| 1235 | 1179 | |
| 1236 | - } | |
| 1237 | - </script> | |
| 1238 | - | |
| 1239 | - | |
| 1240 | - <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>--> | |
| 1241 | - <script src="libs/jquery/2.1.3/jquery.min.js"></script> | |
| 1242 | - <script src="libs/jquery/1.11.4/jquery-ui.js"></script> | |
| 1243 | - <script src="libs/jquery/jquery_plugin/jquery.mCustomScrollbar.concat.min.js"></script> | |
| 1244 | - <script src="themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script> | |
| 1245 | - <script src="libs/angular/1.4.9/angular.min.js"></script> | |
| 1246 | - <script src="libs/angular/1.4.9/angular-route.min.js"></script> | |
| 1247 | - <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script> | |
| 1248 | - <script src="libs/angular/1.4.9/ngStorage.js"></script> | |
| 1249 | - <script src="content/js/custom/custom.js"></script> | |
| 1250 | - <!--Annotation Toolbar : jcanvas Library--> | |
| 1251 | - | |
| 1252 | - <script src="libs/jcanvas/jcanvas.min.js"></script> | |
| 1253 | - <script src="libs/jcanvas/jcanvas.handle.min.js"></script> | |
| 1254 | - | |
| 1255 | - <script src="libs/jinqJs.js"></script> | |
| 1256 | - <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script> | |
| 1257 | - <script src="libs/video_4_12_11/video_4_12_11.js"></script> | |
| 1258 | - <script src="libs/jquery/jquery_plugin/SpeechBubble/bubble.js"></script> | |
| 1259 | - <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script> | |
| 1260 | - <!--<script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.js"></script>--> | |
| 1261 | - <script src="app/main/AIA.js"></script> | |
| 1262 | - <script src="app/main/Link.js"></script> | |
| 1263 | - <script src="content/scripts/js/custom/custom.js"></script> | |
| 1264 | - <script src="app/filters/ColorMatrixFilter.js"></script> | |
| 1265 | - <script src="app/utility/Matrix.js"></script> | |
| 1266 | - <script src="app/utility/Point.js"></script> | |
| 1267 | - <script src="app/utility/Rectangle.js"></script> | |
| 1268 | - <script src="app/utility/BitmapData.js"></script> | |
| 1269 | - <script src="app/utility/Paint.js"></script> | |
| 1270 | - <script src="app/controllers/DAController.js"></script> | |
| 1271 | - <script src="app/controllers/CIController.js"></script> | |
| 1272 | - <script src="app/controllers/CAController.js"></script> | |
| 1273 | - <script src="app/controllers/3dAController.js"></script> | |
| 1274 | - <script src="app/controllers/CurrBuildController.js"></script> | |
| 1275 | - <script src="app/controllers/AnatTestController.js"></script> | |
| 1276 | - <script src="app/controllers/LabExercController.js"></script> | |
| 1277 | - <script src="app/controllers/ADAMImgController.js"></script> | |
| 1278 | - <script src="app/controllers/AODController.js"></script> | |
| 1279 | - <script src="app/controllers/HomeController.js"></script> | |
| 1280 | - <script src="app/controllers/LinkController.js"></script> | |
| 1281 | - <script src="app/services/AuthenticationService.js"></script> | |
| 1282 | - | |
| 1283 | - <script src="app/services/DataService.js"></script> | |
| 1284 | - <script src="libs/jquery/jquery_plugin/jqueryui.js"></script> | |
| 1285 | - | |
| 1286 | - <script src="libs/jquery/jquery_plugin/color-picker/jquery.minicolors.min.js"></script> | |
| 1287 | - <!--<script src="libs/colorpicker/jquery.minicolors.min.js"></script>--> | |
| 1288 | - <!--<script src="libs/color-picker/jquery.minicolors.min.js"></script>--> | |
| 1289 | - | |
| 1290 | - <script src="libs/sketch.js"></script> | |
| 1291 | - | |
| 1292 | - <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>--> | |
| 1293 | - <script src="libs/html2canvas.js"></script> | |
| 1294 | - <script src="libs/FileSaver.js"></script> | |
| 1295 | - <!--<script type="text/javascript"> | |
| 1296 | - $(function () { | |
| 1297 | - $('#canvas').sketch(); | |
| 1298 | - }); | |
| 1299 | - </script>--> | |
| 1300 | - <script> | |
| 1301 | - $(function () { | |
| 1302 | - $("#slider-range-min-2").slider({ | |
| 1303 | - range: "min", | |
| 1304 | - min: 1, | |
| 1305 | - max: 60, | |
| 1306 | - value: 1, | |
| 1307 | - slide: function (event, ui) { | |
| 1308 | - | |
| 1309 | - $("#btnBrushSize").val(ui.value); | |
| 1310 | - | |
| 1311 | - }, | |
| 1312 | - stop: function (event, ui) { | |
| 1313 | - | |
| 1314 | - $("#paintLine").attr("data-size", ui.value); | |
| 1180 | + } | |
| 1181 | + else { | |
| 1182 | + $('#imgOpacity').css("background-color", "transparent"); | |
| 1183 | + //$("#filloption1").css({ "pointer-events": "none" }); | |
| 1184 | + //$("#filloption2").css({ "pointer-events": "none" }); | |
| 1185 | + $("#edit-slider-3").css({ "pointer-events": "none" }); | |
| 1186 | + $("#edit-slider-4").css({ "pointer-events": "none" }); | |
| 1187 | + $("#editstylebackgroundcolor").css({ "pointer-events": "none" }); | |
| 1188 | + $("#editstyleTexture").css({ "pointer-events": "none" }); | |
| 1189 | + $(".enableDisableOpacity label").css({ "cursor": "default" }); | |
| 1190 | + $(".enableDisableOpacity").css({ "opacity": ".5" }) | |
| 1191 | + document.getElementById("filloption1").disabled = true; | |
| 1192 | + document.getElementById("filloption2").disabled = true; | |
| 1193 | + document.getElementById("filloption1").style.cursor = "default"; | |
| 1194 | + document.getElementById("filloption2").style.cursor = "default"; | |
| 1315 | 1195 | |
| 1316 | - } | |
| 1317 | 1196 | |
| 1318 | - }); | |
| 1319 | 1197 | |
| 1198 | + } | |
| 1320 | 1199 | |
| 1321 | - $("#btnBrushSize").keydown(function () { | |
| 1322 | - var brushSizevalue = this.value; | |
| 1323 | - $("#slider-range-min-2").slider("value", parseInt(brushSizevalue)); | |
| 1324 | - }); | |
| 1325 | - $("#btnBrushSize").keyup(function () { | |
| 1326 | - var brushSizevalue = this.value; | |
| 1327 | - $("#slider-range-min-2").slider("value", parseInt(brushSizevalue)); | |
| 1328 | - }); | |
| 1329 | - $("#btnBrushSizeIncrement").click(function () { | |
| 1330 | - var brushIncrementVar = $("#btnBrushSize").val(); | |
| 1331 | - if (brushIncrementVar >= 60) { | |
| 1332 | - $("#slider-range-min-2").slider("value", 60); | |
| 1333 | - } | |
| 1334 | - else if (brushIncrementVar == "") { | |
| 1335 | - var brushIncrementedValue = 1; | |
| 1336 | - $("#btnBrushSize").val(brushIncrementedValue); | |
| 1337 | - $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue)); | |
| 1338 | - } | |
| 1339 | - else { | |
| 1340 | - var brushIncrementedValue = parseInt(brushIncrementVar) + 1; | |
| 1341 | - $("#btnBrushSize").val(brushIncrementedValue); | |
| 1342 | - $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue)); | |
| 1343 | 1200 | } |
| 1344 | - }); | |
| 1345 | - $("#btnBrushSizeDecrease").click(function () { | |
| 1346 | - var brushDecreaseVar = $("#btnBrushSize").val(); | |
| 1347 | - if (brushDecreaseVar == "") { | |
| 1348 | - var brushDecrementedValue = 1; | |
| 1349 | - $("#btnBrushSize").val(brushDecrementedValue); | |
| 1350 | - $("#slider-range-min-2").slider("value", parseInt(brushDecrementedValue)); | |
| 1351 | - } | |
| 1352 | - else if (brushDecreaseVar <= 1) { | |
| 1353 | - $("#slider-range-min-2").slider("value", 1); | |
| 1201 | + function enableDisableOutline() { | |
| 1202 | + | |
| 1203 | + if (document.getElementById('Outline-Option').checked) { | |
| 1204 | + var x = $("#outlineColor span.minicolors-swatch-color").css('background-color'); | |
| 1205 | + $(".marginTopBtm10 div.outlinediv").css("border-color", x); | |
| 1206 | + // var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width'); | |
| 1207 | + // $("#imgOpacity").css("border-width", borderWidth); | |
| 1208 | + | |
| 1209 | + $("#borderWidthCanvasElement").css({ "pointer-events": "auto" }); | |
| 1210 | + $("#outlineColor").css({ "pointer-events": "auto" }); | |
| 1211 | + $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" }) | |
| 1212 | + } | |
| 1213 | + else { | |
| 1214 | + $('.marginTopBtm10 div.outlinediv').css("border-color", "transparent"); | |
| 1215 | + $("#borderWidthCanvasElement").css({ "pointer-events": "none" }); | |
| 1216 | + $("#outlineColor").css({ "pointer-events": "none" }); | |
| 1217 | + $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" }) | |
| 1218 | + } | |
| 1354 | 1219 | } |
| 1355 | - else { | |
| 1356 | - var brushDecrementedValue = parseInt(brushDecreaseVar) - 1; | |
| 1357 | - $("#btnBrushSize").val(brushDecrementedValue); | |
| 1358 | - $("#slider-range-min-2").slider("value", parseInt(brushDecrementedValue)); | |
| 1220 | + | |
| 1221 | + </script> | |
| 1222 | + | |
| 1223 | + <script> | |
| 1224 | + function Brushsize(object) { | |
| 1225 | + | |
| 1226 | + object.value = object.value.replace(/[^0-9]/g, ''); | |
| 1227 | + if (parseInt(object.value) <= 0) { | |
| 1228 | + object.value = 1; | |
| 1229 | + } | |
| 1230 | + if (parseInt(object.value) >= 1 && parseInt(object.value) <= 60) { | |
| 1231 | + object.value = object.value; | |
| 1232 | + } | |
| 1233 | + if (parseInt(object.value) > 60) { | |
| 1234 | + object.value = object.value.slice(0, 1); | |
| 1235 | + | |
| 1236 | + } | |
| 1237 | + | |
| 1359 | 1238 | } |
| 1239 | + </script> | |
| 1240 | + | |
| 1241 | + | |
| 1242 | + <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>--> | |
| 1243 | + <script src="libs/jquery/2.1.3/jquery.min.js"></script> | |
| 1244 | + <script src="libs/jquery/1.11.4/jquery-ui.js"></script> | |
| 1245 | + <script src="libs/jquery/jquery_plugin/jquery.mCustomScrollbar.concat.min.js"></script> | |
| 1246 | + <script src="themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script> | |
| 1247 | + <script src="libs/angular/1.4.9/angular.min.js"></script> | |
| 1248 | + <script src="libs/angular/1.4.9/angular-route.min.js"></script> | |
| 1249 | + <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script> | |
| 1250 | + <script src="libs/angular/1.4.9/ngStorage.js"></script> | |
| 1251 | + <script src="content/js/custom/custom.js"></script> | |
| 1252 | + <!--Annotation Toolbar : jcanvas Library--> | |
| 1253 | + | |
| 1254 | + <script src="libs/jcanvas/jcanvas.min.js"></script> | |
| 1255 | + <script src="libs/jcanvas/jcanvas.handle.min.js"></script> | |
| 1256 | + | |
| 1257 | + <script src="libs/jinqJs.js"></script> | |
| 1258 | + <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script> | |
| 1259 | + <script src="libs/video_4_12_11/video_4_12_11.js"></script> | |
| 1260 | + <script src="libs/jquery/jquery_plugin/SpeechBubble/bubble.js"></script> | |
| 1261 | + <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script> | |
| 1262 | + <!--<script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.js"></script>--> | |
| 1263 | + <script src="app/main/AIA.js"></script> | |
| 1264 | + <script src="app/main/Link.js"></script> | |
| 1265 | + <script src="content/scripts/js/custom/custom.js"></script> | |
| 1266 | + <script src="app/filters/ColorMatrixFilter.js"></script> | |
| 1267 | + <script src="app/utility/Matrix.js"></script> | |
| 1268 | + <script src="app/utility/Point.js"></script> | |
| 1269 | + <script src="app/utility/Rectangle.js"></script> | |
| 1270 | + <script src="app/utility/BitmapData.js"></script> | |
| 1271 | + <script src="app/utility/Paint.js"></script> | |
| 1272 | + <script src="app/controllers/DAController.js"></script> | |
| 1273 | + <script src="app/controllers/CIController.js"></script> | |
| 1274 | + <script src="app/controllers/CAController.js"></script> | |
| 1275 | + <script src="app/controllers/3dAController.js"></script> | |
| 1276 | + <script src="app/controllers/CurrBuildController.js"></script> | |
| 1277 | + <script src="app/controllers/AnatTestController.js"></script> | |
| 1278 | + <script src="app/controllers/LabExercController.js"></script> | |
| 1279 | + <script src="app/controllers/ADAMImgController.js"></script> | |
| 1280 | + <script src="app/controllers/AODController.js"></script> | |
| 1281 | + <script src="app/controllers/HomeController.js"></script> | |
| 1282 | + <script src="app/controllers/LinkController.js"></script> | |
| 1283 | + <script src="app/services/AuthenticationService.js"></script> | |
| 1284 | + | |
| 1285 | + <script src="app/services/DataService.js"></script> | |
| 1286 | + <script src="libs/jquery/jquery_plugin/jqueryui.js"></script> | |
| 1287 | + | |
| 1288 | + <script src="libs/jquery/jquery_plugin/color-picker/jquery.minicolors.min.js"></script> | |
| 1289 | + <!--<script src="libs/colorpicker/jquery.minicolors.min.js"></script>--> | |
| 1290 | + <!--<script src="libs/color-picker/jquery.minicolors.min.js"></script>--> | |
| 1291 | + | |
| 1292 | + <script src="libs/sketch.js"></script> | |
| 1293 | + | |
| 1294 | + <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>--> | |
| 1295 | + <script src="libs/html2canvas.js"></script> | |
| 1296 | + <script src="libs/FileSaver.js"></script> | |
| 1297 | + <!--<script type="text/javascript"> | |
| 1298 | + $(function () { | |
| 1299 | + $('#canvas').sketch(); | |
| 1360 | 1300 | }); |
| 1361 | - $("#btnBrushSize").val($("#slider-range-min-2").slider("value")); | |
| 1301 | + </script>--> | |
| 1302 | + <script> | |
| 1303 | + $(function () { | |
| 1304 | + $("#slider-range-min-2").slider({ | |
| 1305 | + range: "min", | |
| 1306 | + min: 1, | |
| 1307 | + max: 60, | |
| 1308 | + value: 1, | |
| 1309 | + slide: function (event, ui) { | |
| 1362 | 1310 | |
| 1311 | + $("#btnBrushSize").val(ui.value); | |
| 1363 | 1312 | |
| 1313 | + }, | |
| 1314 | + stop: function (event, ui) { | |
| 1364 | 1315 | |
| 1316 | + $("#paintLine").attr("data-size", ui.value); | |
| 1365 | 1317 | |
| 1318 | + } | |
| 1366 | 1319 | |
| 1367 | - //$("#slider-range-min-2").on("slidestart", function (event, ui) { | |
| 1320 | + }); | |
| 1321 | + | |
| 1322 | + | |
| 1323 | + $("#btnBrushSize").keydown(function () { | |
| 1324 | + var brushSizevalue = this.value; | |
| 1325 | + $("#slider-range-min-2").slider("value", parseInt(brushSizevalue)); | |
| 1326 | + }); | |
| 1327 | + $("#btnBrushSize").keyup(function () { | |
| 1328 | + var brushSizevalue = this.value; | |
| 1329 | + $("#slider-range-min-2").slider("value", parseInt(brushSizevalue)); | |
| 1330 | + }); | |
| 1331 | + $("#btnBrushSizeIncrement").click(function () { | |
| 1332 | + var brushIncrementVar = $("#btnBrushSize").val(); | |
| 1333 | + if (brushIncrementVar >= 60) { | |
| 1334 | + $("#slider-range-min-2").slider("value", 60); | |
| 1335 | + } | |
| 1336 | + else if (brushIncrementVar == "") { | |
| 1337 | + var brushIncrementedValue = 1; | |
| 1338 | + $("#btnBrushSize").val(brushIncrementedValue); | |
| 1339 | + $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue)); | |
| 1340 | + } | |
| 1341 | + else { | |
| 1342 | + var brushIncrementedValue = parseInt(brushIncrementVar) + 1; | |
| 1343 | + $("#btnBrushSize").val(brushIncrementedValue); | |
| 1344 | + $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue)); | |
| 1345 | + } | |
| 1346 | + }); | |
| 1347 | + $("#btnBrushSizeDecrease").click(function () { | |
| 1348 | + var brushDecreaseVar = $("#btnBrushSize").val(); | |
| 1349 | + if (brushDecreaseVar == "") { | |
| 1350 | + var brushDecrementedValue = 1; | |
| 1351 | + $("#btnBrushSize").val(brushDecrementedValue); | |
| 1352 | + $("#slider-range-min-2").slider("value", parseInt(brushDecrementedValue)); | |
| 1353 | + } | |
| 1354 | + else if (brushDecreaseVar <= 1) { | |
| 1355 | + $("#slider-range-min-2").slider("value", 1); | |
| 1356 | + } | |
| 1357 | + else { | |
| 1358 | + var brushDecrementedValue = parseInt(brushDecreaseVar) - 1; | |
| 1359 | + $("#btnBrushSize").val(brushDecrementedValue); | |
| 1360 | + $("#slider-range-min-2").slider("value", parseInt(brushDecrementedValue)); | |
| 1361 | + } | |
| 1362 | + }); | |
| 1363 | + $("#btnBrushSize").val($("#slider-range-min-2").slider("value")); | |
| 1368 | 1364 | |
| 1369 | - // $('.btnCursor').trigger('click'); | |
| 1370 | - // $(".btn-annotation").removeClass("activebtncolor"); | |
| 1371 | - // $('.btnCursor').addClass('activebtncolor'); | |
| 1372 | - // // ctx.clearRect(0, 0, canvasPaint.width, canvasPaint.height); | |
| 1373 | 1365 | |
| 1374 | 1366 | |
| 1375 | - //}); | |
| 1376 | - // $("#slider-range-min-2").on("slidechange", function (event, ui) { alert("ssasa"); }); | |
| 1377 | 1367 | |
| 1378 | 1368 | |
| 1379 | - $(function () { | |
| 1380 | - $('[data-toggle="tooltip"]').tooltip(); | |
| 1381 | - }) | |
| 1382 | - }); | |
| 1383 | - </script> | |
| 1384 | - <script> | |
| 1385 | - (function ($) { | |
| 1386 | - $(window).load(function () { | |
| 1387 | - $(".sidebar").mCustomScrollbar({ | |
| 1388 | - autoHideScrollbar: true, | |
| 1389 | - //theme:"rounded" | |
| 1390 | - }); | |
| 1369 | + //$("#slider-range-min-2").on("slidestart", function (event, ui) { | |
| 1391 | 1370 | |
| 1392 | - }); | |
| 1393 | - })(jQuery); | |
| 1394 | - </script> | |
| 1395 | - <script> | |
| 1396 | - $(function () { | |
| 1397 | - $(".modal").draggable(); | |
| 1398 | - $(".annotationTollbar").draggable(); | |
| 1399 | - $(".modeleditstyle").draggable(); | |
| 1400 | - $("#annotationTextModal").draggable(); | |
| 1401 | - }); | |
| 1402 | - </script> | |
| 1403 | - | |
| 1404 | - <script type="text/javascript"> | |
| 1405 | - $(function () { | |
| 1406 | - var colpick = $('.demo').each(function () { | |
| 1407 | - | |
| 1408 | - $(this).minicolors({ | |
| 1409 | - control: $(this).attr('data-control') || 'hue', | |
| 1410 | - inline: $(this).attr('data-inline') === 'true', | |
| 1411 | - letterCase: 'lowercase', | |
| 1412 | - opacity: false, | |
| 1413 | - change: function (hex, opacity) { | |
| 1414 | - $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").removeClass("ActiveDefaultColorAnnotation"); | |
| 1415 | - if (!hex) return; | |
| 1416 | - if (opacity) hex += ', ' + opacity; | |
| 1417 | - try { | |
| 1418 | - console.log(hex); | |
| 1419 | - $("#text_area").css("color", hex); | |
| 1420 | - } catch (e) { } | |
| 1421 | - $(this).select(); | |
| 1422 | - }, | |
| 1423 | - theme: 'bootstrap' | |
| 1371 | + // $('.btnCursor').trigger('click'); | |
| 1372 | + // $(".btn-annotation").removeClass("activebtncolor"); | |
| 1373 | + // $('.btnCursor').addClass('activebtncolor'); | |
| 1374 | + // // ctx.clearRect(0, 0, canvasPaint.width, canvasPaint.height); | |
| 1375 | + | |
| 1376 | + | |
| 1377 | + //}); | |
| 1378 | + // $("#slider-range-min-2").on("slidechange", function (event, ui) { alert("ssasa"); }); | |
| 1379 | + | |
| 1380 | + | |
| 1381 | + $(function () { | |
| 1382 | + $('[data-toggle="tooltip"]').tooltip(); | |
| 1383 | + }) | |
| 1424 | 1384 | }); |
| 1425 | - }); | |
| 1385 | + </script> | |
| 1386 | + <script> | |
| 1387 | + (function ($) { | |
| 1388 | + $(window).load(function () { | |
| 1389 | + $(".sidebar").mCustomScrollbar({ | |
| 1390 | + autoHideScrollbar: true, | |
| 1391 | + //theme:"rounded" | |
| 1392 | + }); | |
| 1393 | + | |
| 1394 | + }); | |
| 1395 | + })(jQuery); | |
| 1396 | + </script> | |
| 1397 | + <script> | |
| 1398 | + $(function () { | |
| 1399 | + $(".modal").draggable(); | |
| 1400 | + $(".annotationTollbar").draggable(); | |
| 1401 | + $(".modeleditstyle").draggable(); | |
| 1402 | + $("#annotationTextModal").draggable(); | |
| 1403 | + $("#modal-settings").draggable(); | |
| 1404 | + }); | |
| 1405 | + </script> | |
| 1406 | + | |
| 1407 | + <script type="text/javascript"> | |
| 1408 | + $(function () { | |
| 1409 | + var colpick = $('.demo').each(function () { | |
| 1410 | + | |
| 1411 | + $(this).minicolors({ | |
| 1412 | + control: $(this).attr('data-control') || 'hue', | |
| 1413 | + inline: $(this).attr('data-inline') === 'true', | |
| 1414 | + letterCase: 'lowercase', | |
| 1415 | + opacity: false, | |
| 1416 | + change: function (hex, opacity) { | |
| 1417 | + $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").removeClass("ActiveDefaultColorAnnotation"); | |
| 1418 | + if (!hex) return; | |
| 1419 | + if (opacity) hex += ', ' + opacity; | |
| 1420 | + try { | |
| 1421 | + console.log(hex); | |
| 1422 | + $("#text_area").css("color", hex); | |
| 1423 | + } catch (e) { } | |
| 1424 | + $(this).select(); | |
| 1425 | + }, | |
| 1426 | + theme: 'bootstrap' | |
| 1427 | + }); | |
| 1428 | + }); | |
| 1429 | + | |
| 1430 | + var $inlinehex = $('#inlinecolorhex h3 small'); | |
| 1431 | + //alert($inlinehex); | |
| 1432 | + $('#inlinecolors').minicolors({ | |
| 1433 | + inline: true, | |
| 1434 | + theme: 'bootstrap', | |
| 1435 | + change: function (hex) { | |
| 1436 | + if (!hex) return; | |
| 1437 | + | |
| 1438 | + $inlinehex.html(hex); | |
| 1439 | + } | |
| 1440 | + }); | |
| 1441 | + }); | |
| 1442 | + </script> | |
| 1426 | 1443 | |
| 1427 | - var $inlinehex = $('#inlinecolorhex h3 small'); | |
| 1428 | - //alert($inlinehex); | |
| 1429 | - $('#inlinecolors').minicolors({ | |
| 1430 | - inline: true, | |
| 1431 | - theme: 'bootstrap', | |
| 1432 | - change: function (hex) { | |
| 1433 | - if (!hex) return; | |
| 1434 | 1444 | |
| 1435 | - $inlinehex.html(hex); | |
| 1436 | - } | |
| 1437 | - }); | |
| 1438 | - }); | |
| 1439 | - </script> | |
| 1445 | + <script type="text/javascript"> | |
| 1446 | + $(function () { | |
| 1440 | 1447 | |
| 1448 | + $("#text-left").on('click', function () { | |
| 1441 | 1449 | |
| 1442 | - <script type="text/javascript"> | |
| 1443 | - $(function () { | |
| 1450 | + //Annotation: Formatting buttons color is not change when select. | |
| 1444 | 1451 | |
| 1445 | - $("#text-left").on('click', function () { | |
| 1452 | + $("#text-center").removeClass("ActiveFormattingButtonClass"); | |
| 1453 | + $("#text-right").removeClass("ActiveFormattingButtonClass"); | |
| 1454 | + $("#text-left").addClass("ActiveFormattingButtonClass"); | |
| 1455 | + $("#text_area").css("text-align", "left"); | |
| 1446 | 1456 | |
| 1447 | - //Annotation: Formatting buttons color is not change when select. | |
| 1448 | 1457 | |
| 1449 | - $("#text-center").removeClass("ActiveFormattingButtonClass"); | |
| 1450 | - $("#text-right").removeClass("ActiveFormattingButtonClass"); | |
| 1451 | - $("#text-left").addClass("ActiveFormattingButtonClass"); | |
| 1452 | - $("#text_area").css("text-align", "left"); | |
| 1458 | + }); | |
| 1453 | 1459 | |
| 1454 | 1460 | |
| 1455 | - }); | |
| 1461 | + $("#text-center").on('click', function () { | |
| 1456 | 1462 | |
| 1463 | + //Annotation: Formatting buttons color is not change when select. | |
| 1457 | 1464 | |
| 1458 | - $("#text-center").on('click', function () { | |
| 1465 | + $("#text-right").removeClass("ActiveFormattingButtonClass"); | |
| 1466 | + $("#text-left").removeClass("ActiveFormattingButtonClass"); | |
| 1467 | + $("#text-center").addClass("ActiveFormattingButtonClass"); | |
| 1468 | + $("#text_area").css("text-align", "center"); | |
| 1459 | 1469 | |
| 1460 | - //Annotation: Formatting buttons color is not change when select. | |
| 1461 | 1470 | |
| 1462 | - $("#text-right").removeClass("ActiveFormattingButtonClass"); | |
| 1463 | - $("#text-left").removeClass("ActiveFormattingButtonClass"); | |
| 1464 | - $("#text-center").addClass("ActiveFormattingButtonClass"); | |
| 1465 | - $("#text_area").css("text-align", "center"); | |
| 1471 | + }); | |
| 1466 | 1472 | |
| 1467 | 1473 | |
| 1468 | - }); | |
| 1474 | + $("#text-right").on('click', function () { | |
| 1469 | 1475 | |
| 1476 | + //Annotation: Formatting buttons color is not change when select. | |
| 1470 | 1477 | |
| 1471 | - $("#text-right").on('click', function () { | |
| 1478 | + $("#text-left").removeClass("ActiveFormattingButtonClass"); | |
| 1479 | + $("#text-center").removeClass("ActiveFormattingButtonClass"); | |
| 1480 | + $("#text-right").addClass("ActiveFormattingButtonClass"); | |
| 1481 | + $("#text_area").css("text-align", "right"); | |
| 1482 | + }); | |
| 1472 | 1483 | |
| 1473 | - //Annotation: Formatting buttons color is not change when select. | |
| 1474 | 1484 | |
| 1475 | - $("#text-left").removeClass("ActiveFormattingButtonClass"); | |
| 1476 | - $("#text-center").removeClass("ActiveFormattingButtonClass"); | |
| 1477 | - $("#text-right").addClass("ActiveFormattingButtonClass"); | |
| 1478 | - $("#text_area").css("text-align", "right"); | |
| 1479 | - }); | |
| 1485 | + $("#text-bold").on('click', function () { | |
| 1480 | 1486 | |
| 1487 | + //Annotation: Formatting buttons color is not change when select. | |
| 1488 | + $("#text-bold").toggleClass("ActiveFormattingButtonClass"); | |
| 1481 | 1489 | |
| 1482 | - $("#text-bold").on('click', function () { | |
| 1490 | + if ($("#text-bold").hasClass("ActiveFormattingButtonClass")) { | |
| 1491 | + $("#text_area").css("font-weight", "bold"); | |
| 1492 | + } | |
| 1493 | + else { | |
| 1494 | + $("#text_area").css("font-weight", "normal"); | |
| 1495 | + } | |
| 1483 | 1496 | |
| 1484 | - //Annotation: Formatting buttons color is not change when select. | |
| 1485 | - $("#text-bold").toggleClass("ActiveFormattingButtonClass"); | |
| 1486 | 1497 | |
| 1487 | - if ($("#text-bold").hasClass("ActiveFormattingButtonClass")) { | |
| 1488 | - $("#text_area").css("font-weight", "bold"); | |
| 1489 | - } | |
| 1490 | - else { | |
| 1491 | - $("#text_area").css("font-weight", "normal"); | |
| 1492 | - } | |
| 1498 | + }); | |
| 1493 | 1499 | |
| 1500 | + $("#text-italic").on('click', function () { | |
| 1494 | 1501 | |
| 1495 | - }); | |
| 1502 | + //Annotation: Formatting buttons color is not change when select. | |
| 1503 | + $("#text-italic").toggleClass("ActiveFormattingButtonClass"); | |
| 1504 | + if ($("#text-italic").hasClass("ActiveFormattingButtonClass")) { | |
| 1505 | + $("#text_area").css("font-style", "italic"); | |
| 1506 | + } | |
| 1507 | + else { | |
| 1508 | + $("#text_area").css("font-style", "normal"); | |
| 1509 | + } | |
| 1496 | 1510 | |
| 1497 | - $("#text-italic").on('click', function () { | |
| 1498 | 1511 | |
| 1499 | - //Annotation: Formatting buttons color is not change when select. | |
| 1500 | - $("#text-italic").toggleClass("ActiveFormattingButtonClass"); | |
| 1501 | - if ($("#text-italic").hasClass("ActiveFormattingButtonClass")) { | |
| 1502 | - $("#text_area").css("font-style", "italic"); | |
| 1503 | - } | |
| 1504 | - else { | |
| 1505 | - $("#text_area").css("font-style", "normal"); | |
| 1506 | - } | |
| 1512 | + }); | |
| 1507 | 1513 | |
| 1514 | + $("#text-underline").on('click', function () { | |
| 1508 | 1515 | |
| 1509 | - }); | |
| 1516 | + //Annotation: Formatting buttons color is not change when select. | |
| 1517 | + $("#text-underline").toggleClass("ActiveFormattingButtonClass"); | |
| 1510 | 1518 | |
| 1511 | - $("#text-underline").on('click', function () { | |
| 1519 | + if ($("#text-underline").hasClass("ActiveFormattingButtonClass")) { | |
| 1520 | + $("#text_area").css("text-decoration", "underline"); | |
| 1521 | + } | |
| 1522 | + else { | |
| 1523 | + $("#text_area").css("text-decoration", "none"); | |
| 1524 | + } | |
| 1512 | 1525 | |
| 1513 | - //Annotation: Formatting buttons color is not change when select. | |
| 1514 | - $("#text-underline").toggleClass("ActiveFormattingButtonClass"); | |
| 1515 | 1526 | |
| 1516 | - if ($("#text-underline").hasClass("ActiveFormattingButtonClass")) { | |
| 1517 | - $("#text_area").css("text-decoration", "underline"); | |
| 1518 | - } | |
| 1519 | - else { | |
| 1520 | - $("#text_area").css("text-decoration", "none"); | |
| 1521 | - } | |
| 1527 | + }); | |
| 1522 | 1528 | |
| 1523 | 1529 | |
| 1524 | - }); | |
| 1530 | + $("#selected-font-size").change(function () { | |
| 1525 | 1531 | |
| 1532 | + $("#text_area").css("font-size", $(this).val() + "px"); | |
| 1533 | + }); | |
| 1526 | 1534 | |
| 1527 | - $("#selected-font-size").change(function () { | |
| 1535 | + $("#selected-font-family").change(function () { | |
| 1528 | 1536 | |
| 1529 | - $("#text_area").css("font-size", $(this).val() + "px"); | |
| 1530 | - }); | |
| 1537 | + $("#text_area").css("font-family", $(this).val()); | |
| 1531 | 1538 | |
| 1532 | - $("#selected-font-family").change(function () { | |
| 1539 | + }); | |
| 1533 | 1540 | |
| 1534 | - $("#text_area").css("font-family", $(this).val()); | |
| 1535 | 1541 | |
| 1536 | - }); | |
| 1542 | + }); | |
| 1537 | 1543 | |
| 1538 | 1544 | |
| 1539 | - }); | |
| 1540 | 1545 | |
| 1546 | + </script> | |
| 1541 | 1547 | |
| 1542 | 1548 | |
| 1543 | - </script> | |
| 1549 | + <script> | |
| 1550 | + $(document).ready(function () { | |
| 1551 | + // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation"); | |
| 1552 | + $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" }); | |
| 1553 | + var borderWidth = 1; | |
| 1554 | + var borderColor = "#000"; | |
| 1555 | + $("#borderWidthCanvasElement").change(function () { | |
| 1556 | + borderWidth = $(this).val(); | |
| 1557 | + borderColor = $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color"); | |
| 1544 | 1558 | |
| 1559 | + if (borderColor != null) { | |
| 1560 | + document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; | |
| 1561 | + //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor); | |
| 1562 | + } else { | |
| 1545 | 1563 | |
| 1546 | - <script> | |
| 1547 | - $(document).ready(function () { | |
| 1548 | - // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation"); | |
| 1549 | - $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" }); | |
| 1550 | - var borderWidth = 1; | |
| 1551 | - var borderColor = "#000"; | |
| 1552 | - $("#borderWidthCanvasElement").change(function () { | |
| 1553 | - borderWidth = $(this).val(); | |
| 1554 | - borderColor = $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color"); | |
| 1564 | + // $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid"); | |
| 1565 | + document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; | |
| 1555 | 1566 | |
| 1556 | - if (borderColor != null) { | |
| 1557 | - document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; | |
| 1558 | - //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor); | |
| 1559 | - } else { | |
| 1567 | + } | |
| 1568 | + }); | |
| 1560 | 1569 | |
| 1561 | - // $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid"); | |
| 1562 | - document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; | |
| 1563 | 1570 | |
| 1564 | - } | |
| 1565 | - }); | |
| 1566 | 1571 | |
| 1572 | + $('.borderColorCanvasPreview').each(function () { | |
| 1573 | + // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation"); | |
| 1574 | + $(this).minicolors({ | |
| 1575 | + control: $(this).attr('data-control') || 'hue', | |
| 1576 | + defaultValue: $(this).attr('data-defaultValue') || '', | |
| 1577 | + format: $(this).attr('data-format') || 'hex', | |
| 1578 | + keywords: $(this).attr('data-keywords') || '', | |
| 1579 | + inline: $(this).attr('data-inline') === 'true', | |
| 1580 | + letterCase: $(this).attr('data-letterCase') || 'lowercase', | |
| 1581 | + opacity: $(this).attr('data-opacity'), | |
| 1582 | + position: $(this).attr('data-position') || 'bottom left', | |
| 1583 | + swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('|') : [], | |
| 1584 | + change: function (value, opacity) { | |
| 1585 | + if (!value) return; | |
| 1586 | + if (opacity) value += ', ' + opacity; | |
| 1587 | + if (typeof console === 'object') { | |
| 1588 | + console.log(value); | |
| 1567 | 1589 | |
| 1590 | + borderColor = value; | |
| 1591 | + //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor); | |
| 1592 | + document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; | |
| 1568 | 1593 | |
| 1569 | - $('.borderColorCanvasPreview').each(function () { | |
| 1570 | - // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation"); | |
| 1571 | - $(this).minicolors({ | |
| 1572 | - control: $(this).attr('data-control') || 'hue', | |
| 1573 | - defaultValue: $(this).attr('data-defaultValue') || '', | |
| 1574 | - format: $(this).attr('data-format') || 'hex', | |
| 1575 | - keywords: $(this).attr('data-keywords') || '', | |
| 1576 | - inline: $(this).attr('data-inline') === 'true', | |
| 1577 | - letterCase: $(this).attr('data-letterCase') || 'lowercase', | |
| 1578 | - opacity: $(this).attr('data-opacity'), | |
| 1579 | - position: $(this).attr('data-position') || 'bottom left', | |
| 1580 | - swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('|') : [], | |
| 1581 | - change: function (value, opacity) { | |
| 1582 | - if (!value) return; | |
| 1583 | - if (opacity) value += ', ' + opacity; | |
| 1584 | - if (typeof console === 'object') { | |
| 1585 | - console.log(value); | |
| 1586 | - | |
| 1587 | - borderColor = value; | |
| 1588 | - //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor); | |
| 1589 | - document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; | |
| 1590 | 1594 | |
| 1595 | + } | |
| 1596 | + }, | |
| 1597 | + theme: 'bootstrap' | |
| 1598 | + }); | |
| 1591 | 1599 | |
| 1592 | - } | |
| 1593 | - }, | |
| 1594 | - theme: 'bootstrap' | |
| 1595 | - }); | |
| 1596 | 1600 | |
| 1601 | + }); | |
| 1597 | 1602 | |
| 1598 | - }); | |
| 1599 | 1603 | |
| 1604 | + $('.outerBackgroundColor').each(function () { | |
| 1600 | 1605 | |
| 1601 | - $('.outerBackgroundColor').each(function () { | |
| 1602 | - | |
| 1603 | - $(this).minicolors({ | |
| 1604 | - control: $(this).attr('data-control') || 'hue', | |
| 1605 | - defaultValue: $(this).attr('data-defaultValue') || '', | |
| 1606 | - format: $(this).attr('data-format') || 'hex', | |
| 1607 | - keywords: $(this).attr('data-keywords') || '', | |
| 1608 | - inline: $(this).attr('data-inline') === 'true', | |
| 1609 | - letterCase: $(this).attr('data-letterCase') || 'lowercase', | |
| 1610 | - opacity: $(this).attr('data-opacity'), | |
| 1611 | - position: $(this).attr('data-position') || 'bottom left', | |
| 1612 | - swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('|') : [], | |
| 1613 | - change: function (value, opacity) { | |
| 1614 | - if (!value) return; | |
| 1615 | - if (opacity) value += ', ' + opacity; | |
| 1616 | - if (typeof console === 'object') { | |
| 1617 | - console.log(value); | |
| 1618 | - $("#imgOpacity").css("background-color", value); | |
| 1606 | + $(this).minicolors({ | |
| 1607 | + control: $(this).attr('data-control') || 'hue', | |
| 1608 | + defaultValue: $(this).attr('data-defaultValue') || '', | |
| 1609 | + format: $(this).attr('data-format') || 'hex', | |
| 1610 | + keywords: $(this).attr('data-keywords') || '', | |
| 1611 | + inline: $(this).attr('data-inline') === 'true', | |
| 1612 | + letterCase: $(this).attr('data-letterCase') || 'lowercase', | |
| 1613 | + opacity: $(this).attr('data-opacity'), | |
| 1614 | + position: $(this).attr('data-position') || 'bottom left', | |
| 1615 | + swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('|') : [], | |
| 1616 | + change: function (value, opacity) { | |
| 1617 | + if (!value) return; | |
| 1618 | + if (opacity) value += ', ' + opacity; | |
| 1619 | + if (typeof console === 'object') { | |
| 1620 | + console.log(value); | |
| 1621 | + $("#imgOpacity").css("background-color", value); | |
| 1619 | 1622 | |
| 1620 | - } | |
| 1621 | - }, | |
| 1622 | - theme: 'bootstrap' | |
| 1623 | - }); | |
| 1623 | + } | |
| 1624 | + }, | |
| 1625 | + theme: 'bootstrap' | |
| 1626 | + }); | |
| 1624 | 1627 | |
| 1625 | - }); | |
| 1628 | + }); | |
| 1626 | 1629 | |
| 1627 | 1630 | |
| 1628 | - }); | |
| 1629 | - </script> | |
| 1631 | + }); | |
| 1632 | + </script> | |
| 1630 | 1633 | |
| 1631 | - <script> | |
| 1632 | - $(function () { | |
| 1633 | - $("#slider-range-min-3").slider({ | |
| 1634 | - range: "min", | |
| 1635 | - min: 0, | |
| 1636 | - max: 100, | |
| 1637 | - value: 20, | |
| 1638 | - change: function (event, ui) { | |
| 1634 | + <script> | |
| 1635 | + $(function () { | |
| 1636 | + $("#slider-range-min-3").slider({ | |
| 1637 | + range: "min", | |
| 1638 | + min: 0, | |
| 1639 | + max: 100, | |
| 1640 | + value: 20, | |
| 1641 | + change: function (event, ui) { | |
| 1639 | 1642 | |
| 1640 | 1643 | |
| 1641 | - } | |
| 1642 | - }); | |
| 1644 | + } | |
| 1645 | + }); | |
| 1643 | 1646 | |
| 1644 | 1647 | |
| 1645 | 1648 | |
| 1646 | - }); | |
| 1647 | - </script> | |
| 1649 | + }); | |
| 1650 | + </script> | |
| 1648 | 1651 | |
| 1649 | - <script> | |
| 1650 | - $(function () { | |
| 1652 | + <script> | |
| 1653 | + $(function () { | |
| 1651 | 1654 | |
| 1652 | 1655 | |
| 1653 | 1656 | |
| 1654 | - $("#slider-range-min-4").slider( | |
| 1655 | - { | |
| 1656 | - range: "min", | |
| 1657 | - value: .5, | |
| 1658 | - min: 0, | |
| 1659 | - max: 1, | |
| 1660 | - step: .1, | |
| 1661 | - slide: function (event, ui) { | |
| 1657 | + $("#slider-range-min-4").slider( | |
| 1658 | + { | |
| 1659 | + range: "min", | |
| 1660 | + value: .5, | |
| 1661 | + min: 0, | |
| 1662 | + max: 1, | |
| 1663 | + step: .1, | |
| 1664 | + slide: function (event, ui) { | |
| 1662 | 1665 | |
| 1663 | - $(".marginTopBtm10 .imgopacity").css("opacity", ui.value); | |
| 1664 | - $(".marginTopBtm10 div.outlinediv").css("opacity", ui.value); | |
| 1665 | - } | |
| 1666 | + $(".marginTopBtm10 .imgopacity").css("opacity", ui.value); | |
| 1667 | + $(".marginTopBtm10 div.outlinediv").css("opacity", ui.value); | |
| 1668 | + } | |
| 1666 | 1669 | |
| 1667 | - } | |
| 1670 | + } | |
| 1668 | 1671 | |
| 1669 | -); | |
| 1672 | + ); | |
| 1670 | 1673 | |
| 1671 | - }); | |
| 1674 | + }); | |
| 1672 | 1675 | |
| 1673 | 1676 | |
| 1674 | 1677 | |
| 1675 | - </script> | |
| 1678 | + </script> | |
| 1676 | 1679 | |
| 1677 | 1680 | |
| 1678 | 1681 | |
| 1679 | - <script> | |
| 1680 | - $(function () { | |
| 1682 | + <script> | |
| 1683 | + $(function () { | |
| 1681 | 1684 | |
| 1682 | 1685 | |
| 1683 | - $("#OnIdentify").on('mouseover', function () { | |
| 1684 | - $("#identify-block").addClass("custom-tooltip-annotation"); | |
| 1685 | - $(".custom-tooltip-annotation").css('display', 'block'); | |
| 1686 | - }).on('mouseout', function () { | |
| 1687 | - // $("#identify-block").removeClass("custom-tooltip-annotation"); | |
| 1688 | - $(".custom-tooltip-annotation").css('display', 'none'); | |
| 1689 | - $("#identify-block").removeClass("custom-tooltip-annotation"); | |
| 1690 | - }); | |
| 1686 | + $("#OnIdentify").on('mouseover', function () { | |
| 1687 | + $("#identify-block").addClass("custom-tooltip-annotation"); | |
| 1688 | + $(".custom-tooltip-annotation").css('display', 'block'); | |
| 1689 | + }).on('mouseout', function () { | |
| 1690 | + // $("#identify-block").removeClass("custom-tooltip-annotation"); | |
| 1691 | + $(".custom-tooltip-annotation").css('display', 'none'); | |
| 1692 | + $("#identify-block").removeClass("custom-tooltip-annotation"); | |
| 1693 | + }); | |
| 1691 | 1694 | |
| 1692 | 1695 | |
| 1693 | - $("#DrawMode").on('mouseover', function () { | |
| 1694 | - $("#draw-block").addClass("custom-tooltip-annotation"); | |
| 1695 | - $(".custom-tooltip-annotation").css('display', 'block'); | |
| 1696 | + $("#DrawMode").on('mouseover', function () { | |
| 1697 | + $("#draw-block").addClass("custom-tooltip-annotation"); | |
| 1698 | + $(".custom-tooltip-annotation").css('display', 'block'); | |
| 1696 | 1699 | |
| 1697 | - }).on('mouseout', function () { | |
| 1700 | + }).on('mouseout', function () { | |
| 1698 | 1701 | |
| 1699 | - $(".custom-tooltip-annotation").css('display', 'none'); | |
| 1700 | - $("#draw-block").removeClass("custom-tooltip-annotation"); | |
| 1701 | - }); | |
| 1702 | + $(".custom-tooltip-annotation").css('display', 'none'); | |
| 1703 | + $("#draw-block").removeClass("custom-tooltip-annotation"); | |
| 1704 | + }); | |
| 1702 | 1705 | |
| 1703 | - //#7931 | |
| 1704 | - $("#OnEdtShape").on('mouseover', function () { | |
| 1705 | - $("#edit-block").addClass("custom-tooltip-annotation-edit"); | |
| 1706 | - $(".custom-tooltip-annotation-edit").css('display', 'block'); | |
| 1706 | + //#7931 | |
| 1707 | + $("#OnEdtShape").on('mouseover', function () { | |
| 1708 | + $("#edit-block").addClass("custom-tooltip-annotation-edit"); | |
| 1709 | + $(".custom-tooltip-annotation-edit").css('display', 'block'); | |
| 1707 | 1710 | |
| 1708 | - }).on('mouseout', function () { | |
| 1711 | + }).on('mouseout', function () { | |
| 1709 | 1712 | |
| 1710 | - $(".custom-tooltip-annotation-edit").css('display', 'none'); | |
| 1711 | - $("#edit-block").removeClass("custom-tooltip-annotation-edit"); | |
| 1712 | - }); | |
| 1713 | + $(".custom-tooltip-annotation-edit").css('display', 'none'); | |
| 1714 | + $("#edit-block").removeClass("custom-tooltip-annotation-edit"); | |
| 1715 | + }); | |
| 1713 | 1716 | |
| 1714 | - }); | |
| 1715 | - </script> | |
| 1716 | - <!-- Export Image Save Click--> | |
| 1717 | - <script> | |
| 1718 | - $(function () { | |
| 1719 | - $("#btnSaveEI").click(function () { | |
| 1720 | - html2canvas($("#canvasDiv"), { | |
| 1721 | - onrendered: function (canvas) { | |
| 1722 | - theCanvas = canvas; | |
| 1723 | - var fileName = document.getElementById("filename").value + '.jpg'; | |
| 1724 | - if (typeof (fileName) == "undefined" || fileName == ".jpg") | |
| 1725 | - fileName = "Untitled.jpg" | |
| 1726 | - var dataURL = canvas.toDataURL("image/jpeg"); | |
| 1727 | - var blob = dataURItoBlob(dataURL); | |
| 1728 | - saveAs(blob, fileName); | |
| 1729 | - $("#filename").val(""); | |
| 1730 | - } | |
| 1731 | 1717 | }); |
| 1732 | - $(".export-image").css("display", "none"); | |
| 1733 | - }); | |
| 1734 | - }); | |
| 1735 | - function dataURItoBlob(dataURI) { | |
| 1736 | - var byteString = atob(dataURI.split(',')[1]); | |
| 1737 | - var ab = new ArrayBuffer(byteString.length); | |
| 1738 | - var ia = new Uint8Array(ab); | |
| 1739 | - for (var i = 0; i < byteString.length; i++) { | |
| 1740 | - ia[i] = byteString.charCodeAt(i); | |
| 1741 | - } | |
| 1742 | - return new Blob([ab], { type: 'image/jpeg' }); | |
| 1743 | - } | |
| 1744 | - </script> | |
| 1745 | - <script> | |
| 1746 | - function ResizeImage(sizePercent) { | |
| 1747 | - var autoWidth = 427; | |
| 1748 | - var autoHeight = 547; | |
| 1749 | - var dvAutoSpnFontSize = 12; | |
| 1750 | - var imgLogoW = 77; | |
| 1751 | - var fullWidth = 620; //$('#canvasDiv').width(); | |
| 1752 | - var fullHeight = 876; //$('#canvasDiv').height(); | |
| 1753 | - | |
| 1754 | - if (sizePercent == 0) { | |
| 1755 | - $('#printBoxPor').width(autoWidth).height(autoHeight);//.height(dvPrintBoxPorH * sizePercent); | |
| 1756 | - $('#printBoxLan').width(autoHeight).height(autoWidth); | |
| 1757 | - $('#dvPortrait').width(autoWidth); | |
| 1758 | - $('#dvLandscape').width(autoHeight); | |
| 1759 | - $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * .65).toFixed() + 'px'); | |
| 1760 | - $(".logo-image").attr('width', imgLogoW * .65); | |
| 1761 | - } | |
| 1762 | - | |
| 1763 | - else if (sizePercent == 1) { | |
| 1764 | - $('#dvPortrait').width(fullWidth * sizePercent); | |
| 1765 | - $('#dvLandscape').width(fullHeight * sizePercent); | |
| 1766 | - $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent); | |
| 1767 | - $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent); | |
| 1768 | - $('.span-font').attr('style', 'font-size: ' + dvAutoSpnFontSize + 'px'); | |
| 1769 | - $(".logo-image").attr('width', imgLogoW); | |
| 1770 | - } | |
| 1771 | - | |
| 1772 | - else { | |
| 1773 | - $('#dvPortrait').width(fullWidth * sizePercent); | |
| 1774 | - $('#dvLandscape').width(fullHeight * sizePercent); | |
| 1775 | - $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * sizePercent).toFixed() + 'px !important'); | |
| 1776 | - $(".logo-image").attr('width', (imgLogoW * sizePercent).toFixed()); | |
| 1777 | - if (sizePercent > 1) { | |
| 1778 | - $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent); | |
| 1779 | - $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent); | |
| 1718 | + </script> | |
| 1719 | + <!-- Export Image Save Click--> | |
| 1720 | + <script> | |
| 1721 | + $(function () { | |
| 1722 | + $("#btnSaveEI").click(function () { | |
| 1723 | + html2canvas($("#canvasDiv"), { | |
| 1724 | + onrendered: function (canvas) { | |
| 1725 | + theCanvas = canvas; | |
| 1726 | + var fileName = document.getElementById("filename").value + '.jpg'; | |
| 1727 | + if (typeof (fileName) == "undefined" || fileName == ".jpg") | |
| 1728 | + fileName = "Untitled.jpg" | |
| 1729 | + var dataURL = canvas.toDataURL("image/jpeg"); | |
| 1730 | + var blob = dataURItoBlob(dataURL); | |
| 1731 | + saveAs(blob, fileName); | |
| 1732 | + $("#filename").val(""); | |
| 1733 | + } | |
| 1734 | + }); | |
| 1735 | + $(".export-image").css("display", "none"); | |
| 1736 | + }); | |
| 1737 | + }); | |
| 1738 | + function dataURItoBlob(dataURI) { | |
| 1739 | + var byteString = atob(dataURI.split(',')[1]); | |
| 1740 | + var ab = new ArrayBuffer(byteString.length); | |
| 1741 | + var ia = new Uint8Array(ab); | |
| 1742 | + for (var i = 0; i < byteString.length; i++) { | |
| 1743 | + ia[i] = byteString.charCodeAt(i); | |
| 1744 | + } | |
| 1745 | + return new Blob([ab], { type: 'image/jpeg' }); | |
| 1780 | 1746 | } |
| 1781 | - else { | |
| 1782 | - $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent); | |
| 1783 | - $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent); | |
| 1747 | + </script> | |
| 1748 | + <script> | |
| 1749 | + function ResizeImage(sizePercent) { | |
| 1750 | + var autoWidth = 427; | |
| 1751 | + var autoHeight = 547; | |
| 1752 | + var dvAutoSpnFontSize = 12; | |
| 1753 | + var imgLogoW = 77; | |
| 1754 | + var fullWidth = 620; //$('#canvasDiv').width(); | |
| 1755 | + var fullHeight = 876; //$('#canvasDiv').height(); | |
| 1756 | + | |
| 1757 | + if (sizePercent == 0) { | |
| 1758 | + $('#printBoxPor').width(autoWidth).height(autoHeight);//.height(dvPrintBoxPorH * sizePercent); | |
| 1759 | + $('#printBoxLan').width(autoHeight).height(autoWidth); | |
| 1760 | + $('#dvPortrait').width(autoWidth); | |
| 1761 | + $('#dvLandscape').width(autoHeight); | |
| 1762 | + $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * .65).toFixed() + 'px'); | |
| 1763 | + $(".logo-image").attr('width', imgLogoW * .65); | |
| 1764 | + } | |
| 1765 | + | |
| 1766 | + else if (sizePercent == 1) { | |
| 1767 | + $('#dvPortrait').width(fullWidth * sizePercent); | |
| 1768 | + $('#dvLandscape').width(fullHeight * sizePercent); | |
| 1769 | + $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent); | |
| 1770 | + $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent); | |
| 1771 | + $('.span-font').attr('style', 'font-size: ' + dvAutoSpnFontSize + 'px'); | |
| 1772 | + $(".logo-image").attr('width', imgLogoW); | |
| 1773 | + } | |
| 1774 | + | |
| 1775 | + else { | |
| 1776 | + $('#dvPortrait').width(fullWidth * sizePercent); | |
| 1777 | + $('#dvLandscape').width(fullHeight * sizePercent); | |
| 1778 | + $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * sizePercent).toFixed() + 'px !important'); | |
| 1779 | + $(".logo-image").attr('width', (imgLogoW * sizePercent).toFixed()); | |
| 1780 | + if (sizePercent > 1) { | |
| 1781 | + $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent); | |
| 1782 | + $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent); | |
| 1783 | + } | |
| 1784 | + else { | |
| 1785 | + $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent); | |
| 1786 | + $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent); | |
| 1787 | + } | |
| 1788 | + } | |
| 1784 | 1789 | } |
| 1785 | - } | |
| 1786 | - } | |
| 1787 | - </script> | |
| 1790 | + </script> | |
| 1788 | 1791 | </body> |
| 1789 | 1792 | </html> |
| 1790 | 1793 | \ No newline at end of file | ... | ... |