Content
View differences
Updated by Marc Alcobé 3 months ago
**As a** tablet user **As** a \[enter role of user\]
**I want** to browse, view, and update work packages using a split-view layout want to** \[enter objective\]
**so that** I can efficiently manage tasks, collaborate with my team, and keep context while working on larger screens on the go. \[enter desired result\]
**Acceptance criteria**
* When displayed on a tablet in landscape orientation, the Work packages module uses a **master–detail layout**:
* **Left pane**:
* Work package list
* Filters, sorting, grouping controls
* **Right pane**:
* Selected work package details
* This pane is collapsible
* Selecting a work package in the list updates the detail pane without navigating away from the list.
* The work package list supports:
* Searching
* Filtering
* Sorting
* Grouping
* The work package detail view displays:
* Header with title, type, status, priority, assignee and actions to edit, open in full screen and close the right panel.
* Tabs or sections for:
* Overview
* Activity
* Files
* Relations
* Watchers
* When a work package is opened on full screen, it opens in a full screen modal without navigation bar and with a closable header. The layout of the project full-screen view has a two column layout:
* The overview details in a fix position on the left side with all its fields and custom fields in collapsible groups.
* A box on the right column for the available tabs:
* Activity
* Files
* Relations
* Watchers
* Users can create a new work package using a **full screen modal** without leaving the Work packages module.
* This modal has a two column layout with the subject and description on the left side and all the rest of the fields on groups in the right side.
* Users can edit editable fields inline or via focused input dialogs.
* Additionally the user can always enter the full edit mode of the work package through the edit pencil action. The edit mode is also a two-column layout with the same structure as the creation modal.
* In the tabs of each work package the user can:
* Add comments:
* Opens an input area anchored to the activity section
* Supports rich text
* The toolbar of the comment field is extended the options on mobile to contain also:
* Strike
* Link work package
* Add image
* Link (URL)
* Add attachments:
* Can be added via a bigger bottom sheet
* Add relations:
* Can be added via a bigger bottom sheet
* When the relation requires extra steps those will happen on a modal
* Add watchers:
* Can be added via a bigger bottom sheet
* All interactions preserve the selected work package context. <br>
**Technical notes**
* The tablet Work packages layout is enabled at the tablet breakpoint: 900px.
* On phones or tablets in portrait orientation, the phone Work packages layout is used.
* The master list and detail view are rendered as independent panes.
* The detail pane updates dynamically when the selected work package changes.
* The on-screen keyboard does not obscure critical actions on tablets. <br>
**Permissions and visibility considerations**
* Only work packages the user has permission to view are displayed.
* Editable fields are only interactive if the user has permission to edit them.
* Commenting _To whom is only available to users with comment permissions. this feature visible?_
* Attachment upload _When is only available to users with file upload permissions.
* Add watchers is only available for users with permissions to do so.
* Relation types shown are limited to those allowed by the project configuration.
* User selectors only show users visible to the current user. it not visible?_
**Translation considerations**
* All translation strings should be available from _Key terms and phrases in the mobile mode key languages_
**Out of scope**
* Bulk editing <br>
_Set the_ **To be informed/consulted teams** _field to include all teams necessary to be informed of multiple work packages
* Offline editing of work packages
* Portrait-optimized tablet layout
* Custom field configuration from the mobile app changes._
**I want** to browse, view, and update work packages using a split-view layout
**so that** I can efficiently manage tasks, collaborate with my team, and keep context while working on larger screens on the go.
**Acceptance criteria**
* When displayed on a tablet in landscape orientation, the Work packages module uses a **master–detail layout**:
* **Left pane**:
* Work package list
* Filters, sorting, grouping controls
* **Right pane**:
* Selected work package details
* This pane is collapsible
* Selecting a work package in the list updates the detail pane without navigating away from the list.
* The work package list supports:
* Searching
* Filtering
* Sorting
* Grouping
* The work package detail view displays:
* Header with title, type, status, priority, assignee and actions to edit, open in full screen and close the right panel.
* Tabs or sections for:
* Overview
* Activity
* Files
* Relations
* Watchers
* When a work package is opened on full screen, it opens in a full screen modal without navigation bar and with a closable header. The layout of the project full-screen view has a two column layout:
* The overview details in a fix position on the left side with all its fields and custom fields in collapsible groups.
* A box on the right column for the available tabs:
* Activity
* Files
* Relations
* Watchers
* Users can create a new work package using a **full screen modal** without leaving the Work packages module.
* This modal has a two column layout with the subject and description on the left side and all the rest of the fields on groups in the right side.
* Users can edit editable fields inline or via focused input dialogs.
* Additionally the user can always enter the full edit mode of the work package through the edit pencil action. The edit mode is also a two-column layout with the same structure as the creation modal.
* In the tabs of each work package the user can:
* Add comments:
* Opens an input area anchored to the activity section
* Supports rich text
* The toolbar of the comment field is extended the options on mobile to contain also:
* Strike
* Link work package
* Add image
* Link (URL)
* Add attachments:
* Can be added via a bigger bottom sheet
* Add relations:
* Can be added via a bigger bottom sheet
* When the relation requires extra steps those will happen on a modal
* Add watchers:
* Can be added via a bigger bottom sheet
* All interactions preserve the selected work package context.
**Technical notes**
* The tablet Work packages layout is enabled at the tablet breakpoint: 900px.
* On phones or tablets in portrait orientation, the phone Work packages layout is used.
* The master list and detail view are rendered as independent panes.
* The detail pane updates dynamically when the selected work package changes.
* The on-screen keyboard does not obscure critical actions on tablets.
**Permissions and visibility considerations**
* Only work packages the user has permission to view are displayed.
* Editable fields are only interactive if the user has permission to edit them.
* Commenting
* Attachment upload
* Add watchers is only available for users with permissions to do so.
* Relation types shown are limited to those allowed by the project configuration.
* User selectors only show users visible to the current user.
**Translation considerations**
* All translation strings should be available from
**Out of scope**
* Bulk editing
_Set the_ **To be informed/consulted teams** _field to include all teams necessary to be informed
* Offline editing of work packages
* Portrait-optimized tablet layout
* Custom field configuration from the mobile app