Content
View differences
Updated by Oleksii Borysenko 8 months ago
**As** a user
**I want to** be in control of the home of the mobile app
**so that** it displays the relevant information for me to start using the app
### **Acceptance criteria**
* [x] The new home page is redesigned completely and now can support widgets.
* [x] Users can configure their own home page as they want using the widget icon on the top header.
* [x] The only fix information on the screen is the avatar, the welcoming message and the prominent global search bar.
* [x] Once the user taps on the widget icon a bottom sheet opens with all the widgets available in the application. The bottom sheet has the option to activate and deactivate each widget and reorder them.
* [x] On closure by tap outside the bottom sheet or swipe down the selection and order is confirmed.
* [x] At least one widget must always be active.
* [x] The widgets available are:
* [x] **Time tracking - Week view:** It displays the graph and total hours that have been logged during the current week by the user. The footer of the widget includes a `+ Log time` and a `Start timer` button.
* [x] **Time tracking - Tracker:** Reuse of the running timer card in the time tracking module but now with a small visual representation of the timer circle and a version for when the timer is not yet started. Tapping on this card should open and start the full screen focus timer.
* [x] [ ] **Favorite projects:** Reuse the filtered view of the projects module to display all projects marked as favorite, without hierarchy this time. Limit the amount of elements displayed in the list to 6, showing first the lates opened project by the user. Add a footer with the information on how many other favorite projects exists and a link to see all, this action leads to the projects module with the favorite filter activated.
* [x] [ ] **Portfolios:** Reuse the list view for portfolios of the projects module. Limit the amount of elements displayed in the list to 3 and limit the description to 3 lines of text, showing first the lates opened project by the user. Add a footer with the information on how many other portfolios exists and a link to see all, this action leads to the index page for portfolios on the projects module.
* [x] [ ] **Assigned to me:** Reuse the work packages list with the filter on all projects and assigned to me. Use the default sorting of that query and limit it to 5 work packages. Add a footer with the information on how many other work packages are assigned to the user and a link to see all, this action leads to the query view in the work packages module.
* [x] [ ] **Notifications:** Reuse the notifications list from the notifications module. Use the default sorting of the inbox query and limit it to 5 notifications. The widget header should contain the total amount of notifications. Add a footer with the information on how many other notifications are present and a link to see all, this action leads to the notifications module.
* [x] Some widgets might need empty status (e.g. no favorite projects). Check the Figma designs as reference.
### **Technical notes**
* <br>
### **Permissions and visibility considerations**
* The availability of the widgets can depend on the user permissions:
* **Time tracking - Week view:** Hide option if the user don't have permission to `log own time`
* **Time tracking - Tracker:** Hide option if the user don't have permission to `log own time`
* **Favorite projects:** Available to everybody
* **Portfolios:** Available to everybody
* **Assigned to me:** Available to everybody
* **Recently viewed:** Available to everybody
* **Notifications:** Available to everybody
### Visual referent
<img class="image_resized op-uc-image op-uc-image_inline" style="width:320px;" src="/api/v3/attachments/780922/content">
### **Out of scope**
* Drag and drop widgets to reorder or add
* **Recently viewed widget:** Display the 5 most recently opened work packages by the user (similar to what we display in the global search bar in the web app). Limit the list to 5 work packages. <mention class="mention" data-id="68009" data-type="work_package" data-text="###68009">###68009</mention>
**I want to** be in control of the home of the mobile app
**so that** it displays the relevant information for me to start using the app
### **Acceptance criteria**
* [x] The new home page is redesigned completely and now can support widgets.
* [x] Users can configure their own home page as they want using the widget icon on the top header.
* [x] The only fix information on the screen is the avatar, the welcoming message and the prominent global search bar.
* [x] Once the user taps on the widget icon a bottom sheet opens with all the widgets available in the application. The bottom sheet has the option to activate and deactivate each widget and reorder them.
* [x] On closure by tap outside the bottom sheet or swipe down the selection and order is confirmed.
* [x] At least one widget must always be active.
* [x] The widgets available are:
* [x] **Time tracking - Week view:** It displays the graph and total hours that have been logged during the current week by the user. The footer of the widget includes a `+ Log time` and a `Start timer` button.
* [x] **Time tracking - Tracker:** Reuse of the running timer card in the time tracking module but now with a small visual representation of the timer circle and a version for when the timer is not yet started. Tapping on this card should open and start the full screen focus timer.
* [x]
* [x]
* [x]
* [x]
* [x] Some widgets might need empty status (e.g. no favorite projects). Check the Figma designs as reference.
### **Technical notes**
* <br>
### **Permissions and visibility considerations**
* The availability of the widgets can depend on the user permissions:
* **Time tracking - Week view:** Hide option if the user don't have permission to `log own time`
* **Time tracking - Tracker:** Hide option if the user don't have permission to `log own time`
* **Favorite projects:** Available to everybody
* **Portfolios:** Available to everybody
* **Assigned to me:** Available to everybody
* **Recently viewed:** Available to everybody
* **Notifications:** Available to everybody
### Visual referent
<img class="image_resized op-uc-image op-uc-image_inline" style="width:320px;" src="/api/v3/attachments/780922/content">
### **Out of scope**
* Drag and drop widgets to reorder or add
* **Recently viewed widget:** Display the 5 most recently opened work packages by the user (similar to what we display in the global search bar in the web app). Limit the list to 5 work packages. <mention class="mention" data-id="68009" data-type="work_package" data-text="###68009">###68009</mention>