diff --git a/src/i18n/de/translation.json b/src/i18n/de/translation.json index cc46492e86af2c0592707682825958915e1fa963..a0212820c19c21bb987577953411833e3fe1c72b 100644 --- a/src/i18n/de/translation.json +++ b/src/i18n/de/translation.json @@ -95,7 +95,11 @@ "re-upload-all-button-title": "Alle fehlgeschlagen Uploads erneut hochladen", "file-label": "Dokument", "given-name": "Vorname", - "last-name": "Nachname" + "last-name": "Nachname", + "nationality": "Nationalität", + "serial-number": "Seriennummer", + "value-message": "Überprüfung", + "no-signatures-found": "Es wurden keine Signaturen gefunden" }, "pdf-preview": { "first": "Erste", diff --git a/src/i18n/en/translation.json b/src/i18n/en/translation.json index 393bdca607000bbc408772c6d93908fe2aae8521..f80198c0fd938fab61f2f991f1de6b5e4e053727 100644 --- a/src/i18n/en/translation.json +++ b/src/i18n/en/translation.json @@ -95,7 +95,11 @@ "re-upload-all-button-title": "Upload all failed uploads again", "file-label": "document", "given-name": "Given name", - "last-name": "Last name" + "last-name": "Last name", + "nationality": "Nationality", + "serial-number": "Serial number", + "value-message": "Verification", + "no-signatures-found": "No signatures were found" }, "pdf-preview": { "first": "First", diff --git a/src/vpu-signature-verification.js b/src/vpu-signature-verification.js index e90c97096f9a5ad112fd59abf5c4a4b3e3e4742f..1a7d7e15e825b015c4de25a270bad32f478db4d3 100644 --- a/src/vpu-signature-verification.js +++ b/src/vpu-signature-verification.js @@ -530,6 +530,10 @@ class SignatureVerification extends ScopedElementsMixin(VPUSignatureLitElement) margin-top: 10px; } + .verified-files .file-block { + max-width: inherit; + } + /* Handling for small displays (like mobile devices) */ @media (max-width: 680px) { /* Modal preview, upload and external auth */ @@ -620,6 +624,9 @@ class SignatureVerification extends ScopedElementsMixin(VPUSignatureLitElement) <tr> <td>${signature.givenName}</td> <td>${signature.familyName}</td> + <td>${signature.nationality}</td> + <td>${signature.serialNumber}</td> + <td>${signature.valueMessage}</td> </tr> `); }); @@ -629,15 +636,21 @@ class SignatureVerification extends ScopedElementsMixin(VPUSignatureLitElement) <div class="header"> <span class="filename"><strong>${report.name}</strong></span> </div> - <table class="signatures"> + <table class="signatures ${classMap({hidden: signatures.length === 0})}"> <thead> <th>${i18n.t('signature-verification.given-name')}</th> <th>${i18n.t('signature-verification.last-name')}</th> + <th>${i18n.t('signature-verification.nationality')}</th> + <th>${i18n.t('signature-verification.serial-number')}</th> + <th>${i18n.t('signature-verification.value-message')}</th> </thead> <tbody> ${signatures} </tbody> </table> + <div class="${classMap({hidden: signatures.length !== 0})}"> + ${i18n.t('signature-verification.no-signatures-found')} + </div> </div> `); }); @@ -709,7 +722,7 @@ class SignatureVerification extends ScopedElementsMixin(VPUSignatureLitElement) ></vpu-fileupload> </div> </div> - <div id="grid-container"> + <div id="grid-container"> <div class="left-container"> <div class="files-block field ${classMap({hidden: !this.queueBlockEnabled})}"> <!-- Queued files headline and queueing spinner --> @@ -729,10 +742,10 @@ class SignatureVerification extends ScopedElementsMixin(VPUSignatureLitElement) <button @click="${() => { this.verificationProcessEnabled = true; this.verificationProcessActive = true; }}" ?disabled="${this.queuedFilesCount === 0}" class="button is-right is-primary ${classMap( - { - "is-disabled": this.isUserInterfaceDisabled(), - hidden: this.verificationProcessActive - })}"> + { + "is-disabled": this.isUserInterfaceDisabled(), + hidden: this.verificationProcessActive + })}"> ${i18n.t('signature-verification.start-verification-process-button')} </button> <!-- --> @@ -754,22 +767,6 @@ class SignatureVerification extends ScopedElementsMixin(VPUSignatureLitElement) ${i18n.t('signature-verification.queued-files-empty2')} </div> </div> - <!-- List of verified PDFs --> - <div class="files-block field ${classMap({hidden: this.verifiedFilesCount === 0, "is-disabled": this.isUserInterfaceDisabled()})}"> - <h2>${i18n.t('signature-verification.verified-files-label')}</h2> - <!-- Button to clear verified PDFs --> - <div class="field ${classMap({hidden: this.verifiedFilesCount === 0})}"> - <div class="control"> - <button @click="${this.clearVerifiedFiles}" - class="button"> - ${i18n.t('signature-verification.clear-all')} - </button> - </div> - </div> - <div class="control"> - ${this.getVerifiedFilesHtml()} - </div> - </div> <!-- List of errored files --> <div class="files-block error-files field ${classMap({hidden: this.errorFilesCount === 0, "is-disabled": this.isUserInterfaceDisabled()})}"> <h2>${i18n.t('signature-verification.error-files-label')}</h2> @@ -819,6 +816,22 @@ class SignatureVerification extends ScopedElementsMixin(VPUSignatureLitElement) </div> </div> </div> + <!-- List of verified PDFs --> + <div class="verified-files files-block field ${classMap({hidden: this.verifiedFilesCount === 0, "is-disabled": this.isUserInterfaceDisabled()})}"> + <h2>${i18n.t('signature-verification.verified-files-label')}</h2> + <!-- Button to clear verified PDFs --> + <div class="field ${classMap({hidden: this.verifiedFilesCount === 0})}"> + <div class="control"> + <button @click="${this.clearVerifiedFiles}" + class="button"> + ${i18n.t('signature-verification.clear-all')} + </button> + </div> + </div> + <div class="control"> + ${this.getVerifiedFilesHtml()} + </div> + </div> </div> <div class="notification is-warning ${classMap({hidden: this.isLoggedIn() || this.isLoading()})}"> ${i18n.t('error-login-message')}