scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-03-10 14:46:42 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix progress bar value when Experiment has no tasks [SCI-10333]

Browse source
This commit is contained in:
sboursen-scinote 2024-03-01 03:20:35 +01:00
parent 1abd370d3e
commit 1ee2025e40
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/javascript/vue/experiments/renderers/completed_tasks.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="relative leading-5 h-full flex items-center">
<div>
<div>
{{ i18n.t('experiments.card.completed_value', {
completed: params.data.completed_tasks,
all: params.data.total_tasks
@ -8,7 +8,7 @@
<div class="py-1">
<div class="w-24 h-1 bg-sn-light-grey">
<div class="h-full bg-sn-blue" :style="{
width: params.data.completed_tasks / params.data.total_tasks * 100 + '%'
width: `${progress}%`
}"></div>
</div>
</div>
@ -24,5 +24,14 @@ export default {
required: true,
},
},
computed: {
progress() {
const { completed_tasks: completedTasks, total_tasks: totalTasks } = this.params.data;
if (totalTasks === 0) return 0;
return (completedTasks / totalTasks) * 100;
}
}
};
</script>