Commit 7e795a1b3c5a5ae9fb5f2a39f4c9533ac8ffdb41
1 parent
df499cdd
Refs: #10873
Showing
7 changed files
with
1378 additions
and
35 deletions
400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
| ... | ... | @@ -65,6 +65,7 @@ |
| 65 | 65 | <Content Include="app\views\ca\clinical-animations-detail.html" /> |
| 66 | 66 | <Content Include="app\views\ci\clinical-illustrations-detail.html" /> |
| 67 | 67 | <Content Include="app\views\da\da-view.html" /> |
| 68 | + <Content Include="app\views\Home\printPreview.html" /> | |
| 68 | 69 | <Content Include="app\views\LabExerc\lab-exercises-detail.html" /> |
| 69 | 70 | <Content Include="app\views\Link\Link-view.html" /> |
| 70 | 71 | <Content Include="app\views\AnatTest\AnatTest-view.html" /> |
| ... | ... | @@ -78,6 +79,8 @@ |
| 78 | 79 | <Content Include="app\widget\MainMenu.html" /> |
| 79 | 80 | <Content Include="body-view-wp.js" /> |
| 80 | 81 | <Content Include="content\css\main.css" /> |
| 82 | + <Content Include="content\css\print-main.css" /> | |
| 83 | + <Content Include="content\css\print-Portrait.css" /> | |
| 81 | 84 | <Content Include="content\data\json\da\body-views\1\da_dat_tm_sg_1.json" /> |
| 82 | 85 | <Content Include="content\data\json\da\body-views\10\da_dat_body_system_term_10.json" /> |
| 83 | 86 | <Content Include="content\data\json\ca\ca_dat_contentlist.json" /> |
| ... | ... | @@ -116,6 +119,7 @@ |
| 116 | 119 | <Content Include="content\images\3da\3d-6.jpg" /> |
| 117 | 120 | <Content Include="content\images\3da\3d-7.jpg" /> |
| 118 | 121 | <Content Include="content\images\3da\3d-8.jpg" /> |
| 122 | + <Content Include="content\images\adam-logo-small.png" /> | |
| 119 | 123 | <Content Include="content\images\ca\thumbnails\ca_tni_3377.jpg" /> |
| 120 | 124 | <Content Include="content\images\ca\thumbnails\ca_tni_3378.jpg" /> |
| 121 | 125 | <Content Include="content\images\ca\thumbnails\ca_tni_3379.jpg" /> | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
| ... | ... | @@ -117,6 +117,8 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", |
| 117 | 117 | var lastOpenMoudle = $rootScope.openViews[openViews.length - 1]; |
| 118 | 118 | } |
| 119 | 119 | $('#daImagePanel').remove(); |
| 120 | + if ($('#jsPanel-1').length > 0) | |
| 121 | + $('#jsPanel-1').remove(); | |
| 120 | 122 | $location.url('/' + slug); |
| 121 | 123 | |
| 122 | 124 | $rootScope.$broadcast('jsPanelCloseEvent', true); |
| ... | ... | @@ -154,6 +156,8 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", |
| 154 | 156 | $rootScope.ClearIframe = function () { |
| 155 | 157 | if ($('#daImagePanel') != null) |
| 156 | 158 | $('#daImagePanel').remove(); |
| 159 | + if ($('#jsPanel-1').length > 0) | |
| 160 | + $('#jsPanel-1').remove(); | |
| 157 | 161 | |
| 158 | 162 | $rootScope.hideScrollbar(); |
| 159 | 163 | } |
| ... | ... | @@ -2501,6 +2505,178 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", |
| 2501 | 2505 | console.log('close') |
| 2502 | 2506 | $(".export-image").css("display", "none"); |
| 2503 | 2507 | }; |
| 2508 | + | |
| 2509 | + $rootScope.ShowPrintWindow = function () { // Print Active Viewer | |
| 2510 | + html2canvas($("#canvasDiv"), { | |
| 2511 | + onrendered: function (canvas) { | |
| 2512 | + var dataURL = canvas.toDataURL("image/jpeg"); | |
| 2513 | + var imageToPrint = new Image(); | |
| 2514 | + imageToPrint.src = dataURL; | |
| 2515 | + $('#snipImage').attr('src', dataURL); | |
| 2516 | + | |
| 2517 | + $('#spnModule').text($rootScope.currentActiveModuleTitle); | |
| 2518 | + $('#spnPosture').text(localStorage.getItem('currentViewTitle')); | |
| 2519 | + | |
| 2520 | + PrintDIVContent('printBox'); // Open Print Window | |
| 2521 | + } | |
| 2522 | + }); | |
| 2523 | + }; | |
| 2524 | + | |
| 2525 | + $rootScope.ShowPrintPreviewWindow = function (event) { // Print Preview | |
| 2526 | + $('#dvPrintPreview').css('display', 'block'); | |
| 2527 | + html2canvas($("#canvasDiv"), { | |
| 2528 | + onrendered: function (canvas) { | |
| 2529 | + var dataURL = canvas.toDataURL("image/jpeg"); | |
| 2530 | + var imageToPrint = new Image(); | |
| 2531 | + imageToPrint.src = dataURL; | |
| 2532 | + | |
| 2533 | + OpenJSPanel(); // open jsPanel here | |
| 2534 | + if ($('#jsPanel-1').length > 0) { | |
| 2535 | + $('.jsPanel-btn-min').attr('style', 'display: none'); | |
| 2536 | + $('.jsPanel-btn-max').attr('style', 'display: none'); | |
| 2537 | + $('.jsPanel-btn-norm').attr('style', 'display: none'); | |
| 2538 | + } | |
| 2539 | + | |
| 2540 | + console.log('jsPanel loaded exist= ' + document.getElementById('jsPanel-1')); // document.getElementsByClassName('ppImagePanel')); | |
| 2541 | + | |
| 2542 | + var curModule = $rootScope.currentActiveModuleTitle; | |
| 2543 | + var curPosture = localStorage.getItem('currentViewTitle'); | |
| 2544 | + | |
| 2545 | + if (document.getElementById('jsPanel-1')) { //document.getElementsByClassName('ppImagePanel')) { | |
| 2546 | + setTimeout(function () { | |
| 2547 | + document.getElementById('imgPortrait').setAttribute('src', dataURL); | |
| 2548 | + document.getElementById('imgLandscape').setAttribute('src', dataURL); | |
| 2549 | + document.getElementById('spnModulePor').innerHTML = curModule; | |
| 2550 | + document.getElementById('spnBodyViewTitlePor').innerHTML = curPosture; | |
| 2551 | + document.getElementById('spnModuleLan').innerHTML = curModule; | |
| 2552 | + document.getElementById('spnBodyViewTitleLan').innerHTML = curPosture; | |
| 2553 | + }, 100); | |
| 2554 | + } | |
| 2555 | + | |
| 2556 | + $('#fileMenuAnchor').addClass('disableMenuannotation'); | |
| 2557 | + if ($('#daImagePanel').length > 0) { | |
| 2558 | + console.log('close') | |
| 2559 | + //$('#daImagePanel').css('display', 'none'); | |
| 2560 | + $('#daImagePanel').remove(); | |
| 2561 | + } | |
| 2562 | + } | |
| 2563 | + }); | |
| 2564 | + }; | |
| 2565 | + | |
| 2566 | + function OpenJSPanel() { | |
| 2567 | + $.jsPanel({ | |
| 2568 | + id: 'jsPanel-1', | |
| 2569 | + selector: '#dvPrintPreview', | |
| 2570 | + theme: 'success', | |
| 2571 | + currentController: 'HomeController', | |
| 2572 | + parentSlug: 'da-view-list', //After closing panel, control moves to here | |
| 2573 | + ajax: { | |
| 2574 | + url: 'app/views/home/printPreview.html' | |
| 2575 | + }, | |
| 2576 | + title: localStorage.getItem("currentViewTitle"), | |
| 2577 | + position: { | |
| 2578 | + top: 70, | |
| 2579 | + left: 1, | |
| 2580 | + }, | |
| 2581 | + size: { width: $(window).outerWidth() - 10, height: $(window).outerHeight() - 110 }, | |
| 2582 | + }); | |
| 2583 | + } | |
| 2584 | + | |
| 2585 | + // $(<parent>).on('<event>', '<child>', callback); | |
| 2586 | + $(document).on('change', 'input[name=inlineRadioOptions]', function () { | |
| 2587 | + if ($(this).attr("value") == "Portrait") { | |
| 2588 | + $(".print-box").not(".portrait-box").hide(); | |
| 2589 | + $(".portrait-box").show(); | |
| 2590 | + } | |
| 2591 | + if ($(this).attr("value") == "Landscape") { | |
| 2592 | + $(".print-box").not(".landscape-box").hide(); | |
| 2593 | + $(".landscape-box").show(); | |
| 2594 | + } | |
| 2595 | + }); | |
| 2596 | + | |
| 2597 | + $(document).on('change', '#printPSOptions', function () { | |
| 2598 | + var option = $('#printPSOptions').find(":selected").text(); | |
| 2599 | + switch (option) { | |
| 2600 | + case (option = "10%"): | |
| 2601 | + ResizeImage(0.1); | |
| 2602 | + break; | |
| 2603 | + case (option = "25%"): | |
| 2604 | + ResizeImage(0.25); | |
| 2605 | + break; | |
| 2606 | + case (option = "50%"): | |
| 2607 | + ResizeImage(0.5); | |
| 2608 | + break; | |
| 2609 | + case (option = "75%"): | |
| 2610 | + ResizeImage(.75); | |
| 2611 | + break; | |
| 2612 | + case (option = "65%"): | |
| 2613 | + ResizeImage(0.65); | |
| 2614 | + break; | |
| 2615 | + case (option = "100%"): | |
| 2616 | + ResizeImage(1); | |
| 2617 | + break; | |
| 2618 | + case (option = "150%"): | |
| 2619 | + ResizeImage(1.5); | |
| 2620 | + break; | |
| 2621 | + case (option = "200%"): | |
| 2622 | + ResizeImage(2); | |
| 2623 | + break; | |
| 2624 | + case (option = "500%"): | |
| 2625 | + ResizeImage(5); | |
| 2626 | + break; | |
| 2627 | + case (option = "Auto"): | |
| 2628 | + ResizeImage(0); | |
| 2629 | + break; | |
| 2630 | + default: | |
| 2631 | + ResizeImage(0); | |
| 2632 | + } | |
| 2633 | + }); | |
| 2634 | + | |
| 2635 | + $(document).on('click', '#btnPrint', function () { | |
| 2636 | + PrintDivContentByID('printBoxPor'); | |
| 2637 | + }); | |
| 2638 | + | |
| 2639 | + function PrintDivContentByID(id) { | |
| 2640 | + if (id == 'printBoxPor') { | |
| 2641 | + $("#printPSOptions").val("100%"); | |
| 2642 | + ResizeImage(1); | |
| 2643 | + } | |
| 2644 | + var contents = document.getElementById(id).innerHTML; | |
| 2645 | + | |
| 2646 | + var frame1 = $('<iframe />'); | |
| 2647 | + frame1[0].name = "frame1"; | |
| 2648 | + frame1.css({ "position": "absolute", "top": "-1000000px" }); | |
| 2649 | + $("body").append(frame1); | |
| 2650 | + | |
| 2651 | + var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument; | |
| 2652 | + | |
| 2653 | + frameDoc.document.open(); | |
| 2654 | + //Create a new HTML document. | |
| 2655 | + frameDoc.document.write('<html><head><title></title>');//Print Preview | |
| 2656 | + frameDoc.document.write('</head><body>'); | |
| 2657 | + //Append the external CSS file. | |
| 2658 | + frameDoc.document.write('<link href="content/css/print-Portrait.css" rel="stylesheet" type="text/css" />'); | |
| 2659 | + frameDoc.document.write('<link href="content/css/print-main.css" rel="stylesheet" type="text/css" />'); | |
| 2660 | + //Append the DIV contents. | |
| 2661 | + frameDoc.document.write(contents); | |
| 2662 | + frameDoc.document.write('</body></html>'); | |
| 2663 | + frameDoc.document.close(); | |
| 2664 | + | |
| 2665 | + setTimeout(function () { | |
| 2666 | + window.frames["frame1"].focus(); | |
| 2667 | + window.frames["frame1"].print(); | |
| 2668 | + frame1.remove(); | |
| 2669 | + }, 250); | |
| 2670 | + | |
| 2671 | + console.log('close') | |
| 2672 | + } | |
| 2673 | + | |
| 2674 | + $(document).on('click', '.jsglyph-remove', function () { | |
| 2675 | + $('#fileMenuAnchor').removeClass('disableMenuannotation'); | |
| 2676 | + if ($('#jsPanel-1').length > 0) | |
| 2677 | + $('#jsPanel-1').remove(); | |
| 2678 | + console.log('close') | |
| 2679 | + }); | |
| 2504 | 2680 | |
| 2505 | 2681 | }] |
| 2506 | 2682 | ); |
| 2507 | 2683 | \ No newline at end of file | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/views/Home/printPreview.html
0 โ 100644
| 1 | +๏ปฟ<div> | |
| 2 | + <div ng-include="aap/widget/MainMenu.html"></div> | |
| 3 | + <div ng-init="ShowPrintPreviewWindow()" id="jsPanel-1" class="ppImagePanel" ng-controller="HomeController"> | |
| 4 | + <div class=" " id="ppView" ng-controller="HomeController"> | |
| 5 | + <div class="col-sm-12"> | |
| 6 | + <div class="container-fluid main-full"> | |
| 7 | + <div class="row"> | |
| 8 | + <div class="well padd5 marginbtm10"> | |
| 9 | + <div class="col-sm-2 col-lg-1 padd-right0 marginR0 width-auto padd-left0"> | |
| 10 | + <button class="btn btn-primary btn-sm" id="btnPrint"> | |
| 11 | + <i class="fa fa-print"></i> Print | |
| 12 | + </button> | |
| 13 | + </div> | |
| 14 | + <div class="col-sm-2 col-lg-1"> | |
| 15 | + <select id="printPSOptions" class="form-control input-sm"> | |
| 16 | + <option>Auto</option> | |
| 17 | + <option>500%</option> | |
| 18 | + <option>200%</option> | |
| 19 | + <option>150%</option> | |
| 20 | + <option>100%</option> | |
| 21 | + <option>75%</option> | |
| 22 | + <option>50%</option> | |
| 23 | + <option>25%</option> | |
| 24 | + <option>10%</option> | |
| 25 | + </select> | |
| 26 | + </div> | |
| 27 | + <div class="col-sm-4 paddTop5"> | |
| 28 | + <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="Portrait" checked=""> Portrait</label> | |
| 29 | + <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="Landscape"> Landscape</label> | |
| 30 | + </div> | |
| 31 | + <div class="clearfix"></div> | |
| 32 | + </div> | |
| 33 | + <div class="col-sm-12 well" align="center" style="overflow-y: auto; width: 100%; height: 490px;"> | |
| 34 | + <div class="print-paper" id="dvPP"> | |
| 35 | + <div class="print-box portrait-box" id="printBoxPor"> | |
| 36 | + <div id="printDivContent"> | |
| 37 | + <div class=""> | |
| 38 | + <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;"> | |
| 39 | + <span class="pull-left font12 span-font" id="spnModulePor"></span> | |
| 40 | + </div> | |
| 41 | + <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;"> | |
| 42 | + <span class="pull-right font12 span-font" id="spnBodyViewTitlePor"></span> | |
| 43 | + </div> | |
| 44 | + </div> | |
| 45 | + <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;"> | |
| 46 | + <img src="" alt="" class="logo-image" id="imgPortrait" style="width: 100%; " /> | |
| 47 | + </div> | |
| 48 | + <div> | |
| 49 | + <div class="col-sm-8" style="position: absolute; bottom: 20px;"> | |
| 50 | + <span class="pull-left marginTop10 font12 span-font" id="spPorCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span> | |
| 51 | + </div> | |
| 52 | + <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;"> | |
| 53 | + <span class="pull-right marginTop10 bgnone no-margin" id="spPorLogo"> | |
| 54 | + <img class="logo-image" src="content/images/adam-logo-small.png" alt=""> | |
| 55 | + </span> | |
| 56 | + </div> | |
| 57 | + </div> | |
| 58 | + <div class="clearfix"></div> | |
| 59 | + </div> | |
| 60 | + </div> | |
| 61 | + <div class="print-box landscape-box" id="printBoxLan" style="display: none;"> | |
| 62 | + <div class=""> | |
| 63 | + <div class="col-sm-6" style="position: absolute; top: 20px; left: 10px;"> | |
| 64 | + <span class="pull-left font12 span-font" id="spnModuleLan"></span> | |
| 65 | + </div> | |
| 66 | + <div class="col-sm-6" style="position: absolute; top: 20px; right: 10px;"> | |
| 67 | + <span class="pull-right font12 span-font" id="spnBodyViewTitleLan"></span> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="" id="dvLandscape" align="center" style="position: absolute; margin-top: 13%;"> | |
| 71 | + <img src="" alt="" class="logo-image" id="imgLandscape" style="width: 100%;" /> | |
| 72 | + </div> | |
| 73 | + <div class="print-footer-land"> | |
| 74 | + <div class="col-sm-8" style="position: absolute; bottom: 20px; left: 10px;"> | |
| 75 | + <span class="pull-left marginTop10 font12 span-font" id="spLanCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span> | |
| 76 | + </div> | |
| 77 | + <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;"> | |
| 78 | + <span class="pull-right marginTop10 bgnone no-margin" id="spLanLogo"> | |
| 79 | + <img class="logo-image" src="content/images/adam-logo-small.png" alt=""> | |
| 80 | + </span> | |
| 81 | + </div> | |
| 82 | + </div> | |
| 83 | + <div class="clearfix"></div> | |
| 84 | + </div> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + </div> | |
| 88 | + </div> | |
| 89 | + </div> | |
| 90 | + </div> | |
| 91 | + </div> | |
| 92 | +</div> | |
| 0 | 93 | \ No newline at end of file | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
| 1 | 1 | ๏ปฟ<div class="collapse navbar-collapse" id="topFixedNavbar1"> |
| 2 | 2 | <ul class="nav navbar-nav toperMenu-spaceleft"> |
| 3 | 3 | <li class="dropdown"> |
| 4 | - <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">File<span class="caret"></span></a> | |
| 4 | + <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="fileMenuAnchor" role="button" aria-haspopup="true" aria-expanded="false">File<span class="caret"></span></a> | |
| 5 | 5 | <ul class="dropdown-menu"> |
| 6 | 6 | <li><a href="#">Open Resources</a></li> |
| 7 | 7 | <li><a href="#">Open My Pictures</a></li> |
| ... | ... | @@ -19,7 +19,7 @@ |
| 19 | 19 | <li role="separator" class="divider"></li> |
| 20 | 20 | <li><a href="#">Print Active Viewer</a></li> |
| 21 | 21 | <li><a href="#">Print All Open Viewers</a></li> |
| 22 | - <li><a href="#">Print Priview</a></li> | |
| 22 | + <li><a href="" id="printPreviewAnchor" data-toggle="modal" ng-click="ShowPrintPreviewWindow()">Print Preview</a></li> | |
| 23 | 23 | </ul> |
| 24 | 24 | </li> |
| 25 | 25 | <!--#7904--> | ... | ... |
400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css
0 โ 100644
| 1 | +/*** | |
| 2 | +MAIN.CSS for AIA | |
| 3 | +TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED | |
| 4 | +**/ | |
| 5 | + | |
| 6 | +/*** Global ***/ | |
| 7 | +* { | |
| 8 | + outline: 0 !important; | |
| 9 | +} | |
| 10 | +body { | |
| 11 | + background: #383838; | |
| 12 | +} | |
| 13 | +.btn { | |
| 14 | + -webkit-transition: all .3s ease; | |
| 15 | + -ms-transition: all .3s ease; | |
| 16 | + transition: all .3s ease; | |
| 17 | +} | |
| 18 | +.btnCustom { | |
| 19 | + border: 0 !important; | |
| 20 | + padding-left: 50px; | |
| 21 | + padding-right: 50px; | |
| 22 | + min-height: 40px; | |
| 23 | +} | |
| 24 | +.btnCustom.btn-large { | |
| 25 | + width: 220px; | |
| 26 | + height: 50px; | |
| 27 | + padding-left: 0; | |
| 28 | + padding-right: 0; | |
| 29 | +} | |
| 30 | +footer { | |
| 31 | + color: #303030; | |
| 32 | + font: 12px/30px 'Open Sans'; | |
| 33 | + margin-top: -30px; | |
| 34 | +} | |
| 35 | +footer.dark { | |
| 36 | + color: #ccc; | |
| 37 | + background: #303030; | |
| 38 | +} | |
| 39 | +.frameLogo { | |
| 40 | + display: block; | |
| 41 | +} | |
| 42 | +.navbar-brand { | |
| 43 | + height: 60px; | |
| 44 | + padding: 10px 15px; | |
| 45 | +} | |
| 46 | +.no-scroll { | |
| 47 | + overflow: hidden; | |
| 48 | +} | |
| 49 | +/*** Login Page ***/ | |
| 50 | +.loginBg { | |
| 51 | + min-height: 100vh; | |
| 52 | + background: #303030; | |
| 53 | +} | |
| 54 | +.loginPanel { | |
| 55 | + margin: 0 0 100px; | |
| 56 | +} | |
| 57 | +.loginLogo { | |
| 58 | + margin: 20px auto; | |
| 59 | + display: block; | |
| 60 | + max-width: 360px; | |
| 61 | +} | |
| 62 | +.headerBand { | |
| 63 | + background: #818f44; | |
| 64 | + padding-bottom: 10px; | |
| 65 | + color: #fff; | |
| 66 | +} | |
| 67 | +.headerBand h1 { | |
| 68 | + font: 700 36px/1 'Open Sans'; | |
| 69 | +} | |
| 70 | +.headerBand p { | |
| 71 | + font: 400 16px 'Open Sans'; | |
| 72 | + letter-spacing: 0px; | |
| 73 | + word-spacing: 1px; | |
| 74 | +} | |
| 75 | +.loginBox { | |
| 76 | + max-width: 350px; | |
| 77 | + background: #666666; | |
| 78 | + margin: 30px auto 0; | |
| 79 | + border-radius: 2px; | |
| 80 | + -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5); | |
| 81 | + -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5); | |
| 82 | + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5); | |
| 83 | + padding: 15px 0; | |
| 84 | +} | |
| 85 | +.loginBox strong { | |
| 86 | + color: #0095da; | |
| 87 | + font: 600 18px/1 'Open Sans'; | |
| 88 | + padding-bottom: 10px; | |
| 89 | + display: block; | |
| 90 | +} | |
| 91 | +.loginExBtn { | |
| 92 | + max-width: 350px; | |
| 93 | + margin: 15px auto 0; | |
| 94 | +} | |
| 95 | +.loginExBtn a { | |
| 96 | + width: 48%; | |
| 97 | +} | |
| 98 | +/*** Mainframe ***/ | |
| 99 | +.sidebar { | |
| 100 | + height: 100vh; | |
| 101 | + background: #222; | |
| 102 | + width: 200px; | |
| 103 | + padding-top: 90px; | |
| 104 | + overflow: auto; | |
| 105 | + position: fixed; | |
| 106 | + left: 0; | |
| 107 | + top: 0; | |
| 108 | + z-index: 1029; | |
| 109 | +} | |
| 110 | +.navbar { | |
| 111 | + border-bottom: none!important; | |
| 112 | +} | |
| 113 | +.main { | |
| 114 | + background: #383838; | |
| 115 | + margin-left: 200px; | |
| 116 | + padding-top: 51px; | |
| 117 | +} | |
| 118 | +.treeview-left { | |
| 119 | + height: 100vh; | |
| 120 | + background: #222; | |
| 121 | + width: 300px; | |
| 122 | + padding-top: 90px; | |
| 123 | + overflow: auto; | |
| 124 | + position: fixed; | |
| 125 | + left: 0; | |
| 126 | + top: 0; | |
| 127 | + z-index: 1029; | |
| 128 | +} | |
| 129 | +.main-treeview { | |
| 130 | + background: #383838; | |
| 131 | + margin-left: 300px; | |
| 132 | + padding-top: 51px; | |
| 133 | +} | |
| 134 | +.nav-sidebar a { | |
| 135 | + color: #fff; /*border-bottom:1px solid #ccc!important;*/ | |
| 136 | +} | |
| 137 | +.nav-sidebar li a { | |
| 138 | + color: #fff; | |
| 139 | +} | |
| 140 | +.nav-sidebar a:hover, .nav-sidebar a:focus { | |
| 141 | + color: #fff; | |
| 142 | + background: #1B92D0!important; | |
| 143 | +} | |
| 144 | +.nav-sidebar a.active { | |
| 145 | + color: #fff; | |
| 146 | + background: #1B92D0!important; | |
| 147 | +} | |
| 148 | +.toggleBar { | |
| 149 | + margin: 0px 10px 0 0; | |
| 150 | +} | |
| 151 | +.space-left20 { | |
| 152 | + padding-left: 20px; | |
| 153 | +} | |
| 154 | +.padd-lftright25 { | |
| 155 | + padding: 0 25px; | |
| 156 | +} | |
| 157 | +.tab-content { | |
| 158 | + padding: 10px 0; | |
| 159 | +} | |
| 160 | +.space-top50 { | |
| 161 | + margin-top: 50px; | |
| 162 | +} | |
| 163 | +/*Custom ToolTip In AIA*/ | |
| 164 | +.customTooltip { | |
| 165 | + background: #333 !important; | |
| 166 | + color: #fff !important; | |
| 167 | + /*opacity: 0.9 !important;*/ | |
| 168 | + } | |
| 169 | + | |
| 170 | +/*.tools { | |
| 171 | + background: #eeeeee none repeat scroll 0 0; | |
| 172 | + border: 1px solid #c1c1c1; | |
| 173 | + border-top:none; | |
| 174 | + /*padding: 10px; | |
| 175 | + width:106px; | |
| 176 | + position:absolute; | |
| 177 | + left: 0; | |
| 178 | + top: 120px; | |
| 179 | + padding-top:10px; | |
| 180 | + z-index:1024; | |
| 181 | + | |
| 182 | +}*/ | |
| 183 | +.tools i { | |
| 184 | + font-size: 1.4em; | |
| 185 | +} | |
| 186 | +.marginTop10 { | |
| 187 | + margin-top: 0px; /*10px Utkarsh*/ | |
| 188 | +} | |
| 189 | +.marginTop2 { | |
| 190 | + margin-top: 2px; | |
| 191 | +} | |
| 192 | +.marginL2 { | |
| 193 | + margin-left: 2px!important; | |
| 194 | +} | |
| 195 | +.marginR5 { | |
| 196 | + margin-right: 5px!important; | |
| 197 | +} | |
| 198 | +.paddTop4 { | |
| 199 | + padding-top: 4px; | |
| 200 | +} | |
| 201 | +.vert_slider { | |
| 202 | + clear: both; | |
| 203 | + margin: 20px auto 30px; | |
| 204 | + width: 1rem; | |
| 205 | +} | |
| 206 | +#inner-anatomyPage .nav > li > a:hover { | |
| 207 | + background: #1c92d0; | |
| 208 | + color: #fff; | |
| 209 | + border-radius: 3px 3px 0 0; | |
| 210 | + border: 1px solid #1c92d0; | |
| 211 | + border-bottom: none; | |
| 212 | +} | |
| 213 | +.page-head { | |
| 214 | + background: #f3f3f3 none repeat scroll 0 0; | |
| 215 | + border-bottom: 1px solid #ffffff; | |
| 216 | + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19); | |
| 217 | + padding: 8px 20px; | |
| 218 | + margin-bottom: 20px; | |
| 219 | +} | |
| 220 | +.no-margin { | |
| 221 | + margin: 0!important | |
| 222 | +} | |
| 223 | +.no-padding { | |
| 224 | + padding: 0!important | |
| 225 | +} | |
| 226 | +.marginTopBtm10 { | |
| 227 | + margin: 10px 0!important | |
| 228 | +} | |
| 229 | +.page-header { | |
| 230 | + border-bottom: 0!important | |
| 231 | +} | |
| 232 | +.marginTop5 { | |
| 233 | + margin-top: 5px; | |
| 234 | +} | |
| 235 | +.paddingbtm5 { | |
| 236 | + padding-bottom: 5px; | |
| 237 | +} | |
| 238 | +.border-Btm1 { | |
| 239 | + border-bottom: 1px solid #D8D8D8; | |
| 240 | +} | |
| 241 | +.pageHeading { | |
| 242 | + background: #818d43 none repeat scroll 0 0; | |
| 243 | + padding: 0px 15px; | |
| 244 | + margin-top: 60px; | |
| 245 | + z-index: 1030; | |
| 246 | + position: fixed; | |
| 247 | + width: 100%; | |
| 248 | +} | |
| 249 | + | |
| 250 | +.pageHeading0 { /*Added Utkarsh*/ | |
| 251 | + background: #818d43 none repeat scroll 0 0; | |
| 252 | + padding: 0px 15px; | |
| 253 | + margin-top: 0px; | |
| 254 | + z-index: 1030; | |
| 255 | + position: fixed; | |
| 256 | + width: 100%; | |
| 257 | +} | |
| 258 | + | |
| 259 | +.pageHeading0 h4 { /*Updated to .pageHeading0 */ | |
| 260 | + font-size: 15px; | |
| 261 | + margin: 0!important; | |
| 262 | + color: #fff; | |
| 263 | + line-height: 30px; | |
| 264 | + font-weight: 600; | |
| 265 | + text-transform: uppercase | |
| 266 | +} | |
| 267 | +.color-white { | |
| 268 | + color: #fff!important; | |
| 269 | +} | |
| 270 | +.color-green { | |
| 271 | + color: #818f44!important; | |
| 272 | +} | |
| 273 | +.btn-black { | |
| 274 | + background-color: #4b4b4b; | |
| 275 | + border-color: #3f3f3f; | |
| 276 | + color: #ffffff; | |
| 277 | +} | |
| 278 | +.btn-black:hover, .btn-black:focus { | |
| 279 | + background-color: #1B92D0; | |
| 280 | + border-color: #1B92D0; | |
| 281 | + color: #ffffff; | |
| 282 | +} | |
| 283 | +.font16 { | |
| 284 | + font-size: 1.59em!important; | |
| 285 | +} | |
| 286 | +.modal-body { | |
| 287 | + padding: 0 10px; | |
| 288 | +} | |
| 289 | +.well-popup { | |
| 290 | + margin-bottom: 10px; | |
| 291 | + padding: 5px; | |
| 292 | +} | |
| 293 | +.annotation-modal-header { | |
| 294 | + padding: 5px 10px; | |
| 295 | +} | |
| 296 | +.form-group { | |
| 297 | + margin-bottom: 7px; | |
| 298 | +} | |
| 299 | +/********Stylish Search**************/ | |
| 300 | + | |
| 301 | +#imaginary_container { | |
| 302 | + margin: 8px 0!important; | |
| 303 | +} | |
| 304 | +.stylish-input-group .input-group-addon { | |
| 305 | + background: white !important; | |
| 306 | +} | |
| 307 | +.stylish-input-group .form-control { | |
| 308 | + border-right: 0; | |
| 309 | + box-shadow: 0 0 0; | |
| 310 | + border-color: #ccc; | |
| 311 | + width: 30%; | |
| 312 | + float: right; | |
| 313 | +} | |
| 314 | +.stylish-input-group button { | |
| 315 | + border: 0; | |
| 316 | + background: transparent; | |
| 317 | +} | |
| 318 | +#vertical-slider { | |
| 319 | + height: 150px; | |
| 320 | + margin-left: 30px; | |
| 321 | +} | |
| 322 | +.navbar-nav > li > a { | |
| 323 | + line-height: 30px; | |
| 324 | +} | |
| 325 | +.paddTop5 { | |
| 326 | + padding-top: 5px; | |
| 327 | +} | |
| 328 | +.mrgnBtm5 { | |
| 329 | + margin-bottom: 3px; | |
| 330 | +} | |
| 331 | +.thumbnail a { | |
| 332 | + color: #303030!important; | |
| 333 | + text-decoration: none; | |
| 334 | +} | |
| 335 | +.thumbnail a:hover { | |
| 336 | + color: #FFFFFF!important; | |
| 337 | + text-decoration: none!important; | |
| 338 | +} | |
| 339 | +.thumbnail:hover { | |
| 340 | + background: #8C8C8C!important; | |
| 341 | + border: 1px solid #a2a2a2; | |
| 342 | +} | |
| 343 | +#inner-anatomyPage .nav-tabs { | |
| 344 | + border-bottom: 1px solid #494949; | |
| 345 | +} | |
| 346 | +#inner-anatomyPage .nav-tabs li a { | |
| 347 | + color: #fff; | |
| 348 | +} | |
| 349 | +#inner-anatomyPage .nav-tabs li.active { | |
| 350 | + color: #000; | |
| 351 | +} | |
| 352 | +#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { | |
| 353 | + background: #1c92d0; | |
| 354 | + border: 1px solid #1c92d0; | |
| 355 | +} | |
| 356 | +.main { | |
| 357 | + margin-left: 200px; | |
| 358 | + position: relative; | |
| 359 | + transition: margin .3s ease; | |
| 360 | + margin-top: 50px; | |
| 361 | +} | |
| 362 | +.main.active { | |
| 363 | + margin-left: 0; | |
| 364 | +} | |
| 365 | +.sidebar { | |
| 366 | + left: 0px; | |
| 367 | + transition: left .3s ease; | |
| 368 | +} | |
| 369 | +.sidebar.active { | |
| 370 | + left: -200px; | |
| 371 | +} | |
| 372 | +.main-treeview { | |
| 373 | + margin-left: 290px; | |
| 374 | + position: relative; | |
| 375 | + transition: margin .3s ease; | |
| 376 | + margin-top: 50px; | |
| 377 | +} | |
| 378 | +.main-treeview.active { | |
| 379 | + margin-left: 0; | |
| 380 | +} | |
| 381 | +.treeview-left { | |
| 382 | + left: 0px; | |
| 383 | + transition: left .3s ease; | |
| 384 | +} | |
| 385 | +.treeview-left.active { | |
| 386 | + left: -290px; | |
| 387 | +} | |
| 388 | +/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;} | |
| 389 | +.main2.active{margin-left:0;} | |
| 390 | +.tools{left: 0px;transition:left .3s ease;} | |
| 391 | +.tools.active{left: -106px;}*/ | |
| 392 | +.main2 { | |
| 393 | + background: #383838; | |
| 394 | + margin-left: 110px; | |
| 395 | + padding-top: 1px; | |
| 396 | +} | |
| 397 | +.main2 { | |
| 398 | + margin-left: 110px; | |
| 399 | + position: relative; | |
| 400 | + transition: margin .3s ease; | |
| 401 | + margin-top: 1px; | |
| 402 | +} | |
| 403 | +.main2.active { | |
| 404 | + margin-left: 0; | |
| 405 | +} | |
| 406 | +.tools { | |
| 407 | + height: 100vh; | |
| 408 | + background: #222; | |
| 409 | + width: 110px; | |
| 410 | + padding-top: 20px; | |
| 411 | + /*overflow: hidden;*/ | |
| 412 | + position: absolute !important; | |
| 413 | + left: 0; | |
| 414 | + /*nk*/ | |
| 415 | + /*top: 70px;*/ | |
| 416 | + z-index: 1029; | |
| 417 | +} | |
| 418 | +.tools { | |
| 419 | + left: 0px; | |
| 420 | + transition: left .3s ease; | |
| 421 | +} | |
| 422 | +.tools.active { | |
| 423 | + left: -100px; | |
| 424 | +} | |
| 425 | +.navbar-fixed-top, .navbar-fixed-bottom { | |
| 426 | + z-index: 1035; | |
| 427 | +} | |
| 428 | +.main .breadcrumb { | |
| 429 | + background: #3d3d3d; | |
| 430 | + border: 1px solid #494949; | |
| 431 | + margin-bottom: 10px; | |
| 432 | + padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/ | |
| 433 | +} | |
| 434 | +.main-treeview .breadcrumb { | |
| 435 | + background: #3d3d3d; | |
| 436 | + border: 1px solid #494949; | |
| 437 | + margin-bottom: 10px; | |
| 438 | + padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/ | |
| 439 | +} | |
| 440 | +.main2 .breadcrumb { | |
| 441 | + background: #3d3d3d; | |
| 442 | + border: 1px solid #494949; | |
| 443 | + margin-bottom: 10px; | |
| 444 | + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/ | |
| 445 | +} | |
| 446 | +.main-full { | |
| 447 | + margin-top: 10px; /*(jsPanel) margin-top: 40px; (jsPanel) //100px; Utkarsh*/ | |
| 448 | +} | |
| 449 | +.main-full .breadcrumb { | |
| 450 | + background: #3d3d3d; | |
| 451 | + border: 1px solid #494949; | |
| 452 | + margin-bottom: 10px; | |
| 453 | + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/ | |
| 454 | +} | |
| 455 | +.toggleHeadingButton { | |
| 456 | + font-size: 20px; | |
| 457 | + color: #fff; | |
| 458 | + cursor: pointer; | |
| 459 | +} | |
| 460 | +.indicators { | |
| 461 | + position: absolute; | |
| 462 | + bottom: 0; | |
| 463 | + left: 0; | |
| 464 | + background: #000000; | |
| 465 | + padding: 5px; | |
| 466 | + z-index: 9999; | |
| 467 | + width: 300px; | |
| 468 | +} | |
| 469 | +.well-white { | |
| 470 | + background: #fff; | |
| 471 | + height: 100vh; | |
| 472 | + padding: 10px; | |
| 473 | +} | |
| 474 | +.leftPanel-data { | |
| 475 | + padding: 10px 10px 0 10px; | |
| 476 | +} | |
| 477 | +.dragger { | |
| 478 | + position: relative; | |
| 479 | +} | |
| 480 | +.dragger #block-1 { | |
| 481 | + position: absolute; | |
| 482 | + top: 170px; | |
| 483 | + left: 170px; | |
| 484 | + width: 200px; | |
| 485 | + height: 50px; | |
| 486 | + border: 1px solid #333; | |
| 487 | + background: #E8E8E8; | |
| 488 | +} | |
| 489 | +.dragger .drag-img1 { | |
| 490 | + position: absolute; | |
| 491 | + bottom: 0px; | |
| 492 | + left: 0; | |
| 493 | +} | |
| 494 | +.bootstrap-dialog .modal-header.bootstrap-dialog-draggable { | |
| 495 | + cursor: move; | |
| 496 | +} | |
| 497 | +.thumbnail .caption p { | |
| 498 | + overflow: hidden; | |
| 499 | + text-overflow: ellipsis; | |
| 500 | + white-space: nowrap; | |
| 501 | + /* width: 150px !important;*/ | |
| 502 | + text-align: center; | |
| 503 | +} | |
| 504 | +.pos-relative { | |
| 505 | + position: relative; | |
| 506 | + float: left; | |
| 507 | +} | |
| 508 | +.toggle-icon { | |
| 509 | + position: absolute; | |
| 510 | + top: 110px; | |
| 511 | + left: 100px; | |
| 512 | + z-index: 99999; | |
| 513 | + -moz-transition: left 0.5s ease; | |
| 514 | + transition: left 0.5s ease; | |
| 515 | + background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0; | |
| 516 | + width: 11px; | |
| 517 | + height: 33px; | |
| 518 | +} | |
| 519 | +.active .toggle-icon { | |
| 520 | + background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px; | |
| 521 | + width: 11px; | |
| 522 | + height: 33px; | |
| 523 | +} | |
| 524 | +.toggle-icon-treeview { | |
| 525 | + position: absolute; | |
| 526 | + top: 110px; | |
| 527 | + left: 290px; | |
| 528 | + z-index: 99999; | |
| 529 | + -moz-transition: left 0.5s ease; | |
| 530 | + transition: left 0.5s ease; | |
| 531 | + background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0; | |
| 532 | + width: 11px; | |
| 533 | + height: 33px; | |
| 534 | +} | |
| 535 | +.active .toggle-icon-treeview { | |
| 536 | + background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px; | |
| 537 | + width: 11px; | |
| 538 | + height: 33px; | |
| 539 | +} | |
| 540 | +.navbar-inverse .navbar-nav > li > a { | |
| 541 | + color: #FFFFFF; | |
| 542 | +} | |
| 543 | +/*#7904*/ | |
| 544 | +.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-nav > li > a.active { | |
| 545 | + color: #2db0f5; | |
| 546 | +} | |
| 547 | + | |
| 548 | +ul.right0 { | |
| 549 | + right: 0!important; | |
| 550 | + left: auto; | |
| 551 | + min-width: 300px; | |
| 552 | + padding: 10px; | |
| 553 | + transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s; | |
| 554 | + border-bottom: 4px solid #abafb0; | |
| 555 | + box-shadow: 0 4px 2px -2px #abafb0 inset; | |
| 556 | +} | |
| 557 | +.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { | |
| 558 | + background-color: #0095da; | |
| 559 | + color: #ffffff; | |
| 560 | +} | |
| 561 | +.padd5 { | |
| 562 | + padding: 5px; | |
| 563 | +} | |
| 564 | +.padded25{ padding:25px;} | |
| 565 | +ul.listgrid-view{ list-style:none;} | |
| 566 | +ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;} | |
| 567 | +ul.listgrid-view li a{color:#fff!important;} | |
| 568 | +ul.listgrid-view li.active, ul.listgrid-view li:active{ background:#0095da!important;} | |
| 569 | +.bg-white{ background:#fff;} | |
| 570 | +.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;} | |
| 571 | +.paddlftrgt10{ padding:10px 10px;} | |
| 572 | +/*.border-black{ border:1px solid #333}*/ | |
| 573 | +#da-body-nav .dropdown-menu{ padding:0!important;} | |
| 574 | + | |
| 575 | + | |
| 576 | + | |
| 577 | +/*Settings popup on TopMenu related css*/ | |
| 578 | +.cursor-pointer{ cursor:pointer;} | |
| 579 | +.paddTopbtm15{ padding-top:15px; padding-bottom:15px;} | |
| 580 | +.paddTop15{ padding-top:15px;} | |
| 581 | +.padd10{ padding:10px!important;} | |
| 582 | +.no-margin-btm{ margin-bottom:0;} | |
| 583 | +.marginR0{ margin-right:0!important;} | |
| 584 | +.padd-right0{ padding-right:0;} | |
| 585 | +.padd-left0{ padding-left:0!important;} | |
| 586 | +.marginTop13{ margin-top:13px;} | |
| 587 | +.font13{ font-size:13px;} | |
| 588 | +.font11{ font-size:11px;} | |
| 589 | +.modal-footer{ padding:5px 10px;} | |
| 590 | +.paddTop0{ padding-top:0;} | |
| 591 | +.no-margin-top{ margin-top:0;} | |
| 592 | + | |
| 593 | +.scrollable-Y200{ width:auto; height:228px; overflow-y:scroll; border:1px solid #e4e4e4; margin-bottom:0; z-index:999999; display:block; border-top:none; background:#fff;} | |
| 594 | +.modal-header{ cursor:move;} | |
| 595 | +.well-dark{ background:#2e2e2e; border:1px solid #686868; height:500px; overflow:hidden;} | |
| 596 | +select[multiple], select[size].multipleSelect{ height: 100%;} | |
| 597 | + | |
| 598 | +#setting-modal-dark{ height:441px;} | |
| 599 | +#setting-modal-dark .modal-body{ overflow-y:auto; overflow-x:hidden; height:365px;} | |
| 600 | +#setting-modal-dark > .modal-header{ padding:5px 10px;} | |
| 601 | +#setting-modal-dark > .modal-header h4{ font-size:15px; font-weight:600;} | |
| 602 | +#setting-modal-dark > .modal-body > .nav-tabs > li > a{ padding:5px!important} | |
| 603 | +#setting-modal-dark .nav > li > a { padding: 5px!important;} | |
| 604 | + | |
| 605 | +.skinmarginbtm6{ | |
| 606 | + margin-bottom:6px !important; | |
| 607 | +} | |
| 608 | + | |
| 609 | +.skindefault{ | |
| 610 | + background: #8c8c8c none repeat scroll 0 0 !important; | |
| 611 | +} | |
| 612 | + | |
| 613 | + | |
| 614 | +.bolder{ font-weight:bold;} | |
| 615 | +.skin-tones{ width:300px; margin:0 auto;} | |
| 616 | +.modal-dark > .modal-header{ padding:5px 10px;} | |
| 617 | +.modal-dark > .modal-header h4{ font-size:15px; font-weight:600;} | |
| 618 | +.modal-header .close{ margin-top:0} | |
| 619 | +#setting-modal-dark .nav-tabs > li.active > a, #setting-modal-dark .nav-tabs > li.active > a:hover, #setting-modal-dark .nav-tabs > li.active > a:focus{ background:hsl(199, 100%, 43%); border:none; color:#fff;} | |
| 620 | +.annotation-modal-header h4{ font-size:15px; font-weight:600;} | |
| 621 | + | |
| 622 | +.color-picker{ margin-left:25px; margin-top:-3px} | |
| 623 | + .pattern-picker{ margin-left:10px; margin-top:-3px} | |
| 624 | + .marginbtm10{ margin-bottom:10px;} | |
| 625 | + .bodyWrap2{ margin-top:60px;} | |
| 626 | + .toolsss { | |
| 627 | + height: 100vh; | |
| 628 | + width: 110px; | |
| 629 | + padding-top: 10px; | |
| 630 | + /*padding-top: 70px;*/ | |
| 631 | + position:absolute; | |
| 632 | + /*overflow: hidden;*/ | |
| 633 | + left: 0; | |
| 634 | + top: 0; | |
| 635 | + z-index: 1029; | |
| 636 | + transition: left .3s ease; | |
| 637 | + background:#ebebeb; | |
| 638 | + border-right:1px solid #dedede; | |
| 639 | + | |
| 640 | + } | |
| 641 | + .main3 { | |
| 642 | + background: #383838; | |
| 643 | + margin-left: 95px; | |
| 644 | + position: relative; | |
| 645 | + transition: margin .3s ease; | |
| 646 | + /*margin-top: 60px;*/ | |
| 647 | + } | |
| 648 | + .well-bordered{ background:#fff; border:5px solid #f0f0f0; border-radius:0; box-shadow:none; padding:10px 20px; height:580px; overflow-y:auto} | |
| 649 | + .color-pallate{ position:absolute; top:15px;} | |
| 650 | + .font18{ font-size:18px;} | |
| 651 | + .bg-grey{ background:#f2f2f2;} | |
| 652 | + textarea { | |
| 653 | + resize: none; | |
| 654 | + } | |
| 655 | + .font12{ font-size:12px;} | |
| 656 | + .font14{ font-size:14px;} | |
| 657 | + .weight600{ font-weight:600;} | |
| 658 | + .marginbtm5{ margin-bottom:5px;} | |
| 659 | + .marginBtm12{ margin-bottom:12px;} | |
| 660 | + .anatomyTest-option{ padding-left:17px; font-size:12px; line-height:20px;} | |
| 661 | + .font-16{ font-size:16px;} | |
| 662 | + .width-auto{ width: auto;} | |
| 663 | + | |
| 664 | + /********************************/ | |
| 665 | + | |
| 666 | + .print-box{padding: 10px 0;} | |
| 667 | + .print-paper{ background: #fff; padding: 20px 10px; border: 1px solid #ccc; overflow: auto;} | |
| 668 | + /*.portrait-box { width: 600px; height: 1000px;} | |
| 669 | + .landscape-box { width: 1000px; height: 600px; }*/ | |
| 670 | + | |
| 671 | + .portrait-box { width: 451px; height: 571px; border: 2px solid #000; border-radius: 5px; padding: 10px; position:relative;} /*width: 600px; height: 1000px; width: 624px; height: 768px;*/ | |
| 672 | + .landscape-box { width: 571px; height: 451px; border: 2px solid #000; border-radius: 5px; padding: 10px; position: relative;} /*width: 1000px; height: 600px; width: 768px; height: 624px;*/ | |
| 673 | + | |
| 674 | + /*.portrait-box img{ background: #f9f9f9; padding: 13px; }*/ | |
| 675 | + /*.landscape-box img{ background: #f9f9f9; padding: 13px; }*/ | |
| 676 | + /*#dvPortrait {background: #f9f9f9; padding: 13px;} | |
| 677 | + #dvLandscape { background: #f9f9f9; padding: 13px; }*/ | |
| 678 | +#dvLandscape, #dvPortrait { | |
| 679 | + /*border: 1px solid #4B4B4B; */ | |
| 680 | + border-radius: 5px; | |
| 681 | + padding: 0px !important; | |
| 682 | +} | |
| 683 | + | |
| 684 | + #dvPortrait { margin-top:42%;} /*62%*/ | |
| 685 | +/*#dvLandscape {margin-top: 7%;}*/ | |
| 686 | + .bgnone img{ background: none;} | |
| 687 | + .scan-scenario{ position: absolute; top: 30px; right: 30px} | |
| 688 | + | |
| 689 | + | |
| 690 | + /************************************/ | |
| 691 | + | |
| 692 | + | |
| 693 | + @-webkit-keyframes circle { | |
| 694 | +0% { | |
| 695 | + opacity: 1; | |
| 696 | +} | |
| 697 | + 40% { | |
| 698 | + opacity: 1; | |
| 699 | +} | |
| 700 | + 100% { | |
| 701 | + width: 200%; | |
| 702 | + height: 200%; | |
| 703 | + opacity: 0; | |
| 704 | +} | |
| 705 | +} | |
| 706 | +@keyframes circle { | |
| 707 | + 0% { | |
| 708 | + opacity: 1; | |
| 709 | +} | |
| 710 | + 40% { | |
| 711 | + opacity: 1; | |
| 712 | +} | |
| 713 | + 100% { | |
| 714 | + width: 200%; | |
| 715 | + height: 200%; | |
| 716 | + opacity: 0; | |
| 717 | +} | |
| 718 | +} | |
| 719 | + | |
| 720 | +@media (max-width: 480px) { | |
| 721 | +.tools i { | |
| 722 | + font-size: inherit; | |
| 723 | +} | |
| 724 | +.pageHeading0 h4 { /*updated to .pageHeading0*/ | |
| 725 | + font-size: 20px; | |
| 726 | +} | |
| 727 | +} | |
| 728 | + | |
| 729 | +/** Responsive **/ | |
| 730 | +@media (max-width: 1199px) { | |
| 731 | +/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;} | |
| 732 | + .main.active{left: 250px;} | |
| 733 | + .sidebar{left: -250px;transition:left .3s ease;} | |
| 734 | + .sidebar.active{left: 0;}*/ | |
| 735 | + /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;} | |
| 736 | + .main2.active{left: 106px;} | |
| 737 | + .tools{left: -106px;transition:left .3s ease;} | |
| 738 | + .tools.active{left: 0;}*/ | |
| 739 | + | |
| 740 | + | |
| 741 | +} | |
| 742 | + | |
| 743 | +@media (max-width: 767px) { | |
| 744 | +textarea { | |
| 745 | + height: 120px !important; | |
| 746 | +} | |
| 747 | +.quesDetail>*, .patDataRow>* { | |
| 748 | + text-align: left !important; | |
| 749 | +} | |
| 750 | +.table { | |
| 751 | + font-size: .9em; | |
| 752 | +} | |
| 753 | +.stylish-input-group .form-control { | |
| 754 | + border-right: 0; | |
| 755 | + box-shadow: 0 0 0; | |
| 756 | + border-color: #ccc; | |
| 757 | + width: 100%; | |
| 758 | + float: right; | |
| 759 | +} | |
| 760 | + | |
| 761 | + .table-responsive > .table > tbody > tr > td | |
| 762 | + { | |
| 763 | + white-space: normal !important; | |
| 764 | + } | |
| 765 | +} | |
| 766 | + | |
| 767 | +@media (max-width: 1023px) { | |
| 768 | +/*.nav > li > a{ padding:15px 6px!important;}*/ | |
| 769 | + | |
| 770 | +.main { | |
| 771 | + margin-left: 0; | |
| 772 | + position: relative; | |
| 773 | + transition: left .3s ease; | |
| 774 | + left: 0; | |
| 775 | +} | |
| 776 | +.main.active { | |
| 777 | + left: 200px; | |
| 778 | +} | |
| 779 | +.sidebar { | |
| 780 | + left: -200px; | |
| 781 | + transition: left .3s ease; | |
| 782 | +} | |
| 783 | +.sidebar.active { | |
| 784 | + left: 0; | |
| 785 | +} | |
| 786 | +.main-treeview { | |
| 787 | + margin-left: 0; | |
| 788 | + position: relative; | |
| 789 | + transition: left .3s ease; | |
| 790 | + left: 0; | |
| 791 | +} | |
| 792 | +.main-treeview.active { | |
| 793 | + left: 300px; | |
| 794 | +} | |
| 795 | +.treeview-left { | |
| 796 | + left: -300px; | |
| 797 | + transition: left .3s ease; | |
| 798 | +} | |
| 799 | +.treeview-left.active { | |
| 800 | + left: 0; | |
| 801 | +} | |
| 802 | +} | |
| 803 | + | |
| 804 | +@media (min-width: 768px) and (max-width: 1199px) { | |
| 805 | +.hidden-sm { | |
| 806 | + display: none !important; | |
| 807 | +} | |
| 808 | +.width120 { | |
| 809 | + width: 90%!important; | |
| 810 | +} | |
| 811 | + .builder-Guide-left{ min-width:118px; width:9%; padding:0;} | |
| 812 | + .builder-Guide-right{ min-width:485px; width:80%; padding:0;} | |
| 813 | + .color-pallate{ position:absolute; top:5px;} | |
| 814 | +/* .toggleBar { margin:20px 10px 0 0}*/ | |
| 815 | +} | |
| 816 | + | |
| 817 | +@media (min-width: 768px) { | |
| 818 | +.toperMenu-spaceleft { | |
| 819 | + margin-left: 20px; | |
| 820 | +} | |
| 821 | +} | |
| 822 | + | |
| 823 | +@media (max-width: 350px) { | |
| 824 | +.pageHeading0 h4 { /*Updated to .pageHeading0*/ | |
| 825 | + overflow: hidden; | |
| 826 | + text-overflow: ellipsis; | |
| 827 | + white-space: nowrap; | |
| 828 | + width: 164px !important; | |
| 829 | +} | |
| 830 | +} | |
| 831 | + | |
| 832 | +.spinner { | |
| 833 | + position: fixed; | |
| 834 | + top: 50%; | |
| 835 | + left: 50%; | |
| 836 | + margin-left: -50px; / half width of the spinner gif / | |
| 837 | + margin-top: -50px; / half height of the spinner gif / | |
| 838 | + text-align: center; | |
| 839 | + z-index: 1234; | |
| 840 | + overflow: auto; | |
| 841 | + width: 100px; / width of the spinner gif / | |
| 842 | + height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */ | |
| 843 | + } | |
| 844 | + | |
| 845 | +/*to make the background fully visible on transparency box draw*/ | |
| 846 | +.modal-backdrop.in { | |
| 847 | + opacity: 0; | |
| 848 | +} | |
| 849 | + | |
| 850 | +.tButtonActive { | |
| 851 | + background-color: #1B92D0; | |
| 852 | + border-color: #1B92D0; | |
| 853 | + color: #ffffff; | |
| 854 | +} | |
| 855 | + | |
| 856 | +/*28-06-2016*/ | |
| 857 | + | |
| 858 | +.txt-white{ color:#fff;} | |
| 859 | +.f11 {font-size:11px;} | |
| 860 | +.f15 {font-size:15px; font-weight:600;} | |
| 861 | +.pad-lftrgt3 {padding-left:2px; padding-right:2px;} | |
| 862 | +.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;} | |
| 863 | + | |
| 864 | +.clsstickydiv{padding-left:19px; width:99%} | |
| 865 | + | |
| 866 | +.clsthead tr,.clstheadca tr { | |
| 867 | + display: block; | |
| 868 | + position: relative; | |
| 869 | +} | |
| 870 | +.clsthead tr th { | |
| 871 | + min-width: 180px; | |
| 872 | + text-align: left; | |
| 873 | +} | |
| 874 | +.clstheadca tr th { | |
| 875 | + /*min-width: 255px;*/ | |
| 876 | + text-align: left; | |
| 877 | +} | |
| 878 | + | |
| 879 | +.clstbody,.clstbodyca { | |
| 880 | + display: block; | |
| 881 | + height: 200px; | |
| 882 | + width: 100%; | |
| 883 | + overflow:auto; | |
| 884 | +} | |
| 885 | + | |
| 886 | +.clstbody tr td { | |
| 887 | + min-width: 180px; | |
| 888 | + text-align: left; | |
| 889 | +} | |
| 890 | + | |
| 891 | +.clstbodyca tr td { | |
| 892 | + /*max-width: 260px;*/ | |
| 893 | + text-align: left; | |
| 894 | + word-wrap:break-word; | |
| 895 | + | |
| 896 | +} | |
| 897 | + | |
| 898 | +.cur-pot { | |
| 899 | +cursor:pointer; | |
| 900 | +} | |
| 901 | + | |
| 902 | + | |
| 903 | +@media (min-width: 320px) and (max-width:480px) { | |
| 904 | + .stickey-area { | |
| 905 | + margin-top:24px; | |
| 906 | + } | |
| 907 | +} | |
| 908 | + | |
| 909 | +.enableGender li.active{ | |
| 910 | + background-color:#0095DA; | |
| 911 | + color:#ffffff; | |
| 912 | +} | |
| 913 | + | |
| 914 | +.annotationbar { | |
| 915 | + max-width: 300px; | |
| 916 | + width: 100%; | |
| 917 | +} | |
| 918 | + | |
| 919 | +.LeftButtonsDefaultState | |
| 920 | +{ | |
| 921 | + background-color: #0095da; | |
| 922 | + border-color: #007ab3; | |
| 923 | + color: #ffffff; | |
| 924 | +} | |
| 925 | + | |
| 926 | +/*disable background css*/ | |
| 927 | + | |
| 928 | +#modelbackground | |
| 929 | + { | |
| 930 | + background-color: black; | |
| 931 | + bottom: 0; | |
| 932 | + left: 0; | |
| 933 | + position: fixed; | |
| 934 | + right: 0; | |
| 935 | + top: 0; | |
| 936 | + z-index: 12000000; | |
| 937 | + opacity: 0.5; | |
| 938 | + display:none; | |
| 939 | + width:100%; | |
| 940 | + height:100%; | |
| 941 | + | |
| 942 | + filter: Alpha(opacity=50); / IE8 and earlier / | |
| 943 | +} | |
| 944 | + | |
| 945 | + | |
| 946 | +.modeleditstyle | |
| 947 | + { | |
| 948 | + display:none; | |
| 949 | +} | |
| 950 | + /*#7904*/ | |
| 951 | +.dropdown-menu > li > a.active{background-color:#0095da;color:#fff;text-decoration:none;} | |
| 952 | + | |
| 953 | + | |
| 954 | +.annotationtoolbartab | |
| 955 | + { | |
| 956 | + background:#626c34 !important; | |
| 957 | +} | |
| 958 | + | |
| 959 | +.disableMenuannotation | |
| 960 | +{ | |
| 961 | + pointer-events:none; | |
| 962 | + opacity:0.6; | |
| 963 | + | |
| 964 | +} | |
| 965 | +.disableMenuoption | |
| 966 | +{ | |
| 967 | + pointer-events:none; | |
| 968 | + opacity:0.6; | |
| 969 | + | |
| 970 | +} | |
| 971 | + | |
| 972 | +.blankshapediv | |
| 973 | +{ | |
| 974 | +background-image: url("../../../../../content/images/blank-shapes.png"); | |
| 975 | +} | |
| 976 | +.outlinediv | |
| 977 | +{ | |
| 978 | + border:1px solid black; | |
| 979 | + width: 72%; | |
| 980 | + margin-left: auto; | |
| 981 | + margin-right: auto; | |
| 982 | + height: 98px; | |
| 983 | + border-radius: 50%; | |
| 984 | + } | |
| 985 | +.fullcolordiv | |
| 986 | + { | |
| 987 | + position:relative; | |
| 988 | + width:100%; | |
| 989 | + height:100%; | |
| 990 | + background:#fff; | |
| 991 | + border-radius: 50%; | |
| 992 | + } | |
| 993 | + | |
| 994 | +.col-sm-4, .col-sm-6, .col-sm-8 { | |
| 995 | + padding-left: 0px !important; | |
| 996 | + padding-right: 0px !important; | |
| 997 | +} | |
| 998 | +#imgPortrait, #imgLandscape { | |
| 999 | + padding: 10px; | |
| 1000 | +} | |
| 1001 | + | |
| 1002 | +/*@media (min-width: 1200px) { | |
| 1003 | + .modeleditstyle .builder-Guide-left{ min-width:118px; width:9%; padding:0;} | |
| 1004 | + .builder-Guide-right{ width:auto; padding:0;} | |
| 1005 | + display:none; }*/ | |
| 1006 | + | |
| 1007 | + | |
| 1008 | +#printBoxPor { | |
| 1009 | + /*width: 637.5px; | |
| 1010 | + height: 825px;*/ | |
| 1011 | + /*width: 337px; | |
| 1012 | + height: 410px;*/ | |
| 1013 | +} | |
| 1014 | +#printBoxLan { | |
| 1015 | + /*width: 825px; | |
| 1016 | + height: 637.5px;*/ | |
| 1017 | +} | |
| 1018 | +@media (min-width: 768px) { | |
| 1019 | + .print-footer-port div, .print-footer-land div { | |
| 1020 | + width: 50%; | |
| 1021 | + } | |
| 1022 | +} | |
| 1023 | +#minSpan { | |
| 1024 | + margin-top: 6px; | |
| 1025 | +} | |
| 0 | 1026 | \ No newline at end of file | ... | ... |
400-SOURCECODE/AIAHTML5.Web/content/images/adam-logo-small.png
0 โ 100644
2.36 KB
400-SOURCECODE/AIAHTML5.Web/index.html
| ... | ... | @@ -38,6 +38,7 @@ |
| 38 | 38 | <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" /> |
| 39 | 39 | <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" /> |
| 40 | 40 | <link href="themes/default/css/bootstrap/3.3.6/jquery.minicolors.css" rel="stylesheet" /> |
| 41 | + <link href="content/css/print-main.css" rel="stylesheet" /> | |
| 41 | 42 | |
| 42 | 43 | <!--Annotation Toolbar: Jcanvas--> |
| 43 | 44 | <style> |
| ... | ... | @@ -47,9 +48,8 @@ |
| 47 | 48 | |
| 48 | 49 | |
| 49 | 50 | #termList option:hover { |
| 50 | - background-color: #3399FF !important; | |
| 51 | - color: #fff !important; | |
| 52 | - | |
| 51 | + background-color: #3399FF !important; | |
| 52 | + color: #fff !important; | |
| 53 | 53 | } |
| 54 | 54 | |
| 55 | 55 | |
| ... | ... | @@ -536,31 +536,31 @@ |
| 536 | 536 | <div> |
| 537 | 537 | <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> |
| 538 | 538 | <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> |
| 539 | - <div style="width: 80px; margin: 0px 0px 0px 4px; display: inline-block;float:left;"> | |
| 540 | - <div style="width: 58px; float: left;" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"> | |
| 541 | - <input type="text" id="btnBrushSize" class="form-control" value="1" style="height:32px;border-radius:0;" oninput="Brushsize(this)"> | |
| 542 | - </div> | |
| 543 | - <div style="width: 22px; float: left;"> | |
| 544 | - <div style="width: 100%; float: left; height: 16px;"> | |
| 545 | - <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;"> | |
| 539 | + <div style="width: 80px; margin: 0px 0px 0px 4px; display: inline-block;float:left;"> | |
| 540 | + <div style="width: 58px; float: left;" ng-mouseover="mouseMoveToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"> | |
| 541 | + <input type="text" id="btnBrushSize" class="form-control" value="1" style="height:32px;border-radius:0;" oninput="Brushsize(this)"> | |
| 542 | + </div> | |
| 543 | + <div style="width: 22px; float: left;"> | |
| 544 | + <div style="width: 100%; float: left; height: 16px;"> | |
| 545 | + <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;"> | |
| 546 | 546 | |
| 547 | - <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-up.png"> | |
| 548 | - </button> | |
| 549 | - </div> | |
| 550 | - <div style="width: 100%; float: left; height: 16px;"> | |
| 551 | - <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;"> | |
| 552 | - <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-down.png"> | |
| 553 | - </button> | |
| 554 | - </div> | |
| 547 | + <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-up.png"> | |
| 548 | + </button> | |
| 549 | + </div> | |
| 550 | + <div style="width: 100%; float: left; height: 16px;"> | |
| 551 | + <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;"> | |
| 552 | + <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-down.png"> | |
| 553 | + </button> | |
| 555 | 554 | </div> |
| 556 | - | |
| 557 | 555 | </div> |
| 558 | 556 | |
| 559 | - <div class="pull-left" style="width:45%; margin-left:2%;margin-top:5px;"> | |
| 560 | - <div id="slider-range-min-2" ng-mouseover="mouseMoveToolTip(270, 170, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"></div> | |
| 561 | - </div> | |
| 562 | - <div class="clearfix"></div> | |
| 563 | -</div> | |
| 557 | + </div> | |
| 558 | + | |
| 559 | + <div class="pull-left" style="width:45%; margin-left:2%;margin-top:5px;"> | |
| 560 | + <div id="slider-range-min-2" ng-mouseover="mouseMoveToolTip(270, 170, 120, 'Brush Size')" ng-mouseleave="mouseOutToolTip()"></div> | |
| 561 | + </div> | |
| 562 | + <div class="clearfix"></div> | |
| 563 | + </div> | |
| 564 | 564 | |
| 565 | 565 | </div> |
| 566 | 566 | |
| ... | ... | @@ -733,7 +733,7 @@ |
| 733 | 733 | <select class="form-control" disabled> |
| 734 | 734 | <option value="1" selected="">Entire View</option> |
| 735 | 735 | </select> |
| 736 | - </div> | |
| 736 | + </div> | |
| 737 | 737 | </div> |
| 738 | 738 | </div> |
| 739 | 739 | </div> |
| ... | ... | @@ -928,6 +928,9 @@ |
| 928 | 928 | </div> |
| 929 | 929 | </div> |
| 930 | 930 | |
| 931 | + <!--Print Preview Modal--> | |
| 932 | + <div id="dvPrintPreview" style="display: none;"></div> | |
| 933 | + | |
| 931 | 934 | <!--<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;"> |
| 932 | 935 | <div class="modal-dialog modal-sm" role="document"> |
| 933 | 936 | <div class="modal-content"> |
| ... | ... | @@ -1052,7 +1055,7 @@ |
| 1052 | 1055 | </div>--> |
| 1053 | 1056 | |
| 1054 | 1057 | <script> |
| 1055 | - | |
| 1058 | + | |
| 1056 | 1059 | function enableDisableFillOption() { |
| 1057 | 1060 | //debugger; |
| 1058 | 1061 | if (document.getElementById('fill-option').checked) { |
| ... | ... | @@ -1060,7 +1063,7 @@ |
| 1060 | 1063 | //$('#imgOpacity').css({"background-color"}) |
| 1061 | 1064 | //$("#filloption1").css({ "pointer-events": "auto" }); |
| 1062 | 1065 | //$("#filloption12").css({ "pointer-events": "auto" }); |
| 1063 | - | |
| 1066 | + | |
| 1064 | 1067 | var x = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color'); |
| 1065 | 1068 | $("#imgOpacity").css("background-color", x); |
| 1066 | 1069 | $("#edit-slider-3").css({ "pointer-events": "auto" }); |
| ... | ... | @@ -1078,7 +1081,7 @@ |
| 1078 | 1081 | |
| 1079 | 1082 | } |
| 1080 | 1083 | else { |
| 1081 | - $('#imgOpacity').css("background-color","transparent"); | |
| 1084 | + $('#imgOpacity').css("background-color", "transparent"); | |
| 1082 | 1085 | //$("#filloption1").css({ "pointer-events": "none" }); |
| 1083 | 1086 | //$("#filloption2").css({ "pointer-events": "none" }); |
| 1084 | 1087 | $("#edit-slider-3").css({ "pointer-events": "none" }); |
| ... | ... | @@ -1102,8 +1105,8 @@ |
| 1102 | 1105 | if (document.getElementById('Outline-Option').checked) { |
| 1103 | 1106 | var x = $("#outlineColor span.minicolors-swatch-color").css('background-color'); |
| 1104 | 1107 | $(".marginTopBtm10 div.outlinediv").css("border-color", x); |
| 1105 | - // var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width'); | |
| 1106 | - // $("#imgOpacity").css("border-width", borderWidth); | |
| 1108 | + // var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width'); | |
| 1109 | + // $("#imgOpacity").css("border-width", borderWidth); | |
| 1107 | 1110 | |
| 1108 | 1111 | $("#borderWidthCanvasElement").css({ "pointer-events": "auto" }); |
| 1109 | 1112 | $("#outlineColor").css({ "pointer-events": "auto" }); |
| ... | ... | @@ -1473,13 +1476,13 @@ |
| 1473 | 1476 | $("#borderWidthCanvasElement").change(function () { |
| 1474 | 1477 | borderWidth = $(this).val(); |
| 1475 | 1478 | borderColor = $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color"); |
| 1476 | - | |
| 1479 | + | |
| 1477 | 1480 | if (borderColor != null) { |
| 1478 | 1481 | document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; |
| 1479 | 1482 | //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor); |
| 1480 | 1483 | } else { |
| 1481 | 1484 | |
| 1482 | - // $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid"); | |
| 1485 | + // $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid"); | |
| 1483 | 1486 | document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; |
| 1484 | 1487 | |
| 1485 | 1488 | } |
| ... | ... | @@ -1507,7 +1510,7 @@ |
| 1507 | 1510 | |
| 1508 | 1511 | borderColor = value; |
| 1509 | 1512 | //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor); |
| 1510 | - document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; | |
| 1513 | + document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor; | |
| 1511 | 1514 | |
| 1512 | 1515 | |
| 1513 | 1516 | } |
| ... | ... | @@ -1663,5 +1666,48 @@ |
| 1663 | 1666 | return new Blob([ab], { type: 'image/jpeg' }); |
| 1664 | 1667 | } |
| 1665 | 1668 | </script> |
| 1669 | + <script> | |
| 1670 | + function ResizeImage(sizePercent) { | |
| 1671 | + var autoWidth = 427; | |
| 1672 | + var autoHeight = 547; | |
| 1673 | + var dvAutoSpnFontSize = 12; | |
| 1674 | + var imgLogoW = 77; | |
| 1675 | + var fullWidth = 620; //$('#canvasDiv').width(); | |
| 1676 | + var fullHeight = 876; //$('#canvasDiv').height(); | |
| 1677 | + | |
| 1678 | + if (sizePercent == 0) { | |
| 1679 | + $('#printBoxPor').width(autoWidth).height(autoHeight);//.height(dvPrintBoxPorH * sizePercent); | |
| 1680 | + $('#printBoxLan').width(autoHeight).height(autoWidth); | |
| 1681 | + $('#dvPortrait').width(autoWidth); | |
| 1682 | + $('#dvLandscape').width(autoHeight); | |
| 1683 | + $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * .65).toFixed() + 'px'); | |
| 1684 | + $(".logo-image").attr('width', imgLogoW * .65); | |
| 1685 | + } | |
| 1686 | + | |
| 1687 | + else if (sizePercent == 1) { | |
| 1688 | + $('#dvPortrait').width(fullWidth * sizePercent); | |
| 1689 | + $('#dvLandscape').width(fullHeight * sizePercent); | |
| 1690 | + $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent); | |
| 1691 | + $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent); | |
| 1692 | + $('.span-font').attr('style', 'font-size: ' + dvAutoSpnFontSize + 'px'); | |
| 1693 | + $(".logo-image").attr('width', imgLogoW); | |
| 1694 | + } | |
| 1695 | + | |
| 1696 | + else { | |
| 1697 | + $('#dvPortrait').width(fullWidth * sizePercent); | |
| 1698 | + $('#dvLandscape').width(fullHeight * sizePercent); | |
| 1699 | + $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * sizePercent).toFixed() + 'px !important'); | |
| 1700 | + $(".logo-image").attr('width', (imgLogoW * sizePercent).toFixed()); | |
| 1701 | + if (sizePercent > 1) { | |
| 1702 | + $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent); | |
| 1703 | + $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent); | |
| 1704 | + } | |
| 1705 | + else { | |
| 1706 | + $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent); | |
| 1707 | + $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent); | |
| 1708 | + } | |
| 1709 | + } | |
| 1710 | + } | |
| 1711 | + </script> | |
| 1666 | 1712 | </body> |
| 1667 | 1713 | </html> |
| 1668 | 1714 | \ No newline at end of file | ... | ... |