Show indicators while files are queued (#5)

src/vpu-qualified-signature-pdf-upload.js

@@ -28,6 +28,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
         this.errorFiles = [];
         this.errorFilesCount = 0;
         this.uploadInProgress = false;
+        this.queueingInProgress = false;
         this.uploadStatusFileName = "";
         this.uploadStatusText = "";
         this.currentFile = {};
@@ -67,6 +68,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
             errorFiles: { type: Array, attribute: false },
             errorFilesCount: { type: Number, attribute: false },
             uploadInProgress: { type: Boolean, attribute: false },
+            queueingInProgress: { type: Boolean, attribute: false },
             uploadStatusFileName: { type: String, attribute: false },
             uploadStatusText: { type: String, attribute: false },
             externalAuthInProgress: { type: Boolean, attribute: false },
@@ -132,17 +134,6 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
         this.uploadInProgress = false;
     }
 
-    async startUpload(event) {
-        // this.signaturePlacementInProgress = false;
-        const data = event.detail;
-        console.log(data);
-
-        this.uploadInProgress = true;
-        // TODO: add parameters with the signature position and so on
-        await this._("#file-upload").uploadFile(this.currentFile, data);
-        this.uploadInProgress = false;
-    }
-
     storePDFData(event) {
         const data = event.detail;
         console.log(data);
@@ -230,8 +221,16 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
      * @param ev
      */
     onAllUploadStarted(ev) {
-        console.log("Start upload process!");
-        this.uploadInProgress = true;
+        console.log("Start queuing process!");
+        this.queueingInProgress = true;
+    }
+
+    /**
+     * @param ev
+     */
+    onAllUploadFinished(ev) {
+        console.log("Finished queuing process!");
+        this.queueingInProgress = false;
     }
 
     /**
@@ -277,14 +276,6 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
         }
     }
 
-    /**
-     * @param ev
-     */
-    onAllUploadFinished(ev) {
-        console.log("Finished upload process!");
-        this.uploadInProgress = false;
-    }
-
     update(changedProperties) {
         changedProperties.forEach((oldValue, propName) => {
             switch (propName) {
@@ -583,7 +574,12 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
                 <div id="grid-container">
                     <div class="left-container">
                         <div class="files-block field ${classMap({hidden: !this.queueBlockEnabled})}">
-                            <h2>${i18n.t('qualified-pdf-upload.queued-files-label')}</h2>
+                            <h2>
+                                ${i18n.t('qualified-pdf-upload.queued-files-label')}
+                                <vpu-mini-spinner id="queueing-in-progress-spinner"
+                                                  style="font-size: 0.7em"
+                                                  class="${classMap({hidden: !this.queueingInProgress})}"></vpu-mini-spinner>
+                            </h2>
                             <div class="control">
                                 ${this.getQueuedFilesHtml()}
                             </div>

file-upload @ 621ee9f8

-Subproject commit 08c606bcc34d462cb3ce1dc4876240c220ca6a50
+Subproject commit 621ee9f8b75b5224538b5f95fbfe9a1f9f9de8d6