Update goal progress display in DepartmentGoals.vue to show value/target format and adjust progress bar calculations

This commit is contained in:
Jeppe Bundgaard
2026-01-28 20:07:05 +01:00
parent f8c0925fef
commit 083c53e75f
@@ -270,12 +270,12 @@ const onTestAlert = async (goal) => {
<div class="mb-5">
<div class="is-flex is-justify-content-space-between mb-2">
<span class="is-size-7 has-text-weight-semibold">Fremskridt</span>
<span class="is-size-7 has-text-weight-bold">{{ getGoalProgress(goal) }}%</span>
<span class="is-size-7 has-text-weight-bold"><small>{{ goal.progress.value }}/{{ goal.criteria.target }}</small></span>
</div>
<progress
class="progress is-small mb-0"
:value="getGoalProgress(goal)"
max="100"
:value="goal.progress.value"
:max="goal.criteria.target"
:class="getProgressClass(getGoalProgress(goal))"
>
{{ getGoalProgress(goal) }}%