diff --git a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml index 6f7b7daa..479cf3cd 100644 --- a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml +++ b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml @@ -45,7 +45,22 @@ - @* *@ + +
+ + +
diff --git a/EnvelopeGenerator.Web/wwwroot/css/site.css b/EnvelopeGenerator.Web/wwwroot/css/site.css index 3fc2c305..87a4b309 100644 --- a/EnvelopeGenerator.Web/wwwroot/css/site.css +++ b/EnvelopeGenerator.Web/wwwroot/css/site.css @@ -7,9 +7,26 @@ #app { background: gray; width: 100vw; - height: 1vh; + height: 80vh; } +.btn-group { + margin-right: 10vw; + margin-bottom: 10vh; +} +.btn_refresh, .btn_complete { + height:4vh +} +.btn_refresh { +} +.btn_complete{ +} +.btn_complete .icon { + width: 2vh; +} +.btn_complete span { + vertical-align: middle; +} .button-finish { transition: background-color linear 300ms; diff --git a/EnvelopeGenerator.Web/wwwroot/js/app.js b/EnvelopeGenerator.Web/wwwroot/js/app.js index 01e6e6f5..ed83d568 100644 --- a/EnvelopeGenerator.Web/wwwroot/js/app.js +++ b/EnvelopeGenerator.Web/wwwroot/js/app.js @@ -65,7 +65,6 @@ class App { ) // Load annotations into PSPDFKit - try { this.signatureCount = this.currentDocument.elements.length const annotations = this.Annotation.createAnnotations( @@ -84,6 +83,10 @@ class App { } } catch (e) { } + + //add click events of external buttons + [...document.getElementsByClassName('btn_refresh')].forEach(btn => btn.addEventListener('click', _ => this.handleClick('RESET'))); + [...document.getElementsByClassName('btn_complete')].forEach(btn => btn.addEventListener('click', _ => this.handleClick('FINISH'))); } handleAnnotationsLoad(loadedAnnotations) { @@ -165,7 +168,6 @@ class App { } async handleFinish(event) { - const validationResult = await this.validateAnnotations(this.signatureCount) if (validationResult === false) { Swal.fire({ diff --git a/EnvelopeGenerator.Web/wwwroot/js/ui.js b/EnvelopeGenerator.Web/wwwroot/js/ui.js index 631eaacb..7ebd9047 100644 --- a/EnvelopeGenerator.Web/wwwroot/js/ui.js +++ b/EnvelopeGenerator.Web/wwwroot/js/ui.js @@ -68,6 +68,7 @@ } getCustomItems = function (callback) { + return [] return [ { type: 'custom',