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

fix: only show collapse button when task has subtasks 

Use task.relatedTasks?.subtask?.length instead of task.relatedTasks
to prevent showing collapse buttons on tasks without subtasks.
This commit is contained in:
sjin.on.ca@gmail.com 2026-06-11 17:02:46 +01:00
parent db1e51428b
commit eddd478de7
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/tasks/partials/SingleTaskInProject.vue
View File

@ -179,7 +179,7 @@
</BaseButton> </BaseButton>
<slot /> <slot />
<button <button
v-if="hasSubtasks" v-if="task.relatedTasks?.subtask?.length"
class="collapse-toggle" class="collapse-toggle"
:class="{ 'is-collapsed': isCollapsed }" :class="{ 'is-collapsed': isCollapsed }"
@click.stop="toggleCollapse" @click.stop="toggleCollapse"
@ -188,7 +188,7 @@
<Icon icon="chevron-down" /> <Icon icon="chevron-down" />
</button> </button>
</div> </div>
<template v-if="hasSubtasks && !isCollapsed"> <template v-if="task.relatedTasks?.subtask?.length && !isCollapsed">
<template v-for="subtask in task.relatedTasks.subtask"> <template v-for="subtask in task.relatedTasks.subtask">
<template v-if="getTaskById(subtask.id)"> <template v-if="getTaskById(subtask.id)">
<single-task-in-project <single-task-in-project
@ -265,8 +265,8 @@ watch(collapseAll, (newVal) => {
}) })
const hasSubtasks = computed(() => { const hasSubtasks = computed(() => {
return typeof props.theTask.relatedTasks?.subtask !== 'undefined' && return typeof task.value.relatedTasks?.subtask !== 'undefined' &&
props.theTask.relatedTasks.subtask.length > 0 task.value.relatedTasks.subtask.length > 0
}) })
function toggleCollapse() { function toggleCollapse() {