From 07a97501fb282f1f2e65aeec4c07ea2f6740a011 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Tue, 5 Nov 2024 20:20:58 +0100
Subject: [PATCH] feat: improved backgroundTracking

---
 src/components/ftbot/BackgroundJobTracking.vue | 8 +++++++-
 src/components/ftbot/DownloadDataMain.vue      | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/BackgroundJobTracking.vue b/src/components/ftbot/BackgroundJobTracking.vue
index 064dda32..438fe040 100644
--- a/src/components/ftbot/BackgroundJobTracking.vue
+++ b/src/components/ftbot/BackgroundJobTracking.vue
@@ -7,7 +7,13 @@ const { runningJobs } = useBackgroundJob();
     <BListGroupItem v-for="(job, key) in runningJobs" :key="key" class="d-flex gap-2" :title="key">
       <i-mdi-download-box-outline v-if="job.job_category === 'download_data'" />
 
-      <div>{{ job.job_category }} {{ job.status }} {{ job.progress }}</div>
+      <span v-else>{{ job.job_category }}</span>
+      <div class="d-flex justify-content-between w-25">
+        <i-mdi-check v-if="job.status === 'success'" class="text-success" title="" />
+        <span v-else>{{ job.status }} </span>
+
+        <span class="w-25">{{ job.progress }}</span>
+      </div>
       <BProgress class="w-100 flex-grow" :value="job.progress" show-progress :max="100" striped />
     </BListGroupItem>
   </BListGroup>
diff --git a/src/components/ftbot/DownloadDataMain.vue b/src/components/ftbot/DownloadDataMain.vue
index fb69fc26..c4036564 100644
--- a/src/components/ftbot/DownloadDataMain.vue
+++ b/src/components/ftbot/DownloadDataMain.vue
@@ -42,7 +42,7 @@ async function startDownload() {
 
 <template>
   <div class="container">
-    <BackgroundJobTracking />
+    <BackgroundJobTracking class="mb-4" />
     <BCard header="Downloading Data">
       <div class="d-flex px-3 mb-3 gap-3 flex-column flex-lg-column">
         <div class="d-flex flex-row gap-5">