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()"> {{ 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"> {