Hiding substasks from a task.

[manfrombar]

I would like to know if there is any way to hide the substacks from specific tasks. I mean keeping the task and hiding the subtasks. Thanks

[blacksmithgu]

I don't think this is easily done currently - it will be doable via DataviewJS soon by manual filtering / dv.taskList, though support is not present yet.

[jqhoogland]

This works (you can just use standard JS in the dataview codeblock):

```dataviewjs

const pages = dv.pages('"/"').file.tasks.where(t => !t.completed && t.text.includes("#now"))
pages.values = pages.values.map(t => ({...t, subtasks: t.subtasks.values.filter(st => !st.completed)}))
dv.taskList(pages)

```

In the first line, filter for uncompleted tasks with the tag #now.
Then, for all matches, filter the subtasks to show only completed (edit: uncompleted) subtasks (this is gross, mutable garbage, but it'll hold up until there's a better built-in solution).
Finally, use dv to render the task list.

[wenlzhang]

It seems that this would hide completed sub-tasks and list items to a certain level. For instance:

- [ ] This would be shown
	- This would be hidden
	- [x] This would be hidden
	- [ ] This would be shown
		- [x] **This would be shown, which is not desired**
		- [ ] This would be shown
		- **This would be shown, which is not desired**

Is it possible to hide all levels of completed sub-tasks and list items?

[jqhoogland]

Yes, you're totally right!

Haven't tested this, but you can try something like this (the important bit is the recursive call at the end):

const hideCompletedSubtasks = (t) => ({
  ...t, 
  subtasks: t.subtasks.values.filter(st => !st.completed).map(hideCompletedSubtasks)
})

const pages = dv.pages('"/"').file.tasks.where(t => !t.completed && t.text.includes("#now"))
pages.values = pages.values.map(hideCompletedSubtasks))
dv.taskList(pages)

[wenlzhang]

Thanks for the help! It works for the case given above.

Would it be possible to show uncompleted sub-tasks under list items and completed (sub)-tasks?

- [ ] ==This should be shown==
	- This should be hidden
	- [x] This should be hidden
	- [ ] ==This should be shown==
		- This should be hidden
		- [x] ==This should be shown, as it contains uncompleted sub-tasks==
			- This should be hidden
			- [ ] ==This should be shown==
			- [x] This should be hidden
		- [ ] ==This should be shown==
		- ==This should be shown, as it contains uncompleted sub-tasks==
			- This should be hidden
			- [ ] ==This should be shown==
			- [x] This should be hidden

const hideCompletedSubtasks = (t) => ({
  ...t, 
  subtasks: t.subtasks.values.filter(st => !st.completed).map(hideCompletedSubtasks)
})

const pages = dv.current().file.tasks.where(t => !t.completed)
pages.values = pages.values.map(hideCompletedSubtasks)
dv.taskList(pages)

[wenlzhang]

It seems that changing completed to fullyCompleted would give the desired results.

const hideCompletedSubtasks = (t) => ({
  ...t, 
  subtasks: t.subtasks.values.filter(st => !st.fullyCompleted).map(hideCompletedSubtasks)
})

const pages = dv.current().file.tasks.where(t => !t.fullyCompleted)
pages.values = pages.values.map(hideCompletedSubtasks)
dv.taskList(pages)