From 714dd065c0baa758cc3b975a2fdc86e45a0f469a Mon Sep 17 00:00:00 2001
From: Daniele Guido <gui.daniele@gmail.com>
Date: Mon, 18 Nov 2024 16:25:45 +0100
Subject: [PATCH] hotfix: add back progress bar for jobs

---
 src/components/modules/lists/JobItem.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/modules/lists/JobItem.vue b/src/components/modules/lists/JobItem.vue
index dd90a109..dfe43825 100644
--- a/src/components/modules/lists/JobItem.vue
+++ b/src/components/modules/lists/JobItem.vue
@@ -41,6 +41,19 @@
         {{ $t('actions.searchMore') }}<Icon name="search" :scale="0.5" :stroke-width="2" />
       </button>
     </blockquote>
+    <div class="text-white number" v-if="item.isRunning()">&nbsp;{{ percentage }} %</div>
+    <div class="p-2 position-relative" v-if="item.isRunning()">
+      <div class="progress">
+        <div
+          class="progress-bar bg-success progress-bar-animated"
+          role="progressbar"
+          aria-valuemin="0"
+          aria-valuemax="100"
+          :aria-valuenow="percentage"
+          :style="`width: ${percentage}%; height: 4px;`"
+        ></div>
+      </div>
+    </div>
     <b-button
       v-if="props.item.isExportable()"
       variant="outline-success"
@@ -81,7 +94,9 @@ const props = defineProps({
     default: ''
   }
 })
-
+const percentage = computed(() => {
+  return Math.round((props.item.progress || 0) * 100)
+})
 const hasSearchQuery = computed(() => {
   return !!props.item.extra.query
 })
@@ -134,6 +149,9 @@ span.DON {
   padding: 0 4px;
   border-radius: 2px;
 }
+.progress {
+  height: 4px;
+}
 </style>
 <i18n lang="json">
 {