Add more text, styling and upload log (VPU/Middleware/API#40)

src/i18n/de/translation.json

@@ -4,125 +4,15 @@
     "word2": "Technik",
     "word3": "Leidenschaft"
   },
-  "person-select": {
-    "headline": "Person"
-  },
-  "signature-book-offer-select": {
-    "headline": "Buch"
-  },
-  "organization-select": {
-    "label": "Institut"
-  },
   "pdf-upload": {
-    "button-refresh-title": "Aufstellung von {{name}} erneut laden"
+    "field-label": "PDF Dateien zum Signieren hochladen",
+    "upload-area-text": "Sie können in diesem Bereich PDF Dateien per Drag & Drop oder per Direktauswahl hochladen",
+    "upload-button-label": "PDF Dateien auswählen"
   },
   "welcome": {
     "headline": "Willkommen beim Amtssignaturservice der TU Graz",
     "description": "Mit dieser Applikation können Sie, sofern Sie dazu berechtigt sind, PDF Dateien im Namen der TU Graz signieren"
   },
-  "create-loan": {
-    "info-no-existing-loans-summary": "Keine bestehenden Entlehnungen",
-    "info-no-existing-loans-body": "Es wurden keine bestehenden Entlehnungen gefunden, das Buch kann entlehnt werden.",
-    "error-existing-loans-summary": "Bestehende Entlehnung!",
-    "error-existing-loans-body": "Es wurde eine bestehende Entlehnung gefunden, das Buch kann nicht entlehnt werden!",
-    "submit": "Buch entlehnen",
-    "mini-spinner-text": "Entlehnungen werden geladen...",
-    "success-summary": "Buchentlehnung erfolgreich",
-    "success-body": "Das Buch wurde erfolgreich entlehnt.",
-    "button-refresh-title": "Entlehnungen von {{name}} erneut überprüfen"
-  },
-  "return-book": {
-    "error-no-existing-loans-summary": "Keine bestehenden Entlehnungen",
-    "error-no-existing-loans-body": "Es wurden keine bestehenden Entlehnungen gefunden!",
-    "info-existing-loans-summary": "Bestehende Entlehnung!",
-    "info-existing-loans-body": "Es wurden eine bestehende Entlehnung gefunden, das Buch kann zurückgegeben werden!",
-    "submit": "Buch zurückgeben",
-    "mini-spinner-text": "Entlehnungen werden geladen...",
-    "success-summary": "Buchrückgabe erfolgreich",
-    "success-body": "Das Buch von {{personName}} wurde erfolgreich zurückgegeben.",
-    "borrower": "Entlehner",
-    "user-name-unknown": "Unbekannt",
-    "button-refresh-title": "Entlehnung von {{name}} erneut laden"
-  },
-  "renew-loan": {
-    "no-loans": "Es wurden keine bestehenden Entlehnungen gefunden!",
-    "book": "Buch",
-    "error-load-loans-summary": "Fehler beim Laden der Entlehnungen",
-    "end-date": "Rückgabedatum",
-    "loans": "Entlehnungen",
-    "renew-loan": "Entlehnung verlängern",
-    "mini-spinner-text": "Entlehnungen werden geladen...",
-    "error-renew-loan-summary": "Fehler beim Verlängern",
-    "info-renew-loan-success-summary": "Verlängern erfolgreich",
-    "info-renew-loan-success-body": "Das Verlängern der Entlehnung war erfolgreich.",
-    "error-renew-loan-date-in-past": "Enddatum darf nicht in der Vergangenheit liegen!",
-    "button-refresh-title": "Entlehnungen von {{personName}} erneut laden",
-    "contact-value": "EMail",
-    "contact-title": "Per EMail Kontakt mit {{personName}} aufnehmen",
-    "contact-subject": "Entlehnung von: {{bookName}}"
-  },
-  "book-list": {
-    "no-books": "Es sind keine Bücher vorhanden.",
-    "mini-spinner-text": "Bücher werden geladen...",
-    "books": "Bücher",
-    "export-name": "Buchliste {{organizationCode}}",
-    "book-title": "Titel",
-    "book-author": "Autor",
-    "book-isbn": "ISBN",
-    "book-barcode": "Barcode",
-    "book-location": "Ort",
-    "book-location-identifier": "Aufstellung",
-    "book-description": "Beschreibung",
-    "book-publication-year": "Erscheinungsjahr",
-    "book-publisher": "Verlag",
-    "book-availability-date": "Inventarisierungsdatum",
-    "location-identifier-select-placeholder": "Bitte wählen Sie eine Aufstellung aus um die Büchsterliste einzuschränken",
-    "book-inventory-year": "Inventarisierungsjahr",
-    "inventory-year-select-placeholder": "Bitte wählen Sie ein Inventarisierungsjahr aus um die Büchsterliste einzuschränken",
-    "error-load-books": "Liste der Bücher konnte nicht geladen werden",
-    "current-state": "Stand"
-  },
-  "loan-list": {
-    "no-loans": "Es sind keine Entlehnungen vorhanden.",
-    "mini-spinner-text": "Entlehnungen werden geladen...",
-    "loans": "Entlehnungen",
-    "export-name": "Entlehnungen {{organizationCode}}",
-    "overdue-only": "Nur überfällige Entlehnungen anzeigen",
-    "open-only": "Nur offene Entlehnungen anzeigen",
-    "borrower-name": "Entlehner",
-    "book-author": "Autor/Herausgeber",
-    "start-date": "Entlehndatum",
-    "due-date": "Fällig am",
-    "return-date": "Rückgegeben am",
-    "error-load-loans": "Liste der Entlehnungen konnte nicht geladen werden",
-    "error-load-loan": "Entlehnung konnte nicht geladen werden",
-    "current-state": "Stand"
-  },
-  "order-list": {
-    "export-name": "Buchbestellungen {{organizationCode}}",
-    "error-load-orders": "Liste der Bestellungen konnte nicht geladen werden",
-    "mini-spinner-text": "Bestellungen werden geladen...",
-    "order-date": "Bestelldatum",
-    "delivery-date": "Lieferdatum",
-    "order-status": "Status",
-    "order-number": "Bestellnummer",
-    "book-price": "Preis",
-    "receiving -note": "Eingangsnotiz",
-    "current-state": "Stand",
-    "sum-of-column": "Summe der Spalte"
-  },
-  "location-identifier": {
-    "headline": "Identifikator zur Aufstellung",
-    "placeholder": "Bitte geben Sie den Identifikator um das Buch aufzustellen ein",
-    "submit": "Abschicken"
-  },
-  "select-organization": {
-    "placeholder": "Bitte wählen Sie ein Institut aus",
-    "loading": "Wird geladen...",
-    "load-error": "Fehler beim Laden der Organisation"
-  },
-  "success-summary": "Buchaufstellung erfolgreich",
-  "success-body": "Das Buch \"{{name}}\" wurde erfolgreich aufgestellt.",
   "error-summary": "Ein Fehler ist aufgetreten",
   "error-permission-message": "Sie müssen das Recht auf Amtssignaturen besitzen um diese Funktion nutzen zu können!",
   "error-login-message": "Sie müssen eingeloggt sein um diese Funktion nutzen zu können!",

