Add project column picker to issue and pull request sidebar by myers · Pull Request #37037 · go-gitea/gitea

myers · 2026-03-29T21:58:47Z

Why? You are working on a ticket, it's ready to be moved to the QA column in your project. Currently you have to go to the project, find the issue card, then move it. With this change you can move the issue's column on the issue page.

When an issue or pull request belongs to a project board, a dropdown appears in the sidebar to move it between columns without opening the board view. Read-only users see the current column name instead.

This was written using Claude Code and Opus.

Closed:

Open:

When an issue or pull request belongs to a project board, a dropdown appears in the sidebar to move it between columns without opening the board view. Read-only users see the current column name instead. The dropdown uses Fomantic UI and updates the column via an AJAX POST, re-rendering the selector in place on success.

bircni

Doesn't feel consistent and good

routers/web/repo/projects.go

web_src/js/features/repo-issue-sidebar-project.ts

wxiaoguang · 2026-03-29T22:56:03Z

I don't see why you need to re-invent the wheel. The existing combo list just works well, you can see there are other "pickers" like "milestone"
- To "re-render", it should use a framework-level support (refactor the framework to support re-rendering the selector in place for all pickers), but not write a renderColumnPicker-like function for every picker.
It comes to the same situation like Add project column choice option on issue sidebar #30617 (comment)
- This PR: Add project column picker to issue and pull request sidebar #37037
- Multiple projects: Allow multiple projects per issue and pull requests #36784
- How to make the design flexible and resolve the conflicts in the future

Address review feedback from bircni and wxiaoguang: - Add rerender(items, selectedValue) method to IssueSidebarComboList so any picker can dynamically rebuild its menu. This replaces the one-off renderColumnPicker function with a framework-level capability. - Convert the column picker template to use the standard issue-sidebar-combo structure, so it is initialized by the existing queryElems loop alongside milestone/label/assignee pickers. - Move projectColumnInfo struct to package level (bircni) - Handle ProjectColumnID and MustDefaultColumn errors (bircni) - Remove custom Fomantic dropdown setup and DOM manipulation The rerender method is designed to support future multi-project use: each project's column picker can independently rerender when its parent project selection changes.

All sidebar pickers (labels, milestone, project, column) previously discarded backend errors silently. Now shows a toast notification on HTTP errors or network failures.

myers · 2026-03-29T23:47:02Z

I don't see why you need to re-invent the wheel. The existing combo list just works well, you can see there are other "pickers" like "milestone"

Got it, will extend the combo box even if this makes the impact radius bigger.

   * To "re-render", it should use a framework-level support (refactor the framework to support re-rendering the selector in place for all pickers), but not write a `renderColumnPicker`-like function for every picker.

Same.

