Content
View differences
Updated by Marc Alcobé almost 2 years ago
**As** a mobile app user
**I want to** be able to search for a work package through the search icon
**so that** I don't need to navigate through the app and I find the desired element fast
### **Acceptance criteria**
* The magnifying glass icon on the top bar is visible in all screens.
* Tapping on the search icon will trigger the opening of an input field that will cover the full top bar with a cancel "X" on the top right. The keyboard will open.
* Typing in some text will trigger the loading of a work packages list matching the search criteria. If there is non matching the criteria an empty screen with an illustration will be displayed.
* Bellow the top navigation bar multiple filter dropdown will be visible:
* **Project**: opens a bottom sheet with a project selection.
* **Implication**: opens a bottom sheet with the possible implications of the user (Creator, Assignee, Accountable and Mentioned).
* **Status**: opens a bottom sheet with all the work packages status.
* **Type**: opens a bottom sheet with all the work packages types.
* A combination of both an active filtering and filter by text should be possible and refines the work packages displayed bellow.
### Out of scope
*
### Figma and visuals
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App?node-id=142-27879
**I want to** be able to search for a work package through the search icon
**so that** I don't need to navigate through the app and I find the desired element fast
### **Acceptance criteria**
* The magnifying glass icon on the top bar is visible in all screens.
* Tapping on the search icon will trigger the opening of an input field that will cover the full top bar with a cancel "X" on the top right. The keyboard will open.
* Typing in some text will trigger the loading of a work packages list matching the search criteria. If there is non matching the criteria an empty screen with an illustration will be displayed.
* Bellow the top navigation bar multiple filter dropdown will be visible:
* **Project**: opens a bottom sheet with a project selection.
* **Implication**: opens a bottom sheet with the possible implications of the user (Creator, Assignee, Accountable and Mentioned).
* **Status**: opens a bottom sheet with all the work packages status.
* **Type**: opens a bottom sheet with all the work packages types.
* A combination of both an active filtering and filter by text should be possible and refines the work packages displayed bellow.
### Out of scope
*
### Figma and visuals
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App?node-id=142-27879