Allow editing of projects from group overview
Problem
The group overview page lists both groups and projects in the tab Subgroups and projects. From there, groups have a quick action menu, including an edit option in case the user has Owner permissions, and therewith the right to edit the group they are looking at.
Projects are listed right underneath groups in the combined list, but do not contain a quick action to edit, which links to the edit form. This means when a user wants to edit a project, they have to access the project, navigate to the settings, and start the edit process. For groups, the action links directly to the group edit action.
Proposal
-
Introduce an ellipse menu for row items that are projects. -
The ellipse menu should appear when the user has the ability to perform at least one of the actions captured in the menu.
-
-
Clicking Editshould take the user to the Settings > General for the given project -
Editshould only be listed for projects that the user has edit permissions for, either due to their default role or custom role for that project. -
Projects that the user doesn't have permission to edit should not display the elliptical menu. Ensure that instead of the elliptical menu a whitespace is shown in such a way that the right hand side of the row is aligned regardless of whether the menu is available or not (see mockup).
| Group overview list | Project ellipse menu |
|---|---|
![]() |
![]() |
Note: Mockup is also showing Delete functionality from #442940 (closed).
Implementation guide
- Remove
this.isGroupfromshowActionsMenucomputed - Create a
someItemsHaveActionscomputed property in app/assets/javascripts/groups/components/group_folder.vue that check if any of the items have permissions for to show actions. Pass this prop to<group-item />and use it to adjust the space for the actions dropdown so they are aligned correctly. - Change the layout of app/assets/javascripts/groups/components/group_item.vue so the updated timestamp comes before the stars.
Edited by Peter Hegman



