From fd2fc21b7e8d0f532f9376fb77cc761e865455ee Mon Sep 17 00:00:00 2001
From: aliel <ali.elb@gmail.com>
Date: Wed, 11 Sep 2024 10:37:28 +0200
Subject: [PATCH]  * KDB: add progress bar

---
 src/pages/KnowledgeBase.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/pages/KnowledgeBase.vue b/src/pages/KnowledgeBase.vue
index 93f527a..c615c5e 100644
--- a/src/pages/KnowledgeBase.vue
+++ b/src/pages/KnowledgeBase.vue
@@ -161,6 +161,7 @@
         </q-card-section>
       </ltai-dialog>
     </div>
+    <q-linear-progress  v-if="downloadInProgress" indeterminate />
   </section>
 </template>
 <script lang="ts" setup>
@@ -197,6 +198,7 @@ const showRenameKnowledgeBase = ref(false);
 const showDeleteKnowledgeBaseConfirmation = ref(false);
 const showRenameDocument = ref(false);
 const showDeleteDocumentConfirmation = ref(false);
+const downloadInProgress = ref(false);
 
 watch(
   () => route.params.id as string,
@@ -256,6 +258,8 @@ const uploadDocuments = async (event: any) => {
   const encryptionKey = Buffer.from(knowledgeBaseIdentifierRef.value.encryption.key);
   const encryptionIv = Buffer.from(knowledgeBaseIdentifierRef.value.encryption.iv);
 
+  downloadInProgress.value = true;
+
   await Promise.all(
     Array.from(target.files as FileList).map(async (file) => {
       try {
@@ -267,11 +271,14 @@ const uploadDocuments = async (event: any) => {
           ...document,
           store: { item_hash: uploadedFileMessage.item_hash, ipfs_hash: uploadedFileMessage.content.item_hash },
         });
+
+        downloadInProgress.value = false;
       } catch (error) {
         $q.notify({
           message: (error as Error)?.message ?? 'Document processing failed, please try again',
           color: 'negative',
         });
+        downloadInProgress.value = false;
       }
     }),
   );