src/i18n/en/translation.json

@@ -4,125 +4,15 @@
     "word2": "Passion",
     "word3": "Technology"
   },
-  "person-select": {
-    "headline": "Person"
-  },
-  "signature-book-offer-select": {
-    "headline": "Book"
-  },
-  "organization-select": {
-    "label": "Institute"
-  },
   "pdf-upload": {
-    "button-refresh-title": "Load pdf-upload from {{name}} again"
+    "field-label": "Upload PDF files to sign",
+    "upload-area-text": "In this area you can upload PDF files via Drag & Drop or by selecting them directly",
+    "upload-button-label": "Select PDF files"
   },
   "welcome": {
     "headline": "Welcome to the official signature service of the TU Graz",
     "description": "With this application you can, provided you are authorized to do so, sign PDF files in the name of the TU Graz"
   },
-  "create-loan": {
-    "info-no-existing-loans-summary": "No existing loans",
-    "info-no-existing-loans-body": "No existing loans were found, a new one can be created.",
-    "error-existing-loans-summary": "Existing loan was found!",
-    "error-existing-loans-body": "Existing loan was found, a new one cannot be created!",
-    "submit": "Loan book",
-    "mini-spinner-text": "Loading loans...",
-    "success-summary": "Book loan creation successful",
-    "success-body": "The book loan creation successful.",
-    "button-refresh-title": "Check loans of {{name}} again"
-  },
-  "return-book": {
-    "error-no-existing-loans-summary": "No existing loans",
-    "error-no-existing-loans-body": "No existing loans were found!",
-    "info-existing-loans-summary": "Existing loan was found!",
-    "info-existing-loans-body": "Existing loan was found, it can be returned!",
-    "submit": "Return book",
-    "mini-spinner-text": "Loading loans...",
-    "success-summary": "Book returned successfully",
-    "success-body": "The book from {{personName}} was successfully returned.",
-    "borrower": "Borrower",
-    "user-name-unknown": "Unknown",
-    "button-refresh-title": "Load loans of {{name}} again"
-  },
-  "renew-loan": {
-    "no-loans": "No existing loans were found!",
-    "book": "Book",
-    "error-load-loans-summary": "Error on loading loans",
-    "end-date": "Return date",
-    "loans": "Loans",
-    "renew-loan": "Renew loan",
-    "mini-spinner-text": "Loading loans...",
-    "error-renew-loan-summary": "Renewal failed",
-    "info-renew-loan-success-summary": "Renewal successfull",
-    "info-renew-loan-success-body": "The renewal of the loan was successful.",
-    "error-renew-loan-date-in-past": "End time may not be in the past!",
-    "button-refresh-title": "Load loans from {{personName}} again",
-    "contact-value": "EMail",
-    "contact-title": "Contact {{personName}} via email",
-    "contact-subject": "Loaning of: {{bookName}}"
-  },
-  "book-list": {
-    "no-books": "There are no books.",
-    "mini-spinner-text": "Loading books...",
-    "books": "Books",
-    "export-name": "Books {{organizationCode}}",
-    "book-title": "Title",
-    "book-author": "Author",
-    "book-isbn": "ISBN",
-    "book-barcode": "Barcode",
-    "book-location": "Place",
-    "book-location-identifier": "Location",
-    "book-description": "Description",
-    "book-publication-year": "Publication year",
-    "book-publisher": "Publisher",
-    "book-availability-date": "Availability date",
-    "location-identifier-select-placeholder": "Please select a location to restrict the book list",
-    "book-inventory-year": "Availability year",
-    "inventory-year-select-placeholder": "Please select a availability year to restrict the book list",
-    "error-load-books": "List of books could not be loaded",
-    "current-state": "State"
-  },
-  "loan-list": {
-    "no-loans": "There are no books.",
-    "mini-spinner-text": "Loading loans...",
-    "loans": "Loans",
-    "export-name": "Loans {{organizationCode}}",
-    "overdue-only": "Show overdue loans only",
-    "open-only": "Show open loans only",
-    "borrower-name": "Borrower",
-    "book-author": "Author/Publisher",
-    "start-date": "Start date",
-    "due-date": "Due date",
-    "return-date": "Return date",
-    "error-load-loans": "List of loans could not be loaded",
-    "error-load-loan": "Loan could not be loaded",
-    "current-state": "State"
-  },
-  "order-list": {
-    "export-name": "Orders {{organizationCode}}",
-    "error-load-orders": "List of orders could not be loaded",
-    "mini-spinner-text": "Loading order...",
-    "order-date": "Order date",
-    "delivery-date": "Delivery date",
-    "order-status": "Status",
-    "order-number": "Order  number",
-    "book-price": "Price",
-    "receiving -note": "Receiving -note",
-    "current-state": "State",
-    "sum-of-column": "Sum of column"
-  },
-  "location-identifier": {
-    "headline": "Identifier for book placement",
-    "placeholder": "Please enter the identifier to place the book",
-    "submit": "Send"
-  },
-  "select-organization": {
-    "placeholder": "Please select an organization",
-    "loading": "Loading...",
-    "load-error": "Error loading the organization"
-  },
-  "success-summary": "Book lineup successful",
-  "success-body": "The book lineup for \"{{name}}\" was successful.",
   "error-summary": "An error occurred",
   "error-permission-message": "You need have permissions to use the official signature to use this function!",
   "error-login-message": "You need to be logged in to use this function!",

