Content
View differences
Updated by Marc Alcobé about 1 year ago
**As** a user
**I want to** have a complete and coherent view on the relations
**so that** I don't need to go to the web app
**Acceptance criteria**
* All the relations are now displayed in sections like in the web app. The sections follow designs of a Primer box list.
* Tapping on an element of the list will open the related work package.
* The look and feel of the related work packages is also updated to follow the designs on the web app, adapting new logic for work packages.
* All actions are now available only individually through the more menu:
* Edit: allows the user to edit the description and lag (if available).
* Delete
* These actions are available to the user depending on the permissions they have. If the user doesn't have permissions to do that actions, if the user doesn't have them, hide the action or the full more menu.
* The FAB button to add a relation.
* Tapping on the button will open the relation options as fab actions.
* Once selected the relation, a search work package bottom sheet will appear. The empty state now contains also information of the relation type in the text.
* Once the work package is selected, a modal will be open with the first field (work package) filled and the optional fields of description and lag (only for available for that relation). The modal has a header with "Add \[relation type\]".
* If the user taps on the work package field again, the search bottom sheet reappears, allowing the user to change work packages.
* The description and lag modal should adapt also a Primer style:
* Bigger header text (20px Semibold) with an "X" button.
* Round corners of 6px.
* Action buttons in the Primer style.
**Technical notes**
* <br>
**Out of scope**
* Display ghost relations in mobile: ###61040.
* Modify the work package's style to Primer: ###61545.
**I want to** have a complete and coherent view on the relations
**so that** I don't need to go to the web app
**Acceptance criteria**
* All the relations are now displayed in sections like in the web app. The sections follow designs of a Primer box list.
* Tapping on an element of the list will open the related work package.
* The look and feel of the related work packages is also updated to follow the designs on the web app, adapting new logic for work packages.
* All actions are now available only individually through the more menu:
* Edit: allows the user to edit the description and lag (if available).
* Delete
* These actions are available to the user depending on the permissions they have. If the user doesn't have permissions to do that actions, if the user doesn't have them, hide the action or the full more menu.
* The FAB button to add a relation.
* Tapping on the button will open the relation options as fab actions.
* Once selected the relation, a search work package bottom sheet will appear. The empty state now contains also information of the relation type in the text.
* Once the work package is selected, a modal will be open with the first field (work package) filled and the optional fields of description and lag (only for available for that relation). The modal has a header with "Add \[relation type\]".
* If the user taps on the work package field again, the search bottom sheet reappears, allowing the user to change work packages.
* The description and lag modal should adapt also a Primer style:
*
*
* Action buttons in the Primer style.
**Technical notes**
* <br>
**Out of scope**
* Display ghost relations in mobile: ###61040.
* Modify the work package's style to Primer: ###61545.