2. It comes to the same situation like  [Add project column choice option on issue sidebar #30617 (comment)](https://github.com/go-gitea/gitea/pull/30617#issuecomment-2816668521)

The other PR is closed and tangled up in multiple projects per issue. I just want to do a single Kanban project for my repos and be able to move the column it is on from the issue page. Will you accept this PR if it only addresses single project needs?

Tests the full workflow: create project with Basic Kanban template, assign issue to project, verify column picker appears, select a different column, reload and verify it persisted.

The gear-icon header pattern (fixed-text muted) is designed for top-level sidebar sections like Labels/Milestone/Assignees. The column picker is a secondary control under the project selection, so it should look like a form select — bordered box showing the current value with a dropdown arrow. Restores the ui dropdown selection fluid style from the original implementation while keeping the issue-sidebar-combo wrapper for the rerender capability.

Integration tests for UpdateIssueProjectColumn endpoint: - MoveToColumn: verify column change persists - InvalidColumn: reject column from wrong project (404) - NonexistentColumn: reject missing column (404) - IssueFromOtherRepo: reject cross-repo issue (404) E2E test improvements: - Assert dropdown closes after selection - Assert sidebar shows new column name - Assert timeline event appears for column move - Use specific selector for reload verification

myers · 2026-03-30T03:39:57Z

@wxiaoguang I think this is worth another look.

myers · 2026-03-30T03:41:30Z

I think this would close #13520

wxiaoguang · 2026-03-30T06:41:16Z

I have some ideas to simplify the code, will take a try later.

wxiaoguang · 2026-03-30T07:06:07Z

routers/web/repo/issue_page_meta.go

+	data.retrieveProjectColumnsData(ctx)
+	if ctx.Written() {
+		return data
+	}


The comment and code was added to wrong place.

wxiaoguang · 2026-03-30T07:16:42Z

templates/repo/issue/sidebar/project_column.tmpl

+	{{end}}
+{{end}}
+{{end}}
+{{end}}


Don't write code without indent, it is unmaintainable.

silverwind · 2026-03-30T09:55:40Z

Not sure I like this full-size dropdown UI, it looks strange. Maybe change it to a simple SVG icon besides the project, with dropdown menu attached. Does GitHub offer similar functionality?

Also this will almost certainly conflict with #36784.

wxiaoguang · 2026-03-30T10:32:24Z

Also this will almost certainly conflict with #36784.

Already considered about that, prepared for it:

Details

silverwind · 2026-03-30T14:48:56Z

how is the UI now? Still a fat <input>-style dropdown or something better?

wxiaoguang · 2026-03-30T14:55:54Z

(Just writing the comment)

My concerns were all addressed. Especially that we have a clear partial-reloading approach. It should bring better user experiences. And it won't really block "Multiple projects" feature.

The remaining TODOs:

The dropdown UI fine tuning (it doesn't bother me, good-looking or not, there are always chances to improve)
Tests: need to rewrite, the code has changed a lot.

wxiaoguang · 2026-03-30T15:37:58Z

how is the UI now? Still a fat <input>-style dropdown or something better?

Removed the "fat" style

silverwind · 2026-03-30T16:01:53Z

those 2 rows still refer to the same project, right? Can we just make a small "cog" or similar item that opens a menu (probably with tippy)? I would prefer 1 project per row.

wxiaoguang · 2026-03-30T16:27:41Z

those 2 rows still refer to the same project, right? Can we just make a small "cog" or similar item that opens a menu (probably with tippy)? I would prefer 1 project per row.

First is project, second is column. No idea what you ask for.

silverwind · 2026-03-30T16:39:17Z

I'm wondering how it would look with multiple projects:

Proj1
Col1
Proj2
Col1

That would be a confusing display. Better would be:

Proj1 / Col1
Proj2 / Col2

wxiaoguang · 2026-03-30T16:55:50Z

I'm wondering how it would look with multiple projects:

It doesn't support. Leave the problem to the future.

silverwind · 2026-03-30T17:15:23Z

IDK about this feature. It's a confusing display for what I think is a rather pointless feature and increase of visual complexity. GitHub does not support this afaik and I think they may have good reason to not bloat the UI with this column display.

A issue is part of a project, that's enough info that I need, if I need more, I go to the project.

silverwind · 2026-03-30T17:18:37Z

Maybe future multi-project could display

Proj1
Col1
---
Proj2
Col1

But I'm still not quite sold on this display. The header says "Projects" and list tow rows which instinctively makes me think its two projects while it is 1. I think column needs more visual distinction, like lighter and/or smaller text.

wxiaoguang · 2026-03-30T17:30:05Z

I extracted my code to Refactor issue sidebar #37045, it doesn't display the "project column" on sidebar

silverwind · 2026-03-30T17:50:40Z

"Projects" header here from your last screenshots. It implies that projects follow but actually projects and columns follow:

1 line per project would be a ideal display imho, not sure how to solve given the limited space.

Signed-off-by: wxiaoguang <wxiaoguang@gmail.com>

metiftikci · 2026-03-31T07:28:21Z

Just want to put another option :)

myers · 2026-03-31T12:24:02Z

I did some research of how projects look on github:

Two projects, you can see how they brought the project column color into it.

Here's what the column picker looks like when opened

I don't think we should do any of this, but this is how the custom metadata for project cards (which gitea does not have) is visible, and can be edited.

It seems like the request here is to think about multi-project support. What do you think of how github looks and works?

If this PR is merged I'm happy to add this to the multi-project PR.

bircni · 2026-03-31T12:33:08Z

I don't really like this its not that easy to understand what it refers to and what I can do with it

silverwind · 2026-03-31T13:54:14Z

A per-project box like GitHub has would be ideal. It provides the needed visual grouping. Shouldn't be too hard to implement. At minimum I'd like a border around each project.

GiteaBot added the lgtm/need 2 This PR needs two approvals by maintainers to be considered for merging. label Mar 29, 2026

github-actions bot added modifies/go Pull requests that update Go code modifies/templates This PR modifies the template files modifies/frontend labels Mar 29, 2026

bircni reviewed Mar 29, 2026

View reviewed changes

routers/web/repo/projects.go Outdated Show resolved Hide resolved

routers/web/repo/projects.go Outdated Show resolved Hide resolved

web_src/js/features/repo-issue-sidebar-project.ts Outdated Show resolved Hide resolved

wxiaoguang marked this pull request as draft March 29, 2026 22:59

myers added 2 commits March 29, 2026 23:38

Add error toast to sidebar combo list backend updates

eb6d19a

All sidebar pickers (labels, milestone, project, column) previously discarded backend errors silently. Now shows a toast notification on HTTP errors or network failures.

myers added 3 commits March 29, 2026 23:48

Add E2E test for project column picker

9035a92

Tests the full workflow: create project with Basic Kanban template, assign issue to project, verify column picker appears, select a different column, reload and verify it persisted.

myers marked this pull request as ready for review March 30, 2026 03:39

wxiaoguang self-assigned this Mar 30, 2026

wxiaoguang reviewed Mar 30, 2026

View reviewed changes

wxiaoguang added 4 commits March 30, 2026 15:22

fix

4f73bab

fix get default column

a6811b0

prepare support multiple projects

02a328a

revert frontend change

198d13d

wxiaoguang marked this pull request as draft March 30, 2026 12:19

wxiaoguang added 2 commits March 30, 2026 21:55

clean up backend

165b6e4

Merge branch 'main' into feat/issue-column-picker

36810b8

reload page partially

7762325

wxiaoguang removed their assignment Mar 30, 2026

wxiaoguang marked this pull request as ready for review March 30, 2026 14:41

wxiaoguang added 6 commits March 30, 2026 23:00

Merge branch 'main' into feat/issue-column-picker

87cfc38

clean up

c576897

fine tune

ea3db23

fix combolist

eb9f4f1

revert unnecessary changes

11b96d7

fix ui

0378a6a

Merge branch 'main' into feat/issue-column-picker

321643c

Signed-off-by: wxiaoguang <wxiaoguang@gmail.com>

github-actions bot removed the modifies/frontend label Mar 31, 2026

fix merge

680437f

wxiaoguang mentioned this pull request Apr 3, 2026

Show board if issue has a project #34608

Open

Uh oh!

Conversation

myers commented Mar 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

bircni left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

wxiaoguang commented Mar 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

myers commented Mar 29, 2026

Uh oh!

myers commented Mar 30, 2026

Uh oh!

myers commented Mar 30, 2026

Uh oh!

wxiaoguang commented Mar 30, 2026

Uh oh!

wxiaoguang Mar 30, 2026

Choose a reason for hiding this comment

Uh oh!

wxiaoguang Mar 30, 2026

Choose a reason for hiding this comment

Uh oh!

silverwind commented Mar 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

wxiaoguang commented Mar 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

silverwind commented Mar 30, 2026

Uh oh!

wxiaoguang commented Mar 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

wxiaoguang commented Mar 30, 2026

Uh oh!

silverwind commented Mar 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

wxiaoguang commented Mar 30, 2026

Uh oh!

silverwind commented Mar 30, 2026

Uh oh!

wxiaoguang commented Mar 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

silverwind commented Mar 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

silverwind commented Mar 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

wxiaoguang commented Mar 30, 2026

Uh oh!

silverwind commented Mar 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

metiftikci commented Mar 31, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

myers commented Mar 31, 2026

Uh oh!

bircni commented Mar 31, 2026

Uh oh!

silverwind commented Mar 31, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

myers commented Mar 29, 2026 •

edited

Loading

wxiaoguang commented Mar 29, 2026 •

edited

Loading

silverwind commented Mar 30, 2026 •

edited

Loading

wxiaoguang commented Mar 30, 2026 •

edited

Loading

wxiaoguang commented Mar 30, 2026 •

edited

Loading

silverwind commented Mar 30, 2026 •

edited

Loading

wxiaoguang commented Mar 30, 2026 •

edited

Loading

silverwind commented Mar 30, 2026 •

edited

Loading

silverwind commented Mar 30, 2026 •

edited

Loading

silverwind commented Mar 30, 2026 •

edited

Loading

metiftikci commented Mar 31, 2026 •

edited

Loading

silverwind commented Mar 31, 2026 •

edited

Loading