From 35a7156138f97b9a4571637e434aa24bc0a5b1d8 Mon Sep 17 00:00:00 2001
From: fschneider <florian.schneider@student.tugraz.at>
Date: Wed, 12 Aug 2015 14:24:57 +0200
Subject: ToBeChanged

---
 pdf-as-web/src/main/webapp/assets/js/dragNdrop.js  |  32 ++---
 .../src/main/webapp/assets/js/pdf.js/web/app.js    |   6 +
 .../main/webapp/assets/js/pdf.js/web/viewer.css    | 151 +++++++++++----------
 .../main/webapp/assets/js/pdf.js/web/viewer.html   |  86 ++++++------
 .../src/main/webapp/assets/js/pdf.js/web/viewer.js |   4 +-
 5 files changed, 145 insertions(+), 134 deletions(-)

(limited to 'pdf-as-web/src/main/webapp/assets/js')

diff --git a/pdf-as-web/src/main/webapp/assets/js/dragNdrop.js b/pdf-as-web/src/main/webapp/assets/js/dragNdrop.js
index edfc1e2e..dc420ecf 100644
--- a/pdf-as-web/src/main/webapp/assets/js/dragNdrop.js
+++ b/pdf-as-web/src/main/webapp/assets/js/dragNdrop.js
@@ -86,11 +86,22 @@ function registerEventListeners() {
 		$("#PlaceStepButton").click();
 	});
 	
+	
 	$("#placeContinue").bind("click", function(evt) {
-		
+
 		$("#SignStepButton").click();
 	});
 	
+	$("#placeSignatureExtern").bind("click", function(evt) {
+		
+		$("#iFrame").contents().find("#placeSignature").click();
+	});
+	
+	$("#delSignatureExtern").bind("click", function(evt) {
+		
+		$("#iFrame").contents().find("#delSignature").click();
+	})
+	
 	function toggleView(input)
 	{
 		console.log("toggleView : " + input);
@@ -153,25 +164,6 @@ function registerEventListeners() {
 		}
 	}
 	
-/*	$("#main").bind("drop", function(evt) {
-		evt.preventDefault();
-		evt.stopPropagation();
-		var files = evt.originalEvent.dataTransfer.files;
-		if(files == null || files.length === 0) {
-			return;
-		}
-		else if(files[0].name.indexOf(".pdf") < 0)
-		{
-			window.alert("The file type must be PDF");
-			return;
-		} 
-		
-		file = files[0];
-		previewFile();
-	}); */
-	
-	
-	
 	$("#pdf-file").bind("change", function(evt) {
 		file_event = evt;
 		var files = evt.target.files;
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';
-- 
cgit v1.2.3