kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(checklist): show green progress circle when all checkboxes are done

This commit is contained in:
kolaente 2026-02-26 17:07:03 +01:00
parent 80759831ec
commit c4ec7f032f
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/tasks/partials/ChecklistSummary.vue
View File

@ -6,6 +6,7 @@
<svg <svg
width="12" width="12"
height="12" height="12"
:class="{'is-all-done': allDone}"
> >
<circle <circle
stroke-width="2" stroke-width="2"
@ -51,9 +52,11 @@ const checklistCircleDone = computed(() => {
return ((100 - progress) / 100) * c return ((100 - progress) / 100) * c
}) })
const allDone = computed(() => checklist.value.total === checklist.value.checked)
const {t} = useI18n({useScope: 'global'}) const {t} = useI18n({useScope: 'global'})
const label = computed(() => { const label = computed(() => {
return checklist.value.total === checklist.value.checked return allDone.value
? t('task.checklistAllDone', checklist.value) ? t('task.checklistAllDone', checklist.value)
: t('task.checklistTotal', checklist.value) : t('task.checklistTotal', checklist.value)
}) })
@ -81,4 +84,10 @@ circle {
stroke: var(--primary); stroke: var(--primary);
} }
} }
svg.is-all-done circle {
&:last-child {
stroke: var(--success);
}
}
</style> </style>