Update goal progress display in DepartmentGoals.vue to show value/target format and adjust progress bar calculations
This commit is contained in:
@@ -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) }}%
|
||||
|
||||
Reference in New Issue
Block a user