From 2abdc093a15077e7ae3f151ea6452f868e29be17 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 21 Oct 2024 14:04:21 +0700
Subject: [PATCH] fix(05): slip file display

---
 src/pages/05_quotation/ReceiptDialog.vue | 20 ++++++++++++--------
 src/stores/utils/index.ts                | 13 +++++++++++++
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/pages/05_quotation/ReceiptDialog.vue b/src/pages/05_quotation/ReceiptDialog.vue
index 5edc3764..90d47691 100644
--- a/src/pages/05_quotation/ReceiptDialog.vue
+++ b/src/pages/05_quotation/ReceiptDialog.vue
@@ -1,7 +1,12 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
 import { useConfigStore } from 'stores/config';
-import { formatNumberDecimal, commaInput, deleteItem } from 'stores/utils';
+import {
+  formatNumberDecimal,
+  commaInput,
+  deleteItem,
+  convertFileSize,
+} from 'stores/utils';
 import DialogForm from 'src/components/DialogForm.vue';
 import { reactive, ref, watch } from 'vue';
 import { useQuotationPayment } from 'src/stores/quotations';
@@ -61,9 +66,9 @@ watch(
           paymentId: v.id,
           file: [],
         }));
-        console.log(ret);
-        console.log(paymentData.value);
-        console.log(slipFile.value);
+        // console.log(ret);
+        // console.log(paymentData.value);
+        // console.log(slipFile.value);
       }
     }
   },
@@ -470,12 +475,11 @@ watch(
                     class="app-text-muted"
                   />
                   <article class="col column q-pl-md">
-                    {{ console.log(file) }}
                     <span>{{ file.name }}</span>
                     <span class="text-caption app-text-muted-2">
-                      {{ file.size }} •
+                      {{ convertFileSize(file.size) }} •
                       <q-spinner-ios
-                        v-if="i % 2 === 0"
+                        v-if="false"
                         class="q-mx-xs"
                         color="primary"
                         size="1.5em"
@@ -486,7 +490,7 @@ watch(
                         color="positive"
                         size="1rem"
                       />
-                      Uploading...
+                      {{ false ? `Uploading...` : 'Completed' }}
                     </span>
                   </article>
                   <q-btn
diff --git a/src/stores/utils/index.ts b/src/stores/utils/index.ts
index c28e8887..043efd74 100644
--- a/src/stores/utils/index.ts
+++ b/src/stores/utils/index.ts
@@ -445,4 +445,17 @@ export function commaInput(text: string): string {
   return integerPart + (decimalPart ? `.${decimalPart}` : '');
 }
 
+export function convertFileSize(size: number): string {
+  if (size === undefined) return 'Unknow size';
+
+  const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+
+  let i = 0;
+  let sizeNumber = typeof size === 'string' ? parseFloat(size) : size;
+  while (sizeNumber >= 1024 && i++ < units.length - 1) {
+    sizeNumber /= 1024;
+  }
+  return sizeNumber.toFixed(2) + ' ' + units[i];
+}
+
 export default useUtilsStore;