•  
     
    story #22687 distinguish projects with an icon
Summary
Empty
distinguish projects with an icon
Empty

Each project (program or team) should be allowed to associate an icon with their name to ease distinction of projects in lists.

Where will it be used

This icon is not meant to be used everywhere the project name is used so it's roll-out will be progressive. This story covers:

  • page title (<head><title>)
  • Sidebar
    • Display of the project name
    • Display of parent project
    • Display of children project
  • Breadcrumb display of the project name (collapsed sidebar)
  • In Roadmap widget
    • Used when a sub-element comes from an external project
  • In planning view: parent Milestones & Backlog Items the comes from an external project
  • In Program
    • backlog view: children of Backlog Items that are in an external project
    • Configuration: list of aggregated projects.
  • In "My Projects" widget (/!\ keep sorting based on name)
  • In "Switch to" modal (/!\ keep sorting based on name)
  • XML import/export

Proposed icons

By default, all emojis that doesn't have skin tone selectors are proposed.

For the record, there is no consensus on how skin-tone should be managed in the context of a Project icon (no skin-tone, skin-tone rendered as is, skin-tone rendered according to user preferences). So, to simplify the deployment of the feature, the choice is to avoid potential issues by proposing a set of icons that doesn't involve skin tone.

We will also need a way to let site admin restrict the set of icon further.

Configuration

The configuration is done only in project administration ATM. We might add it later at project creation.

Empty
Status
Empty
Done
Development
  • [ ] Does it involves User Interface? 
  • [ ] Are there any mockups?
  • [ ] Are permissions checked?
  • [ ] Does it need Javascript development?
  • [ ] Does it need a forge upgrade bucket?
  • [ ] Does it need to execute things in system events?
  • [ ] Does it impact project creation (templates)?
  • [ ] Is it exploratory?
Empty
Details
#22687
Manuel Vacelet (vaceletm)
2021-10-27 09:38
2021-08-30 14:09
3694

References
Referencing story #22687

Git commit

tuleap/tuleap/stable

Add the ability to choose a project icon 3e817e05dd
Save the project icon in DB 6e93f43b50
Do not throw excpetion if project icon feature flag is disabled 5df2ad15dd
Send the project icon to the front 0d8dce966a
Display the project icon in project home page 80a8b2b9a2
Display the project icon before the project name in project sidebar e8007d43c3
Display project icon in linked project in project sidebar d8e5693685
Display the project icon in the Document breadcrumb 2066286dde
Display the project icon in the breadcrumb of BP and FP pages 8250e41595
Add missing aria-hidden 5a459175b1
Display the project icon in the user story card of a feature planned 96c2777a1a
Remove the feature flag 61ec2726ac
Display the project icon in Program service 6a54b29ca3
Display the project icon in the roadmap widget 38e5f91eb6
Display project icon in admin of the Program service eb230c9a36
Program service is unavailable if the project does not have an icon f091f4f586
Fix unit test error spotted by psalm 44363cb047
Better alignment for project icon 043061d4e3
feat(project-icon): Remove selected icon 3d2dcfe6f8
Project admin must not crash if icon is unknown cae8d77813
Import project icon 654abf45aa
feat(project-icon): Display icons in switch-to modal 992fd4b255
feat(project-icon): Display icon in git vue app breadcrumb 37052e3a10
feat(project-icon): Display icon in TTM angular app breadcrumb 13ec7bfe7b
feat(project-icon): Display icon in MyProjects widget e85dba4d0a
Export icon in XML 61d82fbd17
Better alignment for project icon ffc14a538e
feat(project-icon): Display icon in baseline vue app breadcrumb f8e1a3b992

Follow-ups

User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar