Content
View differences
Updated by Jens Ulferts over 4 years ago
**As a** project member,
**I want to** be able to visualise work packages in a weekly calendar view across multiple sub-projects, and order them by assignee
**so that** I have a clear vision of who does what and when, and have a clear view of resource availability.
**Note**
The Team planner is an initial (first stage) implementation a larger evolution the planning that will be implemented in a multi-step process. At this stage, it will only display the planner in a weekly view.
_This work package is a work in progress, specification is not yet complete._
####
#### **Acceptance Criteria**
**The module**
There is a new module called "Team planner".
* This has to be enabled and has three permissions:
* "View team planner"
* "Manage team planner" and
* Make it public/private (phrasing to be confirmed)
* The work package module will have to be active for the team planner to be active.
* Is also based on fullcalendar.io but is separate from the Calendar module.
This new module, once enabled, is visible in the sidebar as "Team planner":
* Clicking on "Team planner" in the project sidebar drills into the "Team planner" sub-menu.
* The first item is a back button with the title "Team planner"
* In this sub-menu, there are four possible headers in the sidebars:
* "Favorite team planners" visible only if there are team planners that have been favourited
* "Public team planners" lists all saved team planners that are public
* "Private team planners" lists all team planners that are marked as not public
* The "Create team planner" only ever has on item (New team planner)
* The "first" team planner (so the first of either the favorited ones, public ones or the private ones, in that order) will the one that will be automatically loaded.
* If there are no existing team planners, the 'New team planner' item under "Create team planner" is loaded automatically.
* Within each view, the list of team planners is arranged alphabetically, allowing users to also prepend numbers to govern this
* To navigate to other saved planners, the user has to pick a different planner from the sidebar.
* The last header "Create new planner" has only one item, "New team planner". This is essentially the "Create" function (now that we don't have an index/list view for this v1).
**A basic (empty calendar)**
Clicking on "Create new planner" loads an empty planner.
* The top header is by default in edit mode, much like when the user creates a new board; the user is able to type a name for the calendar and click on the save icon to save the calendar.
* _Note: there is no back button at the level of this top header (unlike when a new board is created; this should eventually also be changed in the boards)._
* The right side of the top header has three buttons:
* The standard "filter" action, with two specifities
* The assignee attribute is disabled/not available
* The time frame attribute is disabled/not available
* The full-screen icon.
* The "more" action with three vertically-stacked dots, with these functions (that exist already today in the context of work package list/table view).
* Rename
* Save
* Save as
* Delete
* Visibility settings
* The secondary toolbar has these elements, and is common to new and existing calendars:
* On the left edge:
* Left/right buttons to go forwards and backwards in time (in increments of week or month, depending on the current view)
* A "today" button to return to today
* The standard filter button (that works like filters elsewhere, notably in work packages list view)
* Centered:
* The current date range visible, either the month ("August 2021") or a week ("6–10 August 2021")
* ~~On the right edge:~~
* ~~A switch to select between "Planning view" and "Month view" (please note that the planning view is limited to a weekly view for the moment)~~
* No filters are enabled by default in a new team planner
* The calendar area is empty in a new team planner (no work packages are visible since no assignees are added yet)
* There is a message on the calendar that says "Add assignees to set up your team planner."
* An "Add assignee" button allows users to add assignees to get started (this button is described below).
**Main view**
The calendar week view is the main view:
* There is an "Assignee" column on the left edge
* The other columns are dates, displayed as "{day name} - {date number}", as in "Monday - 9".
* This is shortened to "Mon - 9" in smaller windows when the cell is not wide enough to display the full version.
* The current date is highlighted also in the column header, with the same yellow highlight as in the currect calendar.
* As soon as assignees are added (and filters optionally enabled), work packages are displayed as strips (as they are currently in the Calendar module),
* Please see next section "Work package strips" for details.
* There is no upper limit to how many strips are displayed per assignee row. (**Open:** there should probably be a technical upper limit).
* There is an "Add assignee" button at the bottom, on the left edge.
* **Open** what is the loading animation while:
* Loading the work packages for the current week upon initially visiting the team planner
* Loading the work packages for the switched to week when browsing between weeks via the calendar buttons (next/previous week)
**Work package strips**
* A work package strip is a visual representation of the work package in the calendar part of the team planner.
* A basic strip is almost identical to a work package strip in the current Calendar view.
* It starts on the start date and extends till the end date (either of which can be out of view)
* There is one line of text that represents the work package name
* The background colour represents the work package type
* A milestone is displayed:
* As a strip spanning a single day, that can be dragged around to change date or assignee, but does not have the drag edges (and thus cannot be resized; the duration is always 1 day).
* This strip has additional features not yet available in calendar view:
* Small "drag handles" on either end that allow the user to extend the work package to the left or to the right, in order to to change start/end
* The ability to drag an existing work package horizontally, to adjust the start and end dates (whilst keeping the duration constant)
* The ability to drag a work package from one row to another to assign it to another user (can also be done simulaneously with a horizotal scroll, ie., one can move the start date and change assignee in one drag-and-drop movement).
* Clicking on a work package strip opens it in a classic split screen view (see below).
**Split screen view**
The split screen view is invoked either when:
* a new work package is created
* a work package strip is clicked to view its details
The split screen behaves like it does in a work package list view:
* It anchors itself to the right
* It pushes the main view (secondary header + calendar) to the left, and introduces a horizontal scroll
* Allows the user to change any attributes that they have the permission to change
* Any changes to the start/end dates or assignee are reflected immediately (**Open:** how immediately?) on the calendar view.
**Add assignee button**
Clicking on this button adds a row to the calendar, with focus on the the assignee name search input (or if focus is not possible, an empty drop-down field with an "-"). This dropdown is the same as when one clicks on the "Assignee" drop-down in a work package full view or in a work package list.
* As the user starts typing, a list of users who correspond to the search terms displayed as:
* An avatar and
* Their full name
* Clicking on a particular user assigns the newly added row to the assignee, keeping its position (last row).
* On refresh, the assignee rows are re-organised alphabetically? **To discuss:** Or shall we display the assignees in the order in which assignees were added?
* It is possible to add a group as an assignee. (This allows the user to take a work package assigned to a group and assign it to a particular member of that group).
* Individuals in that group can nevertheless be added separately.
* The work packages in the group row then only show those explicitly assigned to the group, not those assigned to members of that group
**Adding work packages to the team planner**
It is possible to add work packages directly to the team planner by right-clicking on a certain day cell (which is naturally also associated with an assignee):
* Right-clicking displays a menu with two options (without icons, similar to clicking on the "+" button in the boards module):
* Create new
* Add existing
* Selecting "Create new" simply opens the split-screen with an empty (new) work package, with only the start date set to the day that was initialy selected (i.e, right-clicked on).
* Selecting "Add existing" displays an small overlay with a search bar. This functions in the same was as the search bar on the main OpenProject header (except, we get directly to the results, without the first three elements that are normally present when searching via the main search bar).
<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23686/content"></div></figure>
* When a user starts typing search terms, an "×" appears to clear the search field and
* The overlay expands vertically to show search results, with a height not exceeding available screen space
* It displays work packages that correspond to the search term
* Is vertically scrollable (within the overlay)
* Clicking outside of the overlay closes it.
* Clicking on a work package adds that to the team planner.
* If the user wishes to remove the work package, they may do so by opening the split screen by clicking on the work package strip and either removing the assignee or changing the dates.
**Features specific to planning view**
Planning view, once assignees have been added, affords the users more functionalities than is available in month view:
* Hovering on the cell with the name and avatar of the assignee displays a "remove" icon, that allows users to remove that assignee from the current view.
* The row will have a min height of x (by default the space needed to display the assignee name and icon + spacing), but can grow almost arbitrarily (see Open in "Error handing").
* If the height of taken up by the assignee rows is more than the available screen height, scrolling is to be applied to entire page (or, if the split screen is open, the main area not including the split screen). **To discuss:** is this technically feasible?
* **To discuss -** When dragging a work package that spans more than the week, so that the start and end date is not displayed, we can display an overlay above the work package strip, on the edge that is cut-off, indicating the start date (see [Figma prototype for demo](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/Planning-Calendar?node-id=923%3A38919)).
**Enterprise edition**
* The team planner will be an enterprise only feature. _(**Note:** Challenged by comment by <mention class="mention" data-id="9177" data-type="user" data-text="@Oliver Günther">@Oliver Günther</mention> on <mention class="mention" data-id="40038" data-type="work_package" data-text="#40038">#40038</mention>)._
* The calendar module will be kept non enterprise with all improvements carried over from team planner included (e.g. persisting filters)
#### **Error handling and exceptions**
**Error management**
* **When adding existing work packages by right-clicking on a certain day cell** (which is naturally also associated with an assignee), we might have certain attributes that might already exist and would be replaced with new values:
* **Assignee already set**: if an assignee has already been set (but date fields are empty), but the work package is being added to another assignee row, show dialogue with the following error message:
* Title: "Change work package assignee?"
* Text: "The work package you are adding is already assigned to _{current assignee}_. Would you like to change the assignee to _{new assignee}_?"
* Primary button: "Change assignee"
* Secondary button: "Cancel"
* **Dates already set: i**f the start date has already been set (regardless of assignee), but the work package is being added to a different date show, show dialogue with the following error message:
* Title: "Change start/end dates?"
* Text: "The work package you have selected already has a start date set to _{current start date}_. Would you like to change it to _{date}_?"
* Primary button: "Change dates"
* Secondary button: "Cancel"
* **Assignee/dates already set**: if both the assignee and start/end dates have already been set, but the work package is being added to a different assignee and start/end dates, show dialogue with the following error message:
* Title: "Change assignee and dates?"
* Text: "The work package you have selected is currently assigneed to _{current assignee}_ and is scheduled for _{current date range}_. Would you like to change the assignee to _{new assignee}_ and the dates to _{new date range}_?"
* Primary button: "Change assignee and start date"
* Secondary button: "Cancel"
* **Open -** The work package has been invalid before, e.g. a required custom field is not set
* **When dragging or extending work packages**
* In this, first version, as I understand it, it is not possible to know in advance which work packages have relations or are read-only for any number of reasons (see list below). This means that we will not be able to communicate to the user that that work package isn't extendable or draggable _before_ they try modifying it, or _during._
* **In any of the following cases, our (very imperfect but pragmatic) proposition for this v1 is to simply throw an error with a snackbar after the "offending" action is executed. An** [**example of the error in Figma is here**](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/Planning-Calendar?node-id=951%3A38825)**.**
* Some cases where we might need to do this are:
* The work package has been invalid before, e.g. a required custom field is not set
* Moving the work package would violate a constraint (e.g. a preceding work package limiting the start date)
* For work packages with follows/precedes relationships.
* In case two work packages displayed on the same planning calendar at the same time are in a follows/precedes relationship _(for now treated the same as when they aren't on the same view; we'll need to make a distinction later when we're able to drag/drop work packages with relations)._
* the user not having the permission to edit work packages (the permissions might be different for two work packages within the same team planner if they are in different projects)
* the work package being a parent
* the work package having a locked status
* a constraint imposed by relationships on the start date is violated
**Mobile**
* **To discuss -** There will not be support for this on mobile. How do we hide the feature?
**Product team:** Let's wait to see, once we have basic implementation, how it is in mobile (hard to tell with the current Calendar module without the assignees rows). If it's still possible for the user to glean _some_ useful information by accessing the planner on mobile, albeit with a lot of scrolling, it might still be worth not hiding the feature.
**Visuals**
These are work-in-progress and actively evolving. They will be continually updated as changes are made.
_**Addition of "Team planner" to the side menu**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23649/content"></div></figure>
_**An empty, initialised team planner**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23650/content"></div></figure>
_**A populated team planner with four assignees**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23651/content"></div></figure>
_**Hovering on a work package strip**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23652/content"></div></figure>
_**Split screen view of a work package strip**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23653/content"></div></figure>
Other screens are visible in the [Figma prototype](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/?node-id=614%3A26487).
**Out of scope**
* Views other than weekly (including the two-week view)
* The ability to identify assignees with overdue work packages (and view those in an overlay)
* More detailed work package strips that display important attributes without needing a hover
* Work package planning stages (done, planned, overdue)
* Altering the order of assignees by dragging-and-dropping entire assignees rows
* A shortlist of work packages form which the user can drag and drop work packages to the calendar (and a way to filter this shortlist)
* Any form of automation (associating certain work package status with certain planning stages)
**Mockups in Figma**
_Figma mock-ups might not yet have been updated to reflect changes described in this work package:_
https://www.figma.com/file/409d6qR685SzZLXez4TPl7/?node-id=614%3A26487
_(Please note that the relevant screens are on the "Team planner" page; the above links takes you to the correct page)._
**I want to** be able to visualise work packages in a weekly calendar view across multiple sub-projects, and order them by assignee
**so that** I have a clear vision of who does what and when, and have a clear view of resource availability.
**Note**
The Team planner is an initial (first stage) implementation a larger evolution the planning that will be implemented in a multi-step process. At this stage, it will only display the planner in a weekly view.
_This work package is a work in progress, specification is not yet complete._
####
#### **Acceptance Criteria**
**The module**
There is a new module called "Team planner".
* This has to be enabled and has three permissions:
* "View team planner"
* "Manage team planner" and
* Make it public/private (phrasing to be confirmed)
* The work package module will have to be active for the team planner to be active.
* Is also based on fullcalendar.io but is separate from the Calendar module.
This new module, once enabled, is visible in the sidebar as "Team planner":
* Clicking on "Team planner" in the project sidebar drills into the "Team planner" sub-menu.
* The first item is a back button with the title "Team planner"
* In this sub-menu, there are four possible headers in the sidebars:
* "Favorite team planners" visible only if there are team planners that have been favourited
* "Public team planners" lists all saved team planners that are public
* "Private team planners" lists all team planners that are marked as not public
* The "Create team planner" only ever has on item (New team planner)
* The "first" team planner (so the first of either the favorited ones, public ones or the private ones, in that order) will the one that will be automatically loaded.
* If there are no existing team planners, the 'New team planner' item under "Create team planner" is loaded automatically.
* Within each view, the list of team planners is arranged alphabetically, allowing users to also prepend numbers to govern this
* To navigate to other saved planners, the user has to pick a different planner from the sidebar.
* The last header "Create new planner" has only one item, "New team planner". This is essentially the "Create" function (now that we don't have an index/list view for this v1).
**A basic (empty calendar)**
Clicking on "Create new planner" loads an empty planner.
* The top header is by default in edit mode, much like when the user creates a new board; the user is able to type a name for the calendar and click on the save icon to save the calendar.
* _Note: there is no back button at the level of this top header (unlike when a new board is created; this should eventually also be changed in the boards)._
* The right side of the top header has three buttons:
* The standard "filter" action, with two specifities
* The assignee attribute is disabled/not available
* The time frame attribute is disabled/not available
* The full-screen icon.
* The "more" action with three vertically-stacked dots, with these functions (that exist already today in the context of work package list/table view).
* Rename
* Save
* Save as
* Delete
* Visibility settings
* The secondary toolbar has these elements, and is common to new and existing calendars:
* On the left edge:
* Left/right buttons to go forwards and backwards in time (in increments of week or month, depending on the current view)
* A "today" button to return to today
* The standard filter button (that works like filters elsewhere, notably in work packages list view)
* Centered:
* The current date range visible, either the month ("August 2021") or a week ("6–10 August 2021")
* ~~On the right edge:~~
* ~~A switch to select between "Planning view" and "Month view" (please note that the planning view is limited to a weekly view for the moment)~~
* No filters are enabled by default in a new team planner
* The calendar area is empty in a new team planner (no work packages are visible since no assignees are added yet)
* There is a message on the calendar that says "Add assignees to set up your team planner."
* An "Add assignee" button allows users to add assignees to get started (this button is described below).
**Main view**
The calendar week view is the main view:
* There is an "Assignee" column on the left edge
* The other columns are dates, displayed as "{day name} - {date number}", as in "Monday - 9".
* This is shortened to "Mon - 9" in smaller windows when the cell is not wide enough to display the full version.
* The current date is highlighted also in the column header, with the same yellow highlight as in the currect calendar.
* As soon as assignees are added (and filters optionally enabled), work packages are displayed as strips (as they are currently in the Calendar module),
* Please see next section "Work package strips" for details.
* There is no upper limit to how many strips are displayed per assignee row. (**Open:** there should probably be a technical upper limit).
* There is an "Add assignee" button at the bottom, on the left edge.
* **Open** what is the loading animation while:
* Loading the work packages for the current week upon initially visiting the team planner
* Loading the work packages for the switched to week when browsing between weeks via the calendar buttons (next/previous week)
**Work package strips**
* A work package strip is a visual representation of the work package in the calendar part of the team planner.
* A basic strip is almost identical to a work package strip in the current Calendar view.
* It starts on the start date and extends till the end date (either of which can be out of view)
* There is one line of text that represents the work package name
* The background colour represents the work package type
* A milestone is displayed:
* As a strip spanning a single day, that can be dragged around to change date or assignee, but does not have the drag edges (and thus cannot be resized; the duration is always 1 day).
* This strip has additional features not yet available in calendar view:
* Small "drag handles" on either end that allow the user to extend the work package to the left or to the right, in order to to change start/end
* The ability to drag an existing work package horizontally, to adjust the start and end dates (whilst keeping the duration constant)
* The ability to drag a work package from one row to another to assign it to another user (can also be done simulaneously with a horizotal scroll, ie., one can move the start date and change assignee in one drag-and-drop movement).
* Clicking on a work package strip opens it in a classic split screen view (see below).
**Split screen view**
The split screen view is invoked either when:
* a new work package is created
* a work package strip is clicked to view its details
The split screen behaves like it does in a work package list view:
* It anchors itself to the right
* It pushes the main view (secondary header + calendar) to the left, and introduces a horizontal scroll
* Allows the user to change any attributes that they have the permission to change
* Any changes to the start/end dates or assignee are reflected immediately (**Open:** how immediately?) on the calendar view.
**Add assignee button**
Clicking on this button adds a row to the calendar, with focus on the the assignee name search input (or if focus is not possible, an empty drop-down field with an "-"). This dropdown is the same as when one clicks on the "Assignee" drop-down in a work package full view or in a work package list.
* As the user starts typing, a list of users who correspond to the search terms displayed as:
* An avatar and
* Their full name
* Clicking on a particular user assigns the newly added row to the assignee, keeping its position (last row).
* On refresh, the assignee rows are re-organised alphabetically? **To discuss:** Or shall we display the assignees in the order in which assignees were added?
* It is possible to add a group as an assignee. (This allows the user to take a work package assigned to a group and assign it to a particular member of that group).
* Individuals in that group can nevertheless be added separately.
* The work packages in the group row then only show those explicitly assigned to the group, not those assigned to members of that group
**Adding work packages to the team planner**
It is possible to add work packages directly to the team planner by right-clicking on a certain day cell (which is naturally also associated with an assignee):
* Right-clicking displays a menu with two options (without icons, similar to clicking on the "+" button in the boards module):
* Create new
* Add existing
* Selecting "Create new" simply opens the split-screen with an empty (new) work package, with only the start date set to the day that was initialy selected (i.e, right-clicked on).
* Selecting "Add existing" displays an small overlay with a search bar. This functions in the same was as the search bar on the main OpenProject header (except, we get directly to the results, without the first three elements that are normally present when searching via the main search bar).
<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23686/content"></div></figure>
* When a user starts typing search terms, an "×" appears to clear the search field and
* The overlay expands vertically to show search results, with a height not exceeding available screen space
* It displays work packages that correspond to the search term
* Is vertically scrollable (within the overlay)
* Clicking outside of the overlay closes it.
* Clicking on a work package adds that to the team planner.
* If the user wishes to remove the work package, they may do so by opening the split screen by clicking on the work package strip and either removing the assignee or changing the dates.
**Features specific to planning view**
Planning view, once assignees have been added, affords the users more functionalities than is available in month view:
* Hovering on the cell with the name and avatar of the assignee displays a "remove" icon, that allows users to remove that assignee from the current view.
* The row will have a min height of x (by default the space needed to display the assignee name and icon + spacing), but can grow almost arbitrarily (see Open in "Error handing").
* If the height of taken up by the assignee rows is more than the available screen height, scrolling is to be applied to entire page (or, if the split screen is open, the main area not including the split screen). **To discuss:** is this technically feasible?
* **To discuss -** When dragging a work package that spans more than the week, so that the start and end date is not displayed, we can display an overlay above the work package strip, on the edge that is cut-off, indicating the start date (see [Figma prototype for demo](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/Planning-Calendar?node-id=923%3A38919)).
**Enterprise edition**
* The team planner will be an enterprise only feature. _(**Note:** Challenged by comment by <mention class="mention" data-id="9177" data-type="user" data-text="@Oliver Günther">@Oliver Günther</mention> on <mention class="mention" data-id="40038" data-type="work_package" data-text="#40038">#40038</mention>)._
* The calendar module will be kept non enterprise with all improvements carried over from team planner included (e.g. persisting filters)
#### **Error handling and exceptions**
**Error management**
* **When adding existing work packages by right-clicking on a certain day cell** (which is naturally also associated with an assignee), we might have certain attributes that might already exist and would be replaced with new values:
* **Assignee already set**: if an assignee has already been set (but date fields are empty), but the work package is being added to another assignee row, show dialogue with the following error message:
* Title: "Change work package assignee?"
* Text: "The work package you are adding is already assigned to _{current assignee}_. Would you like to change the assignee to _{new assignee}_?"
* Primary button: "Change assignee"
* Secondary button: "Cancel"
* **Dates already set: i**f the start date has already been set (regardless of assignee), but the work package is being added to a different date show, show dialogue with the following error message:
* Title: "Change start/end dates?"
* Text: "The work package you have selected already has a start date set to _{current start date}_. Would you like to change it to _{date}_?"
* Primary button: "Change dates"
* Secondary button: "Cancel"
* **Assignee/dates already set**: if both the assignee and start/end dates have already been set, but the work package is being added to a different assignee and start/end dates, show dialogue with the following error message:
* Title: "Change assignee and dates?"
* Text: "The work package you have selected is currently assigneed to _{current assignee}_ and is scheduled for _{current date range}_. Would you like to change the assignee to _{new assignee}_ and the dates to _{new date range}_?"
* Primary button: "Change assignee and start date"
* Secondary button: "Cancel"
* **Open -** The work package has been invalid before, e.g. a required custom field is not set
* **When dragging or extending work packages**
* In this, first version, as I understand it, it is not possible to know in advance which work packages have relations or are read-only for any number of reasons (see list below). This means that we will not be able to communicate to the user that that work package isn't extendable or draggable _before_ they try modifying it, or _during._
* **In any of the following cases, our (very imperfect but pragmatic) proposition for this v1 is to simply throw an error with a snackbar after the "offending" action is executed. An** [**example of the error in Figma is here**](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/Planning-Calendar?node-id=951%3A38825)**.**
* Some cases where we might need to do this are:
* The work package has been invalid before, e.g. a required custom field is not set
* Moving the work package would violate a constraint (e.g. a preceding work package limiting the start date)
* For work packages with follows/precedes relationships.
* In case two work packages displayed on the same planning calendar at the same time are in a follows/precedes relationship _(for now treated the same as when they aren't on the same view; we'll need to make a distinction later when we're able to drag/drop work packages with relations)._
* the user not having the permission to edit work packages (the permissions might be different for two work packages within the same team planner if they are in different projects)
* the work package being a parent
* the work package having a locked status
* a constraint imposed by relationships on the start date is violated
**Mobile**
* **To discuss -** There will not be support for this on mobile. How do we hide the feature?
**Product team:** Let's wait to see, once we have basic implementation, how it is in mobile (hard to tell with the current Calendar module without the assignees rows). If it's still possible for the user to glean _some_ useful information by accessing the planner on mobile, albeit with a lot of scrolling, it might still be worth not hiding the feature.
**Visuals**
These are work-in-progress and actively evolving. They will be continually updated as changes are made.
_**Addition of "Team planner" to the side menu**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23649/content"></div></figure>
_**An empty, initialised team planner**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23650/content"></div></figure>
_**A populated team planner with four assignees**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23651/content"></div></figure>
_**Hovering on a work package strip**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23652/content"></div></figure>
_**Split screen view of a work package strip**_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/23653/content"></div></figure>
Other screens are visible in the [Figma prototype](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/?node-id=614%3A26487).
**Out of scope**
* Views other than weekly (including the two-week view)
* The ability to identify assignees with overdue work packages (and view those in an overlay)
* More detailed work package strips that display important attributes without needing a hover
* Work package planning stages (done, planned, overdue)
* Altering the order of assignees by dragging-and-dropping entire assignees rows
* A shortlist of work packages form which the user can drag and drop work packages to the calendar (and a way to filter this shortlist)
* Any form of automation (associating certain work package status with certain planning stages)
**Mockups in Figma**
_Figma mock-ups might not yet have been updated to reflect changes described in this work package:_
https://www.figma.com/file/409d6qR685SzZLXez4TPl7/?node-id=614%3A26487
_(Please note that the relevant screens are on the "Team planner" page; the above links takes you to the correct page)._