[PR #1652] feat: add sorting controls to Overview page #1647

Open
opened 2025-11-01 21:24:36 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/1652
Author: @2ZZ
Created: 10/13/2025
Status: 🔄 Open

Base: mainHead: feature/overview-sorting


📝 Commits (3)

  • 2f66e4d feat: add sorting controls to Overview page
  • d743720 refactor: replace sort toggle button with dropdown
  • 59f9bb0 Debugging

📊 Changes

21 files changed (+903 additions, -88 deletions)

View changed files

📝 frontend/.gitignore (+1 -0)
📝 frontend/cypress/e2e/project/filter-persistence.spec.ts (+84 -2)
📝 frontend/cypress/e2e/project/project-history.spec.ts (+19 -21)
📝 frontend/cypress/e2e/project/project-view-gantt.spec.ts (+18 -13)
📝 frontend/cypress/e2e/project/project-view-kanban.spec.ts (+0 -6)
📝 frontend/cypress/e2e/project/project-view-table.spec.ts (+26 -9)
📝 frontend/cypress/e2e/project/project.spec.ts (+1 -2)
frontend/cypress/e2e/project/saved-filter-sorting.spec.ts (+291 -0)
📝 frontend/cypress/e2e/sharing/linkShare.spec.ts (+3 -1)
📝 frontend/cypress/e2e/task/overview.spec.ts (+167 -0)
📝 frontend/cypress/e2e/task/task.spec.ts (+21 -11)
📝 frontend/cypress/e2e/user/login.spec.ts (+2 -2)
📝 frontend/cypress/e2e/user/settings.spec.ts (+3 -3)
frontend/cypress/factories/savedFilter.ts (+44 -0)
📝 frontend/src/components/project/partials/FilterPopup.vue (+9 -3)
📝 frontend/src/components/project/partials/Filters.vue (+124 -0)
📝 frontend/src/components/project/views/ProjectList.vue (+28 -3)
📝 frontend/src/i18n/lang/en.json (+19 -3)
📝 frontend/src/services/taskCollection.ts (+1 -1)
📝 frontend/src/views/filters/FilterEdit.vue (+1 -0)

...and 1 more files

📄 Description

Summary

  • Added ability to sort tasks by multiple fields on the Overview page
  • Users can select from 6 sort options: Due Date, Priority, Title, Start Date, End Date, Done
  • Users can toggle between ascending and descending order
  • Sort preferences persist in URL query parameters

Changes

  • Added dropdown select and outlined button positioned to the right of "Current Tasks" title
  • Dropdown allows choosing sort field
  • Button toggles between Ascending and Descending order
  • Clean design matching the rest of the UI
  • Only visible on Overview page (not on date-filtered views)

Technical Details

  • Added priority to TaskFilterParams sort_by type options in taskCollection.ts
  • Sort state managed with reactive refs in ShowTasks.vue
  • Translation keys added: task.show.sortBy, misc.ascending, misc.descending
  • E2E tests added to verify sorting functionality

Test plan

  • Verify sort controls appear on Overview page
  • Test sorting by all available fields (due date, priority, title, start date, end date, done)
  • Test toggling between ascending and descending order
  • Verify sort preferences persist in URL and across page reloads
  • Added Cypress E2E tests for sorting functionality

🤖 Generated with Claude Code


🔄 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/go-vikunja/vikunja/pull/1652 **Author:** [@2ZZ](https://github.com/2ZZ) **Created:** 10/13/2025 **Status:** 🔄 Open **Base:** `main` ← **Head:** `feature/overview-sorting` --- ### 📝 Commits (3) - [`2f66e4d`](https://github.com/go-vikunja/vikunja/commit/2f66e4d335d3d0aa2e97ad97e2d9668c009b505a) feat: add sorting controls to Overview page - [`d743720`](https://github.com/go-vikunja/vikunja/commit/d743720a7c68d1f384b6882e338a3538ead1a0cd) refactor: replace sort toggle button with dropdown - [`59f9bb0`](https://github.com/go-vikunja/vikunja/commit/59f9bb038e3f48457c6861d8f8583b79068d54c4) Debugging ### 📊 Changes **21 files changed** (+903 additions, -88 deletions) <details> <summary>View changed files</summary> 📝 `frontend/.gitignore` (+1 -0) 📝 `frontend/cypress/e2e/project/filter-persistence.spec.ts` (+84 -2) 📝 `frontend/cypress/e2e/project/project-history.spec.ts` (+19 -21) 📝 `frontend/cypress/e2e/project/project-view-gantt.spec.ts` (+18 -13) 📝 `frontend/cypress/e2e/project/project-view-kanban.spec.ts` (+0 -6) 📝 `frontend/cypress/e2e/project/project-view-table.spec.ts` (+26 -9) 📝 `frontend/cypress/e2e/project/project.spec.ts` (+1 -2) ➕ `frontend/cypress/e2e/project/saved-filter-sorting.spec.ts` (+291 -0) 📝 `frontend/cypress/e2e/sharing/linkShare.spec.ts` (+3 -1) 📝 `frontend/cypress/e2e/task/overview.spec.ts` (+167 -0) 📝 `frontend/cypress/e2e/task/task.spec.ts` (+21 -11) 📝 `frontend/cypress/e2e/user/login.spec.ts` (+2 -2) 📝 `frontend/cypress/e2e/user/settings.spec.ts` (+3 -3) ➕ `frontend/cypress/factories/savedFilter.ts` (+44 -0) 📝 `frontend/src/components/project/partials/FilterPopup.vue` (+9 -3) 📝 `frontend/src/components/project/partials/Filters.vue` (+124 -0) 📝 `frontend/src/components/project/views/ProjectList.vue` (+28 -3) 📝 `frontend/src/i18n/lang/en.json` (+19 -3) 📝 `frontend/src/services/taskCollection.ts` (+1 -1) 📝 `frontend/src/views/filters/FilterEdit.vue` (+1 -0) _...and 1 more files_ </details> ### 📄 Description ## Summary - Added ability to sort tasks by multiple fields on the Overview page - Users can select from 6 sort options: Due Date, Priority, Title, Start Date, End Date, Done - Users can toggle between ascending and descending order - Sort preferences persist in URL query parameters ## Changes - Added dropdown select and outlined button positioned to the right of "Current Tasks" title - Dropdown allows choosing sort field - Button toggles between Ascending and Descending order - Clean design matching the rest of the UI - Only visible on Overview page (not on date-filtered views) ## Technical Details - Added `priority` to `TaskFilterParams` sort_by type options in `taskCollection.ts` - Sort state managed with reactive refs in `ShowTasks.vue` - Translation keys added: `task.show.sortBy`, `misc.ascending`, `misc.descending` - E2E tests added to verify sorting functionality ## Test plan - [x] Verify sort controls appear on Overview page - [x] Test sorting by all available fields (due date, priority, title, start date, end date, done) - [x] Test toggling between ascending and descending order - [x] Verify sort preferences persist in URL and across page reloads - [x] Added Cypress E2E tests for sorting functionality 🤖 Generated with [Claude Code](https://claude.com/claude-code) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2025-11-01 21:24:36 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#1647