Content
View differences
Updated by Marc Alcobé about 4 years ago
### Description
Currently the project selector is a normal select box without hierarchies. In case of a large number of projects this makes is quite hard to select the correct project. Therefore we want to use the already existing implementation for the include projects list to display a single project selector when it comes from a text field:
<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/31981/content"></div></figure> src="/api/v3/attachments/31917/content"></div></figure>
<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/31918/content"></div></figure>
### Acceptance criteria:
The dropdown modal will be look and feel and hierarchy organisation will be taken from the list elements of the include projects modal already implemented in the Design System without checkboxes as it's a single selection.
In all this cases this action will be triggered by a text field that will work as the search bar for the results displayed bellow, therefore there will not be any search bar inside the modal.
Generically the modal will take the full width of the text field that trigger it. For specific cases like the work package list "project" column where this text field is small the modal will take a minimum width of 460px.
### Affected pages:
* Select parent project on create new project
* Select parent project on copying a project
* Change the parent project information on the project settings
* Change project of a work package on split screen
* Change project of a work package on full view
* Change project of a work package on work package list column
* Project filter on the boards (as include project is not implemented yet)
* Create a new work package from outside of any project
* Notification settings
* Invite user modal
* _Administration > Users > Specific User > Projects_: New project selection
* _Administration > Placeholder users > Specific placeholder users > Projects_: New project selection
* _Administration > Groups > Specific groups > Projects_: New project selection
* _Administration > Custom actions > New custom action_
* Add a project filter into a new cost report
* Edit the project filters from the work package table configuration
Is this work package also affecting and including text fields and its behaviour into the Design System?
### **Out of scope:**
Change the component in Rails views, e.g. the work package bulk update.
### Figma link:
https://www.figma.com/file/rddHeKCAkJo2MNI2zktSaR/?node-id=312%3A40394
### Others:
A separate work package is created to adapt the current project selection in the navigation bar:
Currently the project selector is a normal select box without hierarchies. In case of a large number of projects this makes is quite hard to select the correct project. Therefore we want to use the already existing implementation for the include projects list to display a single project selector when it comes from a text field:
<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/31981/content"></div></figure>
<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/31918/content"></div></figure>
### Acceptance criteria:
The dropdown modal will be look and feel and hierarchy organisation will be taken from the list elements of the include projects modal already implemented in the Design System without checkboxes as it's a single selection.
In all this cases this action will be triggered by a text field that will work as the search bar for the results displayed bellow, therefore there will not be any search bar inside the modal.
Generically the modal will take the full width of the text field that trigger it. For specific cases like the work package list "project" column where this text field is small the modal will take a minimum width of 460px.
### Affected pages:
* Select parent project on create new project
* Select parent project on copying a project
* Change the parent project information on the project settings
* Change project of a work package on split screen
* Change project of a work package on full view
* Change project of a work package on work package list column
* Project filter on the boards (as include project is not implemented yet)
* Create a new work package from outside of any project
* Notification settings
* Invite user modal
* _Administration > Users > Specific User > Projects_: New project selection
* _Administration > Placeholder users > Specific placeholder users > Projects_: New project selection
* _Administration > Groups > Specific groups > Projects_: New project selection
* _Administration > Custom actions > New custom action_
* Add a project filter into a new cost report
* Edit the project filters from the work package table configuration
Is this work package also affecting and including text fields and its behaviour into the Design System?
### **Out of scope:**
Change the component in Rails views, e.g. the work package bulk update.
### Figma link:
https://www.figma.com/file/rddHeKCAkJo2MNI2zktSaR/?node-id=312%3A40394
### Others:
A separate work package is created to adapt the current project selection in the navigation bar: