[PR #1210] [MERGED] feat: Add global "Hide checked tasks" toggle for all checklists in card modal #1236

Closed
opened 2026-02-04 21:58:49 +03:00 by OVERLORD · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/plankanban/planka/pull/1210
Author: @symonbaikov
Created: 6/12/2025
Status: Merged
Merged: 7/21/2025
Merged by: @meltyshev

Base: masterHead: feature/hide-checked-tasks-clean


📝 Commits (2)

  • 386d3d4 feat: add global 'hide checked tasks' toggle for all checklists in card modal. Show toggle only if at least one checklist exists. Add translations for all locales.
  • 9b1e0b6 fix: Rework, cleanup

📊 Changes

17 files changed (+158 additions, -55 deletions)

View changed files

📝 client/src/components/cards/Card/TaskList/TaskList.jsx (+20 -5)
📝 client/src/components/cards/Card/TaskList/TaskList.module.scss (+15 -19)
📝 client/src/components/cards/CardModal/TaskLists/EditStep.jsx (+3 -1)
📝 client/src/components/cards/CardModal/TaskLists/Item.jsx (+35 -9)
📝 client/src/components/cards/CardModal/TaskLists/Item.module.scss (+15 -6)
📝 client/src/components/task-lists/AddTaskListStep.jsx (+1 -0)
📝 client/src/components/task-lists/TaskList/TaskList.jsx (+13 -4)
📝 client/src/components/task-lists/TaskList/TaskList.module.scss (+9 -8)
📝 client/src/components/task-lists/TaskListEditor/TaskListEditor.jsx (+8 -0)
📝 client/src/locales/en-GB/core.js (+1 -0)
📝 client/src/locales/en-US/core.js (+1 -0)
📝 client/src/models/TaskList.js (+2 -0)
📝 server/api/controllers/task-lists/create.js (+4 -1)
📝 server/api/controllers/task-lists/update.js (+4 -1)
📝 server/api/helpers/cards/duplicate-one.js (+1 -1)
📝 server/api/models/TaskList.js (+5 -0)
server/db/migrations/20250721132312_add_ability_to_hide_completed_tasks.js (+21 -0)

📄 Description

What’s new

  • Added a global toggle to hide checked (completed) tasks for all checklists in the card modal.
  • The toggle is shown only if at least one checklist exists in the card.
  • The toggle state is saved in localStorage and persists between modal openings.
  • Added translations for all supported locales.

CleanShot 2025-06-12 at 21 05 54

Why

  • Improves usability for users working with large checklists.
  • Makes it easier to focus on unfinished tasks by hiding completed ones.
  • Requested by the community for better checklist management.

How it works

  • The toggle appears above all checklists in the card modal.
  • When enabled, all checked tasks are hidden in every checklist of the card.
  • The toggle label is translated according to the selected interface language.

Closes #1137


If you have any feedback or suggestions, please let me know!


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/plankanban/planka/pull/1210 **Author:** [@symonbaikov](https://github.com/symonbaikov) **Created:** 6/12/2025 **Status:** ✅ Merged **Merged:** 7/21/2025 **Merged by:** [@meltyshev](https://github.com/meltyshev) **Base:** `master` ← **Head:** `feature/hide-checked-tasks-clean` --- ### 📝 Commits (2) - [`386d3d4`](https://github.com/plankanban/planka/commit/386d3d4bddd5831b7ff4b2cf8a0f649ea7a4e9fa) feat: add global 'hide checked tasks' toggle for all checklists in card modal. Show toggle only if at least one checklist exists. Add translations for all locales. - [`9b1e0b6`](https://github.com/plankanban/planka/commit/9b1e0b690ecbe10251f4fa5ec8808f70a4fd4df1) fix: Rework, cleanup ### 📊 Changes **17 files changed** (+158 additions, -55 deletions) <details> <summary>View changed files</summary> 📝 `client/src/components/cards/Card/TaskList/TaskList.jsx` (+20 -5) 📝 `client/src/components/cards/Card/TaskList/TaskList.module.scss` (+15 -19) 📝 `client/src/components/cards/CardModal/TaskLists/EditStep.jsx` (+3 -1) 📝 `client/src/components/cards/CardModal/TaskLists/Item.jsx` (+35 -9) 📝 `client/src/components/cards/CardModal/TaskLists/Item.module.scss` (+15 -6) 📝 `client/src/components/task-lists/AddTaskListStep.jsx` (+1 -0) 📝 `client/src/components/task-lists/TaskList/TaskList.jsx` (+13 -4) 📝 `client/src/components/task-lists/TaskList/TaskList.module.scss` (+9 -8) 📝 `client/src/components/task-lists/TaskListEditor/TaskListEditor.jsx` (+8 -0) 📝 `client/src/locales/en-GB/core.js` (+1 -0) 📝 `client/src/locales/en-US/core.js` (+1 -0) 📝 `client/src/models/TaskList.js` (+2 -0) 📝 `server/api/controllers/task-lists/create.js` (+4 -1) 📝 `server/api/controllers/task-lists/update.js` (+4 -1) 📝 `server/api/helpers/cards/duplicate-one.js` (+1 -1) 📝 `server/api/models/TaskList.js` (+5 -0) ➕ `server/db/migrations/20250721132312_add_ability_to_hide_completed_tasks.js` (+21 -0) </details> ### 📄 Description ### What’s new - Added a global toggle to hide checked (completed) tasks for all checklists in the card modal. - The toggle is shown only if at least one checklist exists in the card. - The toggle state is saved in localStorage and persists between modal openings. - Added translations for all supported locales. ![CleanShot 2025-06-12 at 21 05 54](https://github.com/user-attachments/assets/1961f886-974c-403b-b872-860412954bc2) ### Why - Improves usability for users working with large checklists. - Makes it easier to focus on unfinished tasks by hiding completed ones. - Requested by the community for better checklist management. ### How it works - The toggle appears above all checklists in the card modal. - When enabled, all checked tasks are hidden in every checklist of the card. - The toggle label is translated according to the selected interface language. Closes #1137 --- **If you have any feedback or suggestions, please let me know!** --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
OVERLORD added the pull-request label 2026-02-04 21:58:49 +03:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/planka#1236