src/vpu-signature-pdf-upload.js

@@ -33,7 +33,19 @@ class SignaturePdfUpload extends VPUSignatureLitElement {
         super.connectedCallback();
 
         this.updateComplete.then(()=>{
+            this.shadowRoot.querySelectorAll('vpu-fileupload')
+                .forEach(element => {
+                    element.addEventListener('vpu-fileupload-finished', this.addLogEntry.bind(this));
                 });
+        });
+    }
+
+    addLogEntry(ev) {
+        const ul = this.shadowRoot.querySelector('#log');
+        const li = document.createElement('li');
+        li.innerHTML = `<b>${ev.detail.status}</b> <tt>${ev.detail.filename}</tt>`;
+
+        ul.appendChild(li);
     }
 
     update(changedProperties) {
@@ -78,14 +90,15 @@ class SignaturePdfUpload extends VPUSignatureLitElement {
 
             <form class="${classMap({hidden: !this.isLoggedIn() || !this.hasSignaturePermissions()})}">
                 <div class="field">
-                    <label class="label">${i18n.t('pdf-upload.label')}</label>
+                    <label class="label">${i18n.t('pdf-upload.field-label')}</label>
                     <div class="control">
                         <vpu-fileupload lang="${this.lang}" url="${this.entryPointUrl}/pdf_official_signing_actions" accept="application/pdf"
-                            text="Einreichung als PDF" button-label="PDF auswählen"></vpu-fileupload>
+                            text="${i18n.t('pdf-upload.upload-area-text')}" button-label="${i18n.t('pdf-upload.upload-button-label')}"></vpu-fileupload>
                     </div>
                 </div>
 
             </form>
+            <div id="log"></div>
             <div class="notification is-warning ${classMap({hidden: this.isLoggedIn()})}">
                 ${i18n.t('error-login-message')}
             </div>

file-upload @ ca511205

-Subproject commit a7ba29585ca0662025de96a4e01a9c5b44dd69ba
+Subproject commit ca511205f4ba5f399a3fcf9401a7b3749b8f72cd