From eba877880d96f1335ef2e593ae02782357a7de3f Mon Sep 17 00:00:00 2001 From: fschneider Date: Thu, 17 Sep 2015 08:19:38 +0200 Subject: before cherry pick --- pdf-as-web/src/main/resources/template_error.html | 17 +- .../src/main/resources/template_provide.html | 13 +- .../bootstrap-nav2/dist/bootstrap-nav-wizard.css | 1 - pdf-as-web/src/main/webapp/assets/css/style.css | 168 ++++++++++---- pdf-as-web/src/main/webapp/assets/js/dragNdrop.js | 256 +++++++++++++++------ .../main/webapp/assets/js/pdf.js/web/viewer.css | 49 ++-- pdf-as-web/src/main/webapp/index.jsp | 2 +- 7 files changed, 351 insertions(+), 155 deletions(-) diff --git a/pdf-as-web/src/main/resources/template_error.html b/pdf-as-web/src/main/resources/template_error.html index 47ba9c56..21faa082 100644 --- a/pdf-as-web/src/main/resources/template_error.html +++ b/pdf-as-web/src/main/resources/template_error.html @@ -8,20 +8,11 @@ Error Page:

##ERROR_MESSAGE##

##ERROR_STACK##

diff --git a/pdf-as-web/src/main/resources/template_provide.html b/pdf-as-web/src/main/resources/template_provide.html index 28b51ed4..76287404 100644 --- a/pdf-as-web/src/main/resources/template_provide.html +++ b/pdf-as-web/src/main/resources/template_provide.html @@ -7,15 +7,12 @@ PDF ready @: download here diff --git a/pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css b/pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css index 607ae01f..fc6cd7fc 100644 --- a/pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css +++ b/pdf-as-web/src/main/webapp/assets/bootstrap/css/bootstrap-nav2/dist/bootstrap-nav-wizard.css @@ -45,7 +45,6 @@ ul.nav-wizard li { width: 1%; /* New*/ } ul.nav-wizard li a { - color: #468847; padding: 0; } ul.nav-wizard li a:hover { diff --git a/pdf-as-web/src/main/webapp/assets/css/style.css b/pdf-as-web/src/main/webapp/assets/css/style.css index 974ea5e0..5eb1955d 100644 --- a/pdf-as-web/src/main/webapp/assets/css/style.css +++ b/pdf-as-web/src/main/webapp/assets/css/style.css @@ -4,9 +4,128 @@ html { } body { - background-image: url("../img/bg.png"); + /*background-image: url("../img/bg.png"); */ font-family: 'OpenSans', sans-serif; - +} + +/* Colors */ +body { + background-color: #9E9E9E !important; +} + +.container { + background: #9E9E9E; + border: none !important; + box-shadow:none !important; +} + +#PageTitle { + color: white; +} + +.label-info { + background-color: #03A9F4 !important; + color: #212121 !important; +} + +ul.nav-wizard li.active, ul.nav-wizard li.active a { + color: #212121 !important; + background: #03A9F4 !important; +} + +ul.nav-wizard li.active:after { + border-left-color: #03A9F4 !important; +} + +ul.nav-wizard { + border: none !important; +} + +ul.nav-wizard li a { + color: #8BC34A; +} + +.btn-primary { + color: #fff !important; + background-color: #0288D1 !important; + border-color: #0288D1 !important; +} + +.btn-success { + color: #fff !important; + background-color: #8BC34A !important; + border-color: #8BC34A !important; +} + +.has-success .form-control { + border-color: #8BC34A !important; +} + +.has-success .form-control-feedback { + color: #8BC34A !important; +} + +#noPdfMessage +{ + color: #D32F2F !important; +} + +.has-error .form-control { + border-color: #D32F2F !important; +} + +.has-error .form-control-feedback { + color: #D32F2F !important; +} + +#ResultInfoText { + color: white; +} + +#FormBox h5 { + color: white; +} + +.ImageBox { + color: white; +} + +/* Colors End */ + +.ImageBox { + width: 100px; + height: 125px; + text-align:center; +} + +.ImageBox:hover { + cursor:hand; + cursor:pointer; + border: 1px dashed; +} + +#FormBox h5 { + text-align:center; +} + +#ResultInfoText { + margin-left: 2em; + margin-right: 2em; + font-size: 16px; +} + +#PageTitle { + font-weight: bold; + font-size: 150%; +} + +.container { + border: 0.125em solid; + border-color: #66A3FF; + box-shadow: 0em 0em 1em #333333; + margin-bottom: 0em; + margin-left: 5em; + margin-right: 5em; } footer { @@ -252,12 +371,6 @@ ul.nav-wizard li a { margin-left: 0.5em; } -#PageTitle { - color: grey; - font-weight: bold; - font-size: 150%; -} - iframe { border: none; /* min-width:5em; */ @@ -310,13 +423,6 @@ body.wait, body.wait *{ margin-top: 15em;; } -#ResultInfoText { - margin-left: 2em; - margin-right: 2em; - font-size: 16px; - color: #286090; -} - #DownloadResultButton { margin-left: auto; margin-right: auto; @@ -324,18 +430,6 @@ body.wait, body.wait *{ display: block; } -.ImageBox { - width: 100px; - height: 125px; - text-align:center; -} - -.ImageBox:hover { - cursor:hand; - cursor:pointer; - border: 1px dashed; -} - .BKUImage { margin-top: 12px; } @@ -435,10 +529,6 @@ body.wait, body.wait *{ } } -#FormBox h5 { - text-align:center; -} - #FormBox { width: 20em; } @@ -482,17 +572,6 @@ body.wait, body.wait *{ align-items: center; } -.container { - border: 0.125em solid; - border-color: #66A3FF; - background: #E8F4FF; - box-shadow: 0em 0em 1em #333333; - margin-bottom: 0em; - margin-left: 5em; - margin-right: 5em; - -} - .container h3 { font-style: bold; color: #204a87; @@ -547,11 +626,6 @@ body.wait, body.wait *{ z-index: 3000; } -#noPdfMessage -{ - color: red; -} - #ContinueButtonBox { } 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 182f282a..cfca7314 100644 --- a/pdf-as-web/src/main/webapp/assets/js/dragNdrop.js +++ b/pdf-as-web/src/main/webapp/assets/js/dragNdrop.js @@ -360,6 +360,21 @@ function previewFile() { createIframe(); } +// from "Einfach Signieren" +function addDataToForm(data, form) { + var ret = []; + for (var d in data) { + if (typeof data[d] != "undefined") { + var input = document.createElement('input'); + input.type = 'hidden'; + input.name = d; + input.value = data[d]; + form.appendChild(input); + } + } +} + + // //Calls the sign servlet with the provided file and the provided connector and locale // @@ -368,32 +383,154 @@ function sign(file, connector, locale) { alert("No file selected"); return } - var fd = new FormData(); + /*var fd = new FormData(); fd.append("source", "internal"); fd.append("pdf-file", file); fd.append("connector", connector); - fd.append("locale", locale); - - ifr = document.getElementById('iFrame').contentWindow; - if(ifr.isSignaturePlaced()) { //Signature has been manually placed - - console.log("signature manually placed: x: y:" + ifr.global_status.getSignature().posx + ", " + ifr.global_status.getSignature().posy) - fd.append("sig-pos-x", ifr.global_status.getSignature().posx); - fd.append("sig-pos-y", ifr.global_status.getSignature().posy); - fd.append("sig-pos-p", ifr.global_status.getSignature().page); - } - else if(place_on_new_page) - { - console.log("signature will be placed on a new page"); - fd.append("sig-pos-p", "new"); - place_on_new_page = false; - } - else + fd.append("locale", locale); */ + + /*var parameters = { + source: "internal", + pdf-file: file, + connector: connector, + locale: local, + sig-pos-x: null, + sig-pos-y: null, + sig-pos-p: null + }; */ + + var form = document.createElement('form'); + form.method = "POST"; + form.action = "Sign"; + form.target = "mobileSignOnFrame"; + form.enctype = "multipart/form-data"; + + var input = document.createElement('input'); + input.type = 'hidden'; + input.name = "source"; + input.value = "internal"; + form.appendChild(input); + + // used beneath + function uint8ToString(buf) { + var i, length, out = ''; + for (i = 0, length = buf.length; i < length; i += 1) { + out += String.fromCharCode(buf[i]); + } + return out; + } + + // starting the asynchronous things + + begin_convert(file); + + // convert file to b64 string + + function begin_convert(file) { - console.log("signature will be placed on bottom"); + // Read the local file into a Uint8Array. + var fileReader = new FileReader(); + + fileReader.onload = function webViewerChangeFileReaderOnload(evt) + { + var buffer = evt.target.result; + var uint8Array = new Uint8Array(buffer); + + + var b64encoded = btoa(String.fromCharCode.apply(null, uint8Array)); + + var result = uint8ToString(b64encoded); + + + continueFormCreation(result); + + + }; + + console.log("converting to b64.."); + fileReader.readAsArrayBuffer(file); + } + + + function continueFormCreation(result) + { + + input = document.createElement('input'); + input.type = 'hidden'; + input.name = "pdf-file-b64"; + input.value = result; // former: file + form.appendChild(input); + + input = document.createElement('input'); + input.type = 'hidden'; + input.name = "connector"; + input.value = connector; + form.appendChild(input); + + input = document.createElement('input'); + input.type = 'hidden'; + input.name = "locale"; + input.value = locale; + form.appendChild(input); + + ifr = document.getElementById('iFrame').contentWindow; + if(ifr.isSignaturePlaced()) { //Signature has been manually placed + + console.log("signature manually placed: x: y:" + ifr.global_status.getSignature().posx + ", " + ifr.global_status.getSignature().posy) + /*fd.append("sig-pos-x", ifr.global_status.getSignature().posx); + fd.append("sig-pos-y", ifr.global_status.getSignature().posy); + fd.append("sig-pos-p", ifr.global_status.getSignature().page); */ + + /*parameters.sig-pos-x = ifr.global_status.getSignature().posx; + parameters.sig-pos-y = ifr.global_status.getSignature().posy; + parameters.sig-pos-p = ifr.global_status.getSignature().page; */ + + input = document.createElement('input'); + input.type = 'hidden'; + input.name = "sig-pos-x"; + input.value = ifr.global_status.getSignature().posx; + form.appendChild(input); + + input = document.createElement('input'); + input.type = 'hidden'; + input.name = "sig-pos-y"; + input.value = ifr.global_status.getSignature().posy; + form.appendChild(input); + + input = document.createElement('input'); + input.type = 'hidden'; + input.name = "sig-pos-p"; + input.value = ifr.global_status.getSignature().page; + form.appendChild(input); + } + else if(place_on_new_page) + { + console.log("signature will be placed on a new page"); + /*fd.append("sig-pos-p", "new"); */ + /* parameters.sig-pos-p = "new"; */ + + input = document.createElement('input'); + input.type = 'hidden'; + input.name = "sig-pos-p"; + input.value = "new"; + form.appendChild(input); + + place_on_new_page = false; + } + else + { + console.log("signature will be placed on bottom"); + } + + document.body.appendChild(form); + $("#methodContainer").hide(); + $("#mobileSignOnFrame").show(); + form.submit(); + + } - $.ajax({ +/* $.ajax({ url: "Sign", data: fd, processData: false, @@ -434,7 +571,7 @@ function sign(file, connector, locale) { var download_name = file.name.insertAt(insertIndex, "_signed"); $("#DownloadResultButton").attr("download", download_name); - $("#FinishStepButton").click(); */ + $("#FinishStepButton").click(); */ /* $("#methodContainer").hide(); $("#mobileSignOnFrame").show(); $("#mobileSignOnFrame").contents().find('html').empty(); @@ -469,9 +606,9 @@ function sign(file, connector, locale) { $("#closelink").bind("click", function(evt) { $("#fade").remove(); $("#popup").remove(); - });*/ + });*/ /* } - }); + }); */ } // @@ -516,57 +653,34 @@ $(document).ready(function() { } registerEventListeners(); - - // handle server response after signing with mobile / card - - function success(arg) { // called when user successfully signed with mobile / card - //document.getElementById("demo").innerHTML = arg; - console.log("recieved successful response from server, arg: " + arg); - - $("#DownloadResultButton").attr("href", arg); - - var insertIndex = file.name.indexOf(".pdf"); - - var download_name = file.name.insertAt(insertIndex, "_signed"); - $("#DownloadResultButton").attr("download", download_name); - $("#methodContainer").show(); - $("#mobileSignOnFrame").hide(); - $("#FinishStepButton").click(); - - - - }; - function error(arg) { // called when an error appears while user was signing, e.g: abort - //document.getElementById("demo").innerHTML = arg; - console.log("recieved error response from server, arg: " + arg); - - // do something - }; +}); - function handle(event) { // handles the incoming server response - if (event.data.pdfas) { - if (event.data.pdfas.success) { - success(event.data.pdfas.pdfUrl); - } else if (event.data.pdfas.error) { - error(event.data.pdfas.msg); - } - } +function respond(arg, success) { // called when user successfully signed with mobile / card + //document.getElementById("demo").innerHTML = arg; + console.log("recieved response after server contact, arg: " + arg + ", success: " + success); + + + if(!success) + { + window.alert("Server Response Error, please try again"); + $("#SignStepButton").click(); + return; } - - // Creates Listener for server fired event when user finished signing the document on other domain - // Create IE + others compatible event handler - var eventMethod = window.addEventListener - ? "addEventListener" - : "attachEvent"; - var eventer = window[eventMethod]; - var messageEvent = eventMethod == "attachEvent" - ? "onmessage" - : "message"; - - // Listen to message from child window - eventer(messageEvent, handle, false); -}); + + $("#DownloadResultButton").attr("href", arg); + + var insertIndex = file.name.indexOf(".pdf"); + + var download_name = file.name.insertAt(insertIndex, "_signed"); + $("#DownloadResultButton").attr("download", download_name); + $("#methodContainer").show(); + $("#mobileSignOnFrame").hide(); + $("#FinishStepButton").click(); + + + +}; function toggleLanguage() 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 cae4eeb2..effc7b7d 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 @@ -12,6 +12,40 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + + /* Colors */ + + #mainContainer { + + background-color: #9E9E9E; + } + + .btn-primary { + color: #fff !important; + background-color: #0288D1 !important; + border-color: #0288D1 !important; +} + +.btn-success { + color: #fff !important; + background-color: #8BC34A !important; + border-color: #8BC34A !important; +} + + /* Colors End */ + + #mainContainer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + min-width: 10em; + -webkit-transition-duration: 200ms; + -webkit-transition-timing-function: ease; + transition-duration: 200ms; + transition-timing-function: ease; + } .textLayer { position: absolute; @@ -350,20 +384,7 @@ html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer { right: 0px; } -#mainContainer { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - min-width: 10em; - -webkit-transition-duration: 200ms; - -webkit-transition-timing-function: ease; - transition-duration: 200ms; - transition-timing-function: ease; - - background-color: #E8F4FF; -} + input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { diff --git a/pdf-as-web/src/main/webapp/index.jsp b/pdf-as-web/src/main/webapp/index.jsp index dc16f8fd..45ea4fed 100644 --- a/pdf-as-web/src/main/webapp/index.jsp +++ b/pdf-as-web/src/main/webapp/index.jsp @@ -139,7 +139,7 @@ } %> - +