feat: improved backgroundTracking

This commit is contained in:
Matthias 2024-11-05 20:20:58 +01:00
parent e012da9d18
commit 07a97501fb
2 changed files with 8 additions and 2 deletions

View File

@ -7,7 +7,13 @@ const { runningJobs } = useBackgroundJob();
<BListGroupItem v-for="(job, key) in runningJobs" :key="key" class="d-flex gap-2" :title="key"> <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'" /> <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 /> <BProgress class="w-100 flex-grow" :value="job.progress" show-progress :max="100" striped />
</BListGroupItem> </BListGroupItem>
</BListGroup> </BListGroup>

View File

@ -42,7 +42,7 @@ async function startDownload() {
<template> <template>
<div class="container"> <div class="container">
<BackgroundJobTracking /> <BackgroundJobTracking class="mb-4" />
<BCard header="Downloading Data"> <BCard header="Downloading Data">
<div class="d-flex px-3 mb-3 gap-3 flex-column flex-lg-column"> <div class="d-flex px-3 mb-3 gap-3 flex-column flex-lg-column">
<div class="d-flex flex-row gap-5"> <div class="d-flex flex-row gap-5">