Skip to content
Snippets Groups Projects
Unverified Commit 49de2d69 authored by Bekerle, Patrizio's avatar Bekerle, Patrizio :fire:
Browse files

Add more fields and styling (#13)

parent 092cba01
No related branches found
No related tags found
No related merge requests found
Pipeline #11718 passed
Stage: test
Stage: deploy
Hide whitespace changes
Inline Side-by-side
src/i18n/de/translation.json
+ 5
− 1
View file @ 49de2d69
......@@ -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",
......
src/i18n/en/translation.json
+ 5
− 1
View file @ 49de2d69
......@@ -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",
......
src/vpu-signature-verification.js
+ 35
− 22
View file @ 49de2d69
......@@ -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')}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment