diff options
Diffstat (limited to 'pdf-as-web/src/main/webapp/assets/js/pdf.js/web')
4 files changed, 133 insertions, 114 deletions
diff --git a/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/app.js b/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/app.js index da71e83d..47720d42 100644 --- a/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/app.js +++ b/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/app.js @@ -121,6 +121,12 @@ function displayPdf() { fileReader.readAsArrayBuffer(file); } +/*$("#placeSignatureExtern").bind("click", function(evt) { + console.log("PLACE SIGNATURE EXTERN"); + $("#placeSignature").click(); + +}); */ + // //Attaches event handlers to the signature placement icons // diff --git a/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.css b/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.css index 84e0f073..2eff3912 100644 --- a/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.css +++ b/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.css @@ -36,8 +36,8 @@ } .textLayer .highlight { - margin: -1px; - padding: 1px; + margin: -0.063em; + padding: -0.063em; background-color: rgb(180, 0, 170); border-radius: 4px; @@ -68,9 +68,9 @@ .pdfViewer .page { direction: ltr; - width: 816px; - height: 1056px; - margin: 1px auto -8px auto; + width: 51em; + height: 66em; + margin: 0.063em auto -0.5em auto; position: relative; overflow: visible; border: 9px solid transparent; @@ -80,7 +80,7 @@ } .pdfViewer.removePageBorders .page { - margin: 0px auto 10px auto; + margin: 0px auto 0.625em auto; border: none; } @@ -102,7 +102,7 @@ .pdfViewer .page .annotLink > a:hover { opacity: 0.2; background: #ff0; - box-shadow: 0px 2px 10px #ff0; + box-shadow: 0px 0.125em 0.625em #ff0; } :-webkit-full-screen .pdfViewer .page { @@ -140,8 +140,8 @@ float: left; max-width: 20em; background-color: #FFFF99; - box-shadow: 0px 2px 5px #333; - border-radius: 2px; + box-shadow: 0px 0.125em 0.313em #333; + border-radius: 0.125em; padding: 0.6em; cursor: pointer; } @@ -178,7 +178,7 @@ html { height: 100%; /* Font size is needed to make the activity bar the correct size. */ - font-size: 10px; + font-size: 0.625em; } body { @@ -320,7 +320,7 @@ html[dir='rtl'] .innerCenter { position: absolute; top: 0; bottom: 0; - width: 200px; + width: 12.5em; visibility: hidden; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; @@ -331,12 +331,12 @@ html[dir='rtl'] .innerCenter { html[dir='ltr'] #sidebarContainer { -webkit-transition-property: left; transition-property: left; - left: -200px; + left: -12.5em; } html[dir='rtl'] #sidebarContainer { -webkit-transition-property: right; transition-property: right; - right: -200px; + right: -12.5em; } #outerContainer.sidebarMoving > #sidebarContainer, @@ -356,7 +356,7 @@ html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer { right: 0; bottom: 0; left: 0; - min-width: 320px; + min-width: 10em; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; transition-duration: 200ms; @@ -365,47 +365,47 @@ html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer { html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer { -webkit-transition-property: left; transition-property: left; - left: 200px; + left: 12.5em; } html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer { -webkit-transition-property: right; transition-property: right; - right: 200px; + right: 12.5em; } #sidebarContent { - top: 32px; + top: 2em; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; - width: 200px; + width: 12.5em; background-color: hsla(0,0%,0%,.1); } html[dir='ltr'] #sidebarContent { left: 0; - box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25); + box-shadow: inset -0.063em 0 0 hsla(0,0%,0%,.25); } html[dir='rtl'] #sidebarContent { right: 0; - box-shadow: inset 1px 0 0 hsla(0,0%,0%,.25); + box-shadow: inset 0.063em 0 0 hsla(0,0%,0%,.25); } #viewerContainer { overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; - top: 32px; + top: 2em; right: 0; bottom: 0; left: 0; outline: none; } html[dir='ltr'] #viewerContainer { - box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05); + box-shadow: inset 0.063em 0 0 hsla(0,0%,100%,.05); } html[dir='rtl'] #viewerContainer { - box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05); + box-shadow: inset -0.063em 0 0 hsla(0,0%,100%,.05); } .toolbar { @@ -421,57 +421,58 @@ html[dir='rtl'] #viewerContainer { } #toolbarSidebar { - width: 200px; - height: 32px; + width: 12.5em; + height: 2em; background-color: #424242; /* fallback */ background-image: url(images/texture.png), linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); } html[dir='ltr'] #toolbarSidebar { - box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), - inset 0 -1px 0 hsla(0,0%,100%,.05), - 0 1px 0 hsla(0,0%,0%,.15), - 0 0 1px hsla(0,0%,0%,.1); + box-shadow: inset -0.063em 0 0 rgba(0, 0, 0, 0.25), + inset 0 -0.063em 0 hsla(0,0%,100%,.05), + 0 0.063em 0 hsla(0,0%,0%,.15), + 0 0 0.063em hsla(0,0%,0%,.1); } html[dir='rtl'] #toolbarSidebar { - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), - inset 0 1px 0 hsla(0,0%,100%,.05), - 0 1px 0 hsla(0,0%,0%,.15), - 0 0 1px hsla(0,0%,0%,.1); + box-shadow: inset 0.063em 0 0 rgba(0, 0, 0, 0.25), + inset 0 0.063em 0 hsla(0,0%,100%,.05), + 0 0.063em 0 hsla(0,0%,0%,.15), + 0 0 0.063em hsla(0,0%,0%,.1); } #toolbarContainer, .findbar, .secondaryToolbar { position: relative; - height: 32px; + height: 2em; background-color: #474747; /* fallback */ background-image: url(images/texture.png), linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); } html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar { - box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08), - inset 0 1px 1px hsla(0,0%,0%,.15), - inset 0 -1px 0 hsla(0,0%,100%,.05), - 0 1px 0 hsla(0,0%,0%,.15), - 0 1px 1px hsla(0,0%,0%,.1); + box-shadow: inset 0.063em 0 0 hsla(0,0%,100%,.08), + inset 0 0.063em 0.063em hsla(0,0%,0%,.15), + inset 0 -0.063em 0 hsla(0,0%,100%,.05), + 0 0.063em 0 hsla(0,0%,0%,.15), + 0 0.063em 0.063em hsla(0,0%,0%,.1); } html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { - box-shadow: inset -1px 0 0 hsla(0,0%,100%,.08), - inset 0 1px 1px hsla(0,0%,0%,.15), - inset 0 -1px 0 hsla(0,0%,100%,.05), - 0 1px 0 hsla(0,0%,0%,.15), - 0 1px 1px hsla(0,0%,0%,.1); + box-shadow: inset -0.063em 0 0 hsla(0,0%,100%,.08), + inset 0 0.063em 0.063em hsla(0,0%,0%,.15), + inset 0 -0.063em 0 hsla(0,0%,100%,.05), + 0 0.063em 0 hsla(0,0%,0%,.15), + 0 0.063em 0.063em hsla(0,0%,0%,.1); } #toolbarViewer { - height: 32px; + height: 2em; + min-width: 5em; } #loadingBar { position: relative; width: 100%; - height: 4px; + height: 0.25em; background-color: #333; - border-bottom: 1px solid #333; + border-bottom: 0.063em solid #333; } #loadingBar .progress { @@ -509,7 +510,7 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { top: 0; left: 0; height: 100%; - width: 50px; + width: 3.125em; background-image: linear-gradient(to right, #999 0%, #fff 50%, #999 100%); background-size: 100% 100%; @@ -520,27 +521,27 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { } .findbar, .secondaryToolbar { - top: 32px; + top: 2em; position: absolute; z-index: 10000; - height: 32px; + height: 2em; - min-width: 16px; - padding: 0px 6px 0px 6px; - margin: 4px 2px 4px 2px; + min-width: 1em; + padding: 0px 0.375em 0px 0.375em; + margin: 0.25em 0.125em 0.25em 0.125em; color: hsl(0,0%,85%); - font-size: 12px; - line-height: 14px; + font-size: 0.75em; + line-height: 0.875em; text-align: left; cursor: default; } html[dir='ltr'] .findbar { - left: 68px; + left: 4.25em; } html[dir='rtl'] .findbar { - right: 68px; + right: 4.25em; } .findbar label { @@ -558,23 +559,23 @@ html[dir='rtl'] #findInput[data-status="pending"] { } .secondaryToolbar { - padding: 6px; + padding: 0.375em; height: auto; z-index: 30000; } html[dir='ltr'] .secondaryToolbar { - right: 4px; + right: 0.25em; } html[dir='rtl'] .secondaryToolbar { - left: 4px; + left: 0.25em; } #secondaryToolbarButtonContainer { - max-width: 200px; - max-height: 400px; + max-width: 12.5em; + max-height: 25em; overflow-y: auto; -webkit-overflow-scrolling: touch; - margin-bottom: -4px; + margin-bottom: -0.25em; } .doorHanger, @@ -1260,7 +1261,7 @@ html[dir='rtl'] .verticalToolbarSeparator { } .toolbarLabel { - min-width: 16px; + min-width: 5em; padding: 3px 6px 3px 2px; margin: 4px 2px 4px 0; border: 1px solid transparent; @@ -1564,7 +1565,7 @@ html[dir='rtl'] .attachmentsItem > button { text-align: left; } #documentPropertiesOverlay .row > * { - min-width: 100px; + min-width: 5em; } html[dir='ltr'] #documentPropertiesOverlay .row > * { text-align: left; @@ -1948,14 +1949,14 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { @media all and (max-width: 770px) { #sidebarContainer { - top: 32px; + top: 2em; z-index: 100; } .loadingInProgress #sidebarContainer { - top: 37px; + top: 2.313em; } #sidebarContent { - top: 32px; + top: 2em; background-color: hsla(0,0%,0%,.7); } @@ -1968,11 +1969,11 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { html[dir='ltr'] .outerCenter { float: left; - left: 205px; + left: 12.813em; } html[dir='rtl'] .outerCenter { float: right; - right: 205px; + right: 12.813em; } #outerContainer .hiddenLargeView, @@ -2013,12 +2014,12 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter, html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter, html[dir='ltr'] .outerCenter { - left: 156px; + left: 9.750em; } html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter, html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter, html[dir='rtl'] .outerCenter { - right: 156px; + right: 9.750em; } .toolbarButtonSpacer { width: 0; @@ -2030,3 +2031,9 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { display: none; } } + + @media all and (max-width: 320px) { + #toolbarContainer { + width: 21.5em; + } + } diff --git a/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.html b/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.html index 1f8a6a44..6db3039e 100644 --- a/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.html +++ b/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.html @@ -24,7 +24,7 @@ http://sourceforge.net/adobe/cmap/wiki/License/ <meta name="google" content="notranslate"> <title>PDF.js viewer</title> - <link rel="stylesheet" href="viewer.css"/> + <link rel="stylesheet" href="viewer.css"/> <script src="compatibility.js"></script> @@ -42,7 +42,7 @@ http://sourceforge.net/adobe/cmap/wiki/License/ <script src="app.js"></script> <style> .black_overlay{ - display: block; + display: inline-block; position: fixed; top: 0%; left: 0%; @@ -62,7 +62,7 @@ http://sourceforge.net/adobe/cmap/wiki/License/ left: 32%; width: 36%; height: 30%; - padding: 16px; + padding: 1em; border: 4px solid orange; background-color: white; z-index:1002; @@ -219,29 +219,59 @@ http://sourceforge.net/adobe/cmap/wiki/License/ <input type="number" id="pageNumber" class="toolbarField pageNumber" value="1" size="4" min="1" tabindex="15"> <span id="numPages" class="toolbarLabel"></span> </div> + <div id="toolbarViewerRight"> + + <div class="splitToolbarButton"> + <button id="zoomOut" class="toolbarButton zoomOut" title="Zoom Out" tabindex="21" data-l10n-id="zoom_out"> + <span data-l10n-id="zoom_out_label">Zoom Out</span> + </button> + <div class="splitToolbarButtonSeparator"></div> + <button id="zoomIn" class="toolbarButton zoomIn" title="Zoom In" tabindex="22" data-l10n-id="zoom_in"> + <span data-l10n-id="zoom_in_label">Zoom In</span> + </button> + </div> + <span id="scaleSelectContainer" class="dropdownToolbarButton"> + <select id="scaleSelect" title="Zoom" tabindex="23" data-l10n-id="zoom"> + <option id="pageAutoOption" title="" value="auto" selected="selected" data-l10n-id="page_scale_auto">Automatic Zoom</option> + <option id="pageActualOption" title="" value="page-actual" data-l10n-id="page_scale_actual">Actual Size</option> + <option id="pageFitOption" title="" value="page-fit" data-l10n-id="page_scale_fit">Fit Page</option> + <option id="pageWidthOption" title="" value="page-width" data-l10n-id="page_scale_width">Full Width</option> + <option id="customScaleOption" title="" value="custom"></option> + <option title="" value="0.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 50 }'>50%</option> + <option title="" value="0.75" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 75 }'>75%</option> + <option title="" value="1" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 100 }'>100%</option> + <option title="" value="1.25" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 125 }'>125%</option> + <option title="" value="1.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 150 }'>150%</option> + <option title="" value="2" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 200 }'>200%</option> + <option title="" value="3" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 300 }'>300%</option> + <option title="" value="4" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 400 }'>400%</option> + </select> + </span> + <button id="presentationMode" style="display:none;" class="toolbarButton presentationMode hiddenLargeView" title="Switch to Presentation Mode" tabindex="29" data-l10n-id="presentation_mode"> <span data-l10n-id="presentation_mode_label">Presentation Mode</span> </button> - <!-- ADDED --> - <button id="placeSignature" class="toolbarButton placeSignature hiddenLargeView" title="Place Signature on current Page" tabindex="30" data-l10n-id="place_signature"> + <button style="display:none;" id="placeSignature" class="toolbarButton placeSignature hiddenLargeView" title="Place Signature on current Page" tabindex="30" data-l10n-id="place_signature"> <span data-l10n-id="place_signature_label">Place Signature</span> - </button> + </button> + - <!-- ADDED --> - <button id="delSignature" class="toolbarButton delSignature hiddenLargeView" title="Remove Signature (If no Signature gets placed, one will be appended at the end of the document)" tabindex="31" data-l10n-id="del_signature"> + <button style="display:none;" id="delSignature" class="toolbarButton delSignature hiddenLargeView" title="Remove Signature (If no Signature gets placed, one will be appended at the end of the document)" tabindex="31" data-l10n-id="del_signature"> <span data-l10n-id="place_signature_label">Remove Signature</span> - </button> + </button> + - <button id="openFile" class="toolbarButton openFile hiddenLargeView" title="Open File" tabindex="32" data-l10n-id="open_file"> + <button style="display:none;" id="openFile" class="toolbarButton openFile hiddenLargeView" title="Open File" tabindex="30" data-l10n-id="open_file"> <span data-l10n-id="open_file_label">Open</span> - </button> + </button> - <button id="print" class="toolbarButton print hiddenMediumView" title="Print" tabindex="33" data-l10n-id="print"> + + <button style="display:none;" id="print" class="toolbarButton print hiddenMediumView" title="Print" tabindex="33" data-l10n-id="print"> <span data-l10n-id="print_label">Print</span> - </button> + </button> <button id="download" style="display:none;" class="toolbarButton download hiddenMediumView" title="Download" tabindex="34" data-l10n-id="download"> <span data-l10n-id="download_label">Download</span> @@ -255,35 +285,11 @@ http://sourceforge.net/adobe/cmap/wiki/License/ <button id="secondaryToolbarToggle" style="display: none;" class="toolbarButton" title="Tools" tabindex="36" data-l10n-id="tools"> <span data-l10n-id="tools_label">Tools</span> </button> - </div> + </div> <div class="outerCenter"> <div class="innerCenter" id="toolbarViewerMiddle"> - <div class="splitToolbarButton"> - <button id="zoomOut" class="toolbarButton zoomOut" title="Zoom Out" tabindex="21" data-l10n-id="zoom_out"> - <span data-l10n-id="zoom_out_label">Zoom Out</span> - </button> - <div class="splitToolbarButtonSeparator"></div> - <button id="zoomIn" class="toolbarButton zoomIn" title="Zoom In" tabindex="22" data-l10n-id="zoom_in"> - <span data-l10n-id="zoom_in_label">Zoom In</span> - </button> - </div> - <span id="scaleSelectContainer" class="dropdownToolbarButton"> - <select id="scaleSelect" title="Zoom" tabindex="23" data-l10n-id="zoom"> - <option id="pageAutoOption" title="" value="auto" selected="selected" data-l10n-id="page_scale_auto">Automatic Zoom</option> - <option id="pageActualOption" title="" value="page-actual" data-l10n-id="page_scale_actual">Actual Size</option> - <option id="pageFitOption" title="" value="page-fit" data-l10n-id="page_scale_fit">Fit Page</option> - <option id="pageWidthOption" title="" value="page-width" data-l10n-id="page_scale_width">Full Width</option> - <option id="customScaleOption" title="" value="custom"></option> - <option title="" value="0.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 50 }'>50%</option> - <option title="" value="0.75" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 75 }'>75%</option> - <option title="" value="1" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 100 }'>100%</option> - <option title="" value="1.25" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 125 }'>125%</option> - <option title="" value="1.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 150 }'>150%</option> - <option title="" value="2" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 200 }'>200%</option> - <option title="" value="3" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 300 }'>300%</option> - <option title="" value="4" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 400 }'>400%</option> - </select> - </span> + + </div> </div> </div> diff --git a/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.js b/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.js index af4fcd8d..7abe3a52 100644 --- a/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.js +++ b/pdf-as-web/src/main/webapp/assets/js/pdf.js/web/viewer.js @@ -3182,8 +3182,8 @@ var PDFPageView = (function PDFPageViewClosure() { cssTransform: function PDFPageView_transform(canvas, redrawAnnotations) { // Scale canvas, canvas wrapper, and page container. - var width = this.viewport.width; - var height = this.viewport.height; + var width = this.viewport.width / 50; + var height = this.viewport.height / 50; var div = this.div; canvas.style.width = canvas.parentNode.style.width = div.style.width = Math.floor(width) + 'px